1. Typography & Headings
Heading 1 (h1)
Heading 2 (h2)
Heading 3 (h3)
Heading 4 (h4)
Heading 5 (h5)
Heading 6 (h6)
Inline Text Elements
This is a standard paragraph (<p>) containing bold text, italicized text, underlined text, and a hyperlink.
You can also use highlighted text, deleted/strikethrough text, inserted text, superscript, and subscript elements.
Blockquotes
„The details are not the details. They make the design.“ — Charles Eames
2. Lists
Unordered List
- First list item
- Second list item
- Nested list item (Level 2)
- Another nested item
- Third list item
Ordered List
- Step number one
- Step number two
- Sub-step A
- Sub-step B
- Step number three
Description List
- HTML
- HyperText Markup Language handles the structure of a webpage.
- CSS
- Cascading Style Sheets handles the presentation and layout.
3. Tables
Sample Employee Data Table
| ID |
Name |
Role |
Status |
| 001 |
Jane Doe |
Software Engineer |
Active |
| 002 |
John Smith |
UI/UX Designer |
On Leave |
| 003 |
Alex Cover |
DevOps Lead |
Active |
| Total Active Employees |
2 |