http://blog.ivanhawkes.dev/dashboard/bare/Recent content in Bare HTML on Ivan HawkesHugoen-usivan.hawkes@gmail.com (Ivan Hawkes)ivan.hawkes@gmail.com (Ivan Hawkes)© 2026 Ivan HawkesWed, 22 Apr 2026 00:00:00 +0000http://blog.ivanhawkes.dev/dashboard/bare/all-html-elements/Wed, 22 Apr 2026 00:00:00 +0000ivan.hawkes@gmail.com (Ivan Hawkes)http://blog.ivanhawkes.dev/dashboard/bare/all-html-elements/<div id="top" class="page" role="document"> <header role="banner"> <h1>HTML5 Test Page</h1> <p>This is a test page filled with common HTML elements to be used to provide visual feedback whilst building CSS systems and frameworks.</p> </header> <nav role="navigation"> <ul> <li> <a href="#text">Text</a> <ul> <li><a href="#text__headings">Headings</a></li> <li><a href="#text__paragraphs">Paragraphs</a></li> <li><a href="#text__blockquotes">Blockquotes</a></li> <li><a href="#text__lists">Lists</a></li> <li><a href="#text__hr">Horizontal rules</a></li> <li><a href="#text__tables">Tabular data</a></li> <li><a href="#text__code">Code</a></li> <li><a href="#text__inline">Inline elements</a></li> <li><a href="#text__comments">HTML Comments</a></li> </ul> </li> <li> <a href="#embedded">Embedded content</a> <ul> <li><a href="#embedded__images">Images</a></li> <li><a href="#embedded__audio">Audio</a></li> <li><a href="#embedded__video">Video</a></li> <li><a href="#embedded__canvas">Canvas</a></li> <li><a href="#embedded__meter">Meter</a></li> <li><a href="#embedded__progress">Progress</a></li> <li><a href="#embedded__svg">Inline SVG</a></li> <li><a href="#embedded__iframe">IFrames</a></li> </ul> </li> <li> <a href="#forms">Form elements</a> <ul> <li><a href="#forms__input">Input fields</a></li> <li><a href="#forms__select">Select menus</a></li> <li><a href="#forms__checkbox">Checkboxes</a></li> <li><a href="#forms__radio">Radio buttons</a></li> <li><a href="#forms__textareas">Textareas</a></li> <li><a href="#forms__html5">HTML5 inputs</a></li> <li><a href="#forms__action">Action buttons</a></li> </ul> </li> </ul> </nav> <main role="main"> <section id="text"> <header> <h1>Text</h1> </header> <article id="text__headings"> <header> <h1>Headings</h1> </header> <div> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </div> <footer> <p><a href="#top">[Top]</a></p>