Markdown Style Test Reference
A comprehensive test of all markdown styling features.
Innovative Prospects
Innovative Prospects Team
Heading Level 1
This is a paragraph under h1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading Level 2
This is a paragraph under h2. Sed do eiusmod tempor incididunt ut labore.
Heading Level 3
This is a paragraph under h3. Ut enim ad minim veniam.
Heading Level 4
This is a paragraph under h4. Quis nostrud exercitation.
Heading Level 5
This is a paragraph under h5. Ullamco laboris nisi.
Heading Level 6
This is a paragraph under h6. Duis aute irure dolor.
Typography Elements
Bold text using double asterisks.
Italic text using single asterisks.
Bold italic text using triple asterisks.
Strikethrough text using double tildes.
inline code using backticks.
Links
Blockquotes
This is a simple blockquote.
It can span multiple lines.
Blockquotes can contain formatting
Even
inline codeand other elements.
Lists
Unordered Lists
- First item
- Second item
- Nested item level 2
- Nested item level 3
- Back to level 2
- Nested item level 2
- Third item
Ordered Lists
- First item
- Second item
- Nested ordered item
- Another nested item
- Third item
Task Lists
- Completed task item
- Incomplete task item
- Another completed item
Code Blocks
// JavaScript code block with syntax highlighting
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("World"));
# Python code block
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))
/* CSS code block */
.prose {
max-width: 65ch;
margin: 0 auto;
}
Tables
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Cell 1 | Cell 2 | Cell 3 |
| Cell 4 | Cell 5 | Cell 6 |
| Left align | Center align | Right align |
|---|---|---|
| Left | Center | Right |
| Data | Data | Data |
Horizontal Rule
The line above is a horizontal rule.
HTML Elements
Details/Summary
Click to expand details
This content is hidden by default and shown when clicked.Already expanded details
This details element is open by default.Keyboard Keys
Press Ctrl + C to copy.
Press Cmd + Shift + P to open command palette.
Marked/Highlighted Text
This is highlighted text using the mark element.
Subscript and Superscript
The chemical formula for water is H2O.
Einstein’s famous equation: E=mc2.
Abbreviation
HTML is the foundation of the web.
Citation
As stated by MDN Web Docs, semantic HTML is important.
Small Text
Normal text followed by small text for legal or supplementary information.
Emphasized Text
This text is emphasized (italic with semantic meaning).
Address
123 Main StreetAnytown, USA 12345
Definition Lists
- HTML
- HyperText Markup Language - the standard markup language for documents designed to be displayed in a web browser.
- CSS
- Cascading Style Sheets - a style sheet language used for describing the presentation of a document written in HTML.
- JavaScript
- A programming language that is one of the core technologies of the World Wide Web.
Figure and Figcaption
Strong vs Bold vs Em vs Italic
This is strong importance text. This is bold text (visual only). This is emphasized text. This is italic text (visual only).
Complex Examples
Nested Lists with Code
- Item with
inline code- Nested item
- Deeply nested with bold
- Nested item
- Back to first level
Blockquote with List
Features of this system:
- Fast performance
- Easy to use
- Secure by default
Table with Inline Code
| Language | Extension | Example |
|---|---|---|
| JavaScript | .js | console.log() |
| Python | .py | print() |
| CSS | .css | .class {} |
End of Test
This concludes the comprehensive markdown style test.