Typography

Heading 1

Heading 2

Heading 3

Heading 4

Body Text

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>Body Text</p>

Text Styles

Italics

The brown fox jumped over the lazy dog.

<i>The brown fox jumped over the lazy dog.</i>

Bold

The brown fox jumped over the lazy dog.

<b>The brown fox jumped over the lazy dog.</b>

Emphasis

The brown fox jumped over the lazy dog.

<p>The brown fox <em>jumped</em> over the lazy dog.</p>

Mark text

The brown fox jumped over the lazy dog.

<p>The brown fox <mark>jumped</mark> over the lazy dog.</p>

Strikethrough

~~The brown fox jumped over the lazy dog.~~

<s>The brown fox jumped over the lazy dog.</s>

Small side comment

The brown fox jumped over the lazy dog.

<small>The brown fox jumped over the lazy dog.</small>

Subscript element

Almost every developer's favorite molecule is C₈H₁₀N₄O₂, also known as "caffeine."

<p>Almost every developer's favorite molecule is
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as "caffeine."</p>

Superscript element

The Pythagorean theorem is often expressed as the following equation:

a² + b² = c²

<p>The <em>Pythagorean theorem</em> is often expressed as the following equation:</p>
<p><var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var></p>

(Date) Time element

GNOME celebrated their 25th anniversary on August 15 in Guadalajara, Mexico. The conference starts at 9:00 am.

<p>GNOME celebrated their 25th anniversary on <time datetime="2022-08-15">August 15</time> in Guadalajara, Mexico.
The conference starts at <time datetime="09:00"> 9:00 am.</time></p>

The Abbreviation element

GNOME was started on 15 August 1997 by Miguel de Icaza and Federico Mena as a free software project to develop a desktop environment and applications for it.

<p><abbr title="GNU Network Object Model Environment">GNOME</abbr> was started on 15 August 1997 by Miguel de Icaza and Federico Mena as a free software project to develop a desktop environment and applications for it.</p>

The Article Contents element

GNOME Circle

GNOME Circle champions the great software that is available for the GNOME platform. Not only do we showcase the best apps and libraries for GNOME, but we also support independent developers who are using GNOME technologies.

<article>
  <h3>GNOME Circle</h3>
  <p>GNOME Circle champions the great software that is available for the GNOME platform. Not only do we showcase the best apps and libraries for GNOME, but we also support independent developers who are using GNOME technologies.</p>
</article>