Heading Level 1
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Paragraphs
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Optio architecto pariatur assumenda voluptate ea explicabo maxime, tenetur, dicta at molestias cupiditate asperiores perspiciatis ducimus sint! Eos sapiente ipsam suscipit. Amet deserunt commodi dolore, dicta aspernatur pariatur veritatis id ab eum porro quae, vitae debitis impedit. Voluptate labore nesciunt explicabo dolore!
<em>
This is some text with a bit of emphasis applied to it. That is to say, it's italicized.
<strong>
This text is making a strong statement. In other words, it's some bold text.
Tooltips
Unordered List
- This is a list item
- This is another list item
- This is a third list item
Ordered List
- This is a list item
- This is another list item
- This is a third list item
Image
Tables
Simple Table
Name | Favorite Color |
---|---|
Bob | Yellow |
Michelle | Purple |
Complex Table
Invoice #123456789 | 14 January 2025 | ||
---|---|---|---|
Pay to: Acme Billing Co. 123 Main St. Cityville, NA 12345 |
Customer: John Smith 321 Willow Way Southeast Northwestershire, MA 54321 |
||
Name / Description | Qty. | @ | Cost |
Paperclips | 1000 | 0.01 | 10.00 |
Staples (box) | 100 | 1.00 | 100.00 |
Subtotal | 110.00 | ||
Tax | 8% | 8.80 | |
Grand Total | $ 118.80 |
Blockquotes
With <cite>
:
– Aldous Huxley, Brave New World (citation)Words can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.
With <q>
:
Browsers generally render blockquote text as indented text. If your quoted text needs to display within a non-quoted paragraph, you should use the HTML q tag. Most browsers surround q text with quotation marks.