This is a post to show various markdown elements and how they display on a web page!
Headings
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
Text Formatting
Bold text
Italic text
Strikethrough
Inline code
This is a blockquote.
Lists
Unordered List
- Item one
- Item two
- Nested item
Ordered List
- First item
- Second item
- Nested item
Links
Code Block
function sayHello(name) {
return `Hello, ${name}!`
}
Table
| Name | Role | Favorite Tool |
|---|---|---|
| Jorge | Founder | VS Code |
| Simone | Designer | Figma |
| Gustavo | Engineer | Supabase |
Task List
- Set up markdown styles
- Test all formatting
- Refactor blog layout
Blockquote
This is an inspirational quote.
You can use blockquotes to emphasize key ideas or external references.
Tag Styles (using inline emphasis)
#music | #tech | #finance | #nutrition
Use bold and italics to simulate tag chips if you're not using styled components yet.
Emoji Test
✨ 🎸 🧠 📈 🔥 ✅ 💡 🚀 ❤️
Inline HTML (if supported)
This is an HTML block inside markdown. Great for custom-styled callouts.
Images
