Typography

On this page

# Block Level

Use HTML text content elements to organize blocks or sections of content.

The <h1>–<h6> elements represent six levels of section headings. <h1> is the highest section level and <h6> is the lowest. There is also the h1-h6 classes to match the look of a heading to another without changing the level.

1st level heading

2nd level heading

3rd level heading

4th level heading

5th level heading
6th level heading
6th level heading with the h1 class
6th level heading with the h2 class
6th level heading with the h3 class
6th level heading with the h4 class
6th level heading with the h5 class
6th level heading with the h6 class
The <address> element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.
You can visit us at the following links:
Profile
Website
Github
The <blockquote> element indicates that the enclosed text is an extended quotation. See blockquote

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

The <dl> element represents a description list. The element encloses a list of groups of terms (specified using the dt element) and descriptions (provided by dd elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs). See list.
HTML
Hyper Text Markup Language.
CSS
Cascading Style Sheets.
JavaScript
Lightweight, interpreted, or just-in-time compiled programming language with first-class functions.
The <ol> element represents an ordered list of items, typically rendered as a numbered list. By default list styling has been removed with list-style: none;. See list for the modifiers for list styling.
  1. HTML
  2. CSS
  3. JavaScript
The <ul> element represents an unordered list of items, typically rendered as a bulleted list. By default list styling has been removed with list-style: none;. See list for the modifiers for list styling.
  • HTML
  • CSS
  • JavaScript

# Inline Level

Use the HTML inline text semantic to define the meaning, structure, or style of a word, line, or any arbitrary piece of text.

  • Anchor
  • Abbr
  • Bold
  • Cite
  • Code
  • Data
  • Definition
  • Emphasis
  • Idiomatic
  • Keyboard Input
  • Mark
  • Quote
  • Strikethrough
  • Sample
  • Small
  • Strong
  • Subscript
  • Superscript
  • Unarticulated Annotation
  • Variable