HTML Tags Study Guide

(html) [What it does]

Defines the root of an HTML document.

(html) [Explanation]

Instructs the web browser that the file contains HTML code. It wraps around all other tags on the webpage except the doctype.

(head) [What it does]

Contains background information (metadata) about the page.

(head) [Explanation]

Holds data that isn't shown directly on the page, such as the page title, character sets, viewports, and links to external style sheets.

(meta) [What it does]

Provides metadata about the HTML document.

(meta) [Explanation]

Specifies details like the webpage character encoding or viewport rules. The viewport property configures how a webpage scales and displays on mobile devices.

(title) [What it does]

Sets the title of the webpage in the browser tab.

(title) [Explanation]

Defines a text title that appears at the top of the web browser tab or in search results. It lives inside the head section.

(link) [What it does]

Connects the HTML document to an external file.

(link) [Explanation]

Links the current webpage to external assets. Its most common use is using the href property to pull in an external CSS file for styling layout visuals.

(body) [What it does]

Contains all visible elements on the webpage.

(body) [Explanation]

Acts as the main storage box for everything users see on a screen, including headings, paragraphs, lists, links, and horizontal dividers.

(center) [What it does]

Centers text or layout items horizontally.

(center) [Explanation]

Aligns text or inner page elements directly to the middle of the container box horizontally. It is a classic structural layout tag.

(h1) [What it does]

Creates the largest and most important heading.

(h1) [Explanation]

Displays a primary, high-level text heading on the page. Web browsers automatically make this font larger and bolder by default.

(hr width) [What it does]

Inserts a horizontal line or thematic divider.

(hr width) [Explanation]

Draws a straight line across the page to visually separate different topics. It uses properties like width and align to control its visual scale.

(br) [What it does]

Inserts a single line break.

(br) [Explanation]

Forces the text or elements that follow it to drop down to the very next line without adding extra paragraph spacing.

(h2 through h6) [What it does]

Creates a secondary, medium-sized heading.

(h2 through h6) [Explanation]

Displays a subheading that is smaller than an h1 heading but larger than standard text, helping organize information into subsections.

(ul type) [What it does]

Creates a bulleted (unordered) list.

(ul type) [Explanation]

Groups a series of related items into a clean bulleted format. It uses the type property to change the bullet style, such as to a square.

(li) [What it does]

Defines a single list item inside a list.

(li) [Explanation]

Represents an individual entry or bullet point inside a list structure. It must always live inside an ordered or unordered list container.

(a href= ) [What it does]

Creates a hyperlink to another page or file.

(a href= ) [Explanation]

Defines an active, clickable text or image link. It uses properties like href to specify the exact target web address or file path destination.

(p) [What it does]

Defines a block paragraph of body text.

(p) [Explanation]

Groups standard sentences and words together into a clean block of text. It automatically adds a small amount of space above and below the paragraph.

(i) [What it does]

Applies an italic (slanted) text style.

(i) [Explanation]

Changes the appearance of wrapped text characters by slanting them slightly to the right, often used for emphasis, book titles, or update notes.

href [What it does]

Property that sets the URL or path for a hyperlink.

href [Explanation]

An attribute used inside the (a) anchor tag to specify the exact webpage address or local file name that the user travels to when clicked.

width [What it does]

Property that sets the horizontal size of an element.

width [Explanation]

An attribute used on tags like (hr) to control how wide the line or box stretches across the screen, using percentages or pixels.

align [What it does]

Property that sets the text or layout alignment.

align [Explanation]

An attribute used on tags like (hr) or paragraphs to control whether the item shifts to the left, right, or center of the webpage view.

type [What it does]

Property that sets the style or format of a list marker.

type [Explanation]

An attribute used inside the (ul) tag to define what shape the bullet points should take, such as setting it to square.

(img src alt width) [What it does]

Inserts a linked image into a page.

(img src alt width) [Explanation]

img for image tag, scr ="path to image and file name, exactly" alt = "text to display if pic doesn't load, width in percentage or pixels.