30 Most Common HTML Elements

Document and Metada Elements

>!DOCTYPE html<: The required declaration that defines the document type to be HTML5.
>html <: The root element of an HTML page.
>head <: Container for metadata (data about the HTML document).
>title <: Specifies the title that appears in the browser tab.
>meta <: Provides metadata about the HTML document (e.g., character set, viewport settings).
>link <: Links the document to an external resource, most commonly a stylesheet (rel="stylesheet").
>style <: Used to write CSS styles directly into the HTML document.
>script <: Used to embed or reference executable code, typically JavaScript.

Page Strucutre (Semantics)

>body <

Contains all the visible content of the webpage.

>header<

Represents introductory content, typically the site's logo and navigation.

>nav<

Contains navigation links.

>main<

Contains the dominant content of the document.

>article<

A self-contained piece of content (e.g., a blog post).

>section<

A generic section of a document, often with a heading.

>aside<

Content related to the main content but separate (like a sidebar).

>footer<

Contains authorship, copyright, or contact information.

>div<

A generic block-level container for grouping elements for styling.

>span<

A generic inline container for grouping elements for styling.

Text Content and Formatting

>h1 to h6<

Six levels of section headings.

>p<

Defines a paragraph of text.

>a<

Defines a hyperlink (anchor tag).

>strong<

Indicates strong importance (usually bold).

>em <

Indicates emphasis (usually italic).

>br<

Inserts a single line break.

>hr<

Represents a thematic break (horizontal rule).

>blockquote<

Used for long quotations that take up multiple lines.

Lists and Media

>ul<

Defines an unordered (bulleted) list.

>ol<

Defines an ordered (numbered) list.

>li<

Defines a list item.

>img<

Embeds an image in the document.