104 lines
2.0 KiB
HTML
104 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Static Site</title>
|
|
<link rel="stylesheet" type="text/css" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Markdown Features Example</h1>
|
|
<p></p>
|
|
<h2>Headers</h2>
|
|
<p></p>
|
|
<h1>This is a Heading 1</h1>
|
|
<h2>This is a Heading 2</h2>
|
|
<h3>This is a Heading 3</h3>
|
|
<h4>This is a Heading 4</h4>
|
|
<h5>This is a Heading 5</h5>
|
|
<h6>This is a Heading 6</h6>
|
|
<p></p>
|
|
<h2>Emphasis</h2>
|
|
<p></p>
|
|
<i>This text will be italic</i>
|
|
<b>This text will be bold</b>
|
|
<b>*This text will be both italic and bold</b>*
|
|
<p></p>
|
|
<h2>Lists</h2>
|
|
<p></p>
|
|
<h3>Unordered List</h3>
|
|
<li>Item 1</li>
|
|
<li>Item 2</li>
|
|
<p> - Subitem 2.1</p>
|
|
<p> - Subitem 2.2</p>
|
|
<li>Item 3</li>
|
|
<p></p>
|
|
<h3>Ordered List</h3>
|
|
<p>1. First item</p>
|
|
<p>2. Second item</p>
|
|
<p>3. Third item</p>
|
|
<p></p>
|
|
<h2>Links</h2>
|
|
<p></p>
|
|
<a href="https://www.ecosia.org">This is a link to Ecosia</a>
|
|
<p></p>
|
|
<h2>Images</h2>
|
|
<p></p>
|
|
!<a href="https://via.placeholder.com/150">Alt text for an image</a>
|
|
<p></p>
|
|
<h2>Blockquotes</h2>
|
|
<p></p>
|
|
<p>> This is a blockquote. </p>
|
|
<p>> It can span multiple lines.</p>
|
|
<p></p>
|
|
<h2>Code</h2>
|
|
<p></p>
|
|
Inline code: <code>print("Hello, World!")</code>
|
|
<p></p>
|
|
<h3>Code Block</h3>
|
|
<pre><code>
|
|
<p>def hello_world(): print("Hello, World!")</p>
|
|
<pre><code>
|
|
<h2>Horizontal Rule</h2>
|
|
<p></p>
|
|
<li>-</li>
|
|
<p></p>
|
|
<h2>Tables</h2>
|
|
<p></p>
|
|
<p>| Header 1 | Header 2 |</p>
|
|
<table>
|
|
<tr>
|
|
<th style="border: 1px solid black;">----------</th>
|
|
<th style="border: 1px solid black;">----------</th>
|
|
</tr>
|
|
</table>
|
|
<p>| Row 1 | Row 1 |</p>
|
|
<p>| Row 2 | Row 2 |</p>
|
|
<p></p>
|
|
<h2>Task Lists</h2>
|
|
<p></p>
|
|
<li>[x] Completed task</li>
|
|
<li>[ ] Incomplete task</li>
|
|
<p></p>
|
|
<h2>Footnotes</h2>
|
|
<p></p>
|
|
<p>Here is a sentence with a footnote.[^1]</p>
|
|
<p></p>
|
|
<p>[^1]: This is the footnote.</p>
|
|
<p></p>
|
|
<h2>Strikethrough</h2>
|
|
<p></p>
|
|
<p>~~This text is crossed out.~~</p>
|
|
<p></p>
|
|
<h2>Emoji</h2>
|
|
<p></p>
|
|
<p>Here is a smiley face: 😄</p>
|
|
<p></p>
|
|
<h2>HTML Elements</h2>
|
|
<p></p>
|
|
<p><div></p>
|
|
<p> This is a div element in HTML.</p>
|
|
<p></div></p>
|
|
</div>
|
|
</body>
|
|
</html>
|