A reference guide to HTML typography elements and formatting options available for content on the web.
This page serves as a reference for HTML formatting and typography elements. Understanding these elements is key to creating well-structured, readable web content.
Headings
HTML offers six levels of headings, from H1 through H6. Each heading level represents a different level of importance and hierarchy in your content structure.
Text Formatting
HTML supports a variety of inline text formatting options:
- Bold text is used to emphasise important words or phrases
- Italic text is used for emphasis or to denote titles
- You can also combine bold and italic formatting
- Links are used to connect to other pages or resources
Blockquotes
Blockquotes are used to highlight a section of text that is quoted from another source. They provide visual distinction from the surrounding content.
Lists
There are two main types of lists in HTML:
Unordered Lists
- First item in an unordered list
- Second item in an unordered list
- Third item in an unordered list
Ordered Lists
- First item in an ordered list
- Second item in an ordered list
- Third item in an ordered list
Horizontal Rules
Horizontal rules can be used to separate sections of content visually. They provide a clean break between different topics or ideas.
Preformatted Text
Preformatted text preserves whitespace and is typically displayed in a monospace font. This is useful for displaying code snippets:
<p>Hello, World!</p>
