/html-elements v2
<!DOCTYPE html>
<html>
<head>
<title>All HTML Elements Demo</title>
<meta charset='UTF-8'>
<link rel='stylesheet' href='#'>
<style>body{font-family:Arial;}</style>
</head>
<body>
<!-- Comment example -->
<header><h1>Main Heading</h1></header>
<nav><a href='#section'>Jump to Section</a></nav>
<section id='section'>
<article>
<kbd>Ctrl</kbd>
<p>This is a <abbr title='HyperText Markup Language'>HTML</abbr> demo file.</p>
<address>Contact: Example St. 123</address>
<b>Bold text</b><br>
<i>Italic text</i><br>
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<small>Small text</small><br>
<mark>Highlighted</mark><br>
<sub>sub</sub> and <sup>sup</sup><br>
<u>Underlined text</u>
</article>
<aside>Sidebar content</aside>
</section>
<div>
<figure>
<img src='https://via.placeholder.com/100' alt='image'>
<figcaption>Example Image</figcaption>
</figure>
</div>
<table border='1'>
<caption>Sample Table</caption>
<thead><tr><th>Head</th></tr></thead>
<tbody><tr><td>Data</td></tr></tbody>
<tfoot><tr><td>Foot</td></tr></tfoot>
</table>
<ul><li>List item</li></ul>
<ol><li>Ordered item</li></ol>
<dl><dt>Term</dt><dd>Description</dd></dl>
<form>
<label>Name: <input type='text'></label>
<fieldset><legend>Options</legend>
<select><optgroup label='Group'><option>Choice</option></optgroup></select>
</fieldset>
<textarea>Text here</textarea>
<button>Click</button>
</form>
<video controls><source src='#'></video>
<audio controls><source src='#'></audio>
<svg width='50' height='50'><circle cx='25' cy='25' r='20' fill='red'/></svg>
<canvas id='c'></canvas>
<script>console.log('script running');</script>
<pre>Preformatted text</pre>
<code>console.log('code');</code>
<blockquote>Blockquote</blockquote>
<q>Short quote</q>
<ruby>漢<rt>Kan</rt></ruby>
<s>Incorrect text</s>
<del>Deleted</del>
<ins>Inserted</ins>
<kbd>Ctrl</kbd>
<samp>Sample output</samp>
<var>x</var>
<meter value='2' min='0' max='10'></meter>
<progress value='50' max='100'></progress>
<time datetime='2026-03-17'>Today</time>
<output>Result</output>
<picture><source src='#'><img src='#'></picture>
<object data='#'></object>
<embed src='#'>
<iframe src='#'></iframe>
<MARQUEE>Oh my god this still works in most modern browsers!</MARQUEE>
I’m not sure <blink> never had its moments. One could, for example, write: The cat is <blink>not</blink> dead. :D
<map name='imgmap'><area shape='rect' coords='0,0,10,10'></area></map>
<wbr>
<details><summary>More</summary>Hidden text</details>
<dialog open>Dialog text</dialog>
<template>Template content</template>
<search>Search section</search>
<main>Main content</main>
</body>
</html>