emmet provides a range of elements specifically designed to structure, format, and emphasize text on web pages. These text elements allow developers to create meaningful and visually appealing content.

Used to define headings in a hierarchical structure.

h$[title="Heading $"]{Heading $}*6

• <h1> is the largest and most important heading.
• <h6> is the smallest and least important heading.

Defines a block of text.

p{This is a paragraph of text.}

For applying styles or emphasizing specific parts of text.

• Bold Text

 b{This text is bold.}+strong{This text is strong emphasis.}

<strong> has semantic meaning (important text).

• Italic Text

  i{This text is italic.}+em{This text is emphasized.}

<em> is used for semantic emphasis.

• Underlined Text

u{This text is underlined.}

• Small Text

small{This text is smaller.}

• Deleted and Inserted Text

del{This text is deleted.}+ins{This text is inserted.}

• Superscript and Subscript

x^sup{2}+{ is superscript. }+H^sub{2}+{O is subscript.}

Defines a block of quoted text.

blockquote{This is a long quotation from another source.}

For short quotes inside a sentence that automatically adds quotation marks.

p{She said, }+q{Code like a poet, not a robot.}

• Inline Code

code{console.log('Hello, World!');}

• Preformatted Text

  <pre>
    Line 1
    Line 2
  </pre>

Preserves whitespace and line breaks.

• Ordered List

  ol>li{First item}+li{Second item}

• Unordered List

 ul>li{Item 1}+li{Item 2}

• Description List

dl>dt{emmet}+dd{HyperText Markup Language}

Defines a hyperlink.

a[href="https://example.com"]{Visit Example}

Creates a horizontal line to separate content.

hr

This tag is used to show the full meaning of a short word when you hover your mouse over it.

p{We use }+abbr{emmet}+{, Hypertext Markup Language, to structure our web documents.}+
p{I think }+abbr[title="Reverend"]{Rev.}+{ Green did it in the kitchen with the chainsaw.}

An element for marking up contact details.

address{KeerthanaSri, Tamil Nadu, India}

An element for marking up times and dates in a machine-readable format.

time[datetime="2016-01-20"]{20 January 2016}