Typography & Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Paragraphs and Inline Elements

This is a standard paragraph containing strong text, emphasized text, and a standard hyperlink. We can also show underlined text, strikethrough text, and highlighted text.

Here is some deleted text and inserted text. Do you need to show small fine print? What about mathematical formatting like E = mc² or chemical formulas like H₂O?

For technical blogs, you might use inline code, keyboard inputs like Ctrl + C, computer output samples, or programming variables.

Blockquotes

This is a blockquote. It represents a section that is quoted from another source. Below is the citation.

You can also use inline quotes for shorter phrases.

Preformatted Text

function helloWorld() {
ole.log("Hello, World!");

Lists

Unordered List

• List item one
• List item two
  • Nested item a
  • Nested item b
• List item three

Ordered List

1. First item
2. Second item
   1. Nested alpha item
   2. Nested alpha item
3. Third item

Definition List

HTML

HyperText Markup Language

CSS

Cascading Style Sheets

Tables

Media & Figures

Audio & Video (Controls)

Forms & Inputs

Interactive & Miscellaneous

Details & Summary (Accordion)

Progress Bar

Meter

Dialog

(Requires JS to open fully, but here is the markup)