I think your best bet is to make one yourself. If you are too lazy to make it here's one I did: https://pastebin.com/QU4kcJfz
<!DOCTYPE html>
<html>
<head>
<title> TEST HTML PAGE </title>
<meta charset="UTF-8">
<meta name="description" content="Most of HTML5 tags">
<meta name="keywords" content="HTML5, tags">
<meta name="author" content="http://blazardsky.space">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<nav>
<p>HEADER</p>
<menu type="context" id="navmenu">
<menuitem label="Home" icon="icon.png"> <a href="#">Home</a> </menuitem>
</menu>
</nav>
</header>
<main>
<h1> Heading... </h1>
<h2> Heading... </h2>
<h3> Heading... </h3>
<h4> Heading... </h4>
<h5> Heading... </h5>
<h6> Heading... </h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisi lacus, auctor sit amet purus vel, gravida luctus lectus. Aenean rhoncus dapibus enim, sit amet faucibus leo ornare vitae. <br>
<span> span </span>
<b>Bold word</b>
<i>italic</i>
<em>emphasis</em>
<mark>mark</mark>
<small> small </small>
<sub> sub </sub>
<sup> sup </sup>
<u> Statements... </u>
<abbr title="National Aeronautics and Space Administration">NASA</abbr>
<strike> strikethrough </strike>
<span><del> deprecated info </del> <ins> new info </ins> </span>
<s> not relevant </s>
<a href="#link">link</a>
<time datetime="2020-08-17 08:00">Monday at 8:00 AM</time>
<ruby>
<rb>ruby base<rt>annotation
</ruby>
<br>
<kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>CANC</kbd>
</p>
</main>
<p> This is a <q>short quote</q> </p>
<blockquote> This instead is a long quote that is going to use a lot of words and also cite who said that. —<cite>Some People</cite> </blockquote>
<ol>
<li><data value="21053">data tag</data></li>
<li><data value="23452">data tag</data></li>
<li><data value="42545">data tag</data></li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<hr>
<template>
<h2>Hidden content (after page loaded).</h2>
</template>
<video width="640" height="480" src="https://archive.org/download/Popeye_forPresident/Popeye_forPresident_512kb.mp4" controls>
<track kind="subtitles" src="subtitles_de.vtt" srclang="de">
<track kind="subtitles" src="subtitles_en.vtt" srclang="en">
<track kind="subtitles" src="subtitles_ja.vtt" srclang="ja">
Sorry, your browser doesn't support HTML5 <code>video</code>, but you can
download this video from the <a href="https://archive.org/details/Popeye_forPresident" target="_blank">Internet Archive</a>.
</video>
<object data="flashmovie.swf" width="600" height="800" type="application/x-shockwave-flash">
Please install the Shockwave plugin to watch this movie.
</object>
<pre>
_,'/
_.-''._:
,-:`-.-' .:.|
;-.'' .::.|
_..------.._ / (:. .:::.|
,'. .. . . .`/ : :. .::::.|
,'. . . . ./ \ ::. .::::::.|
,'. . . . . / `.,,::::::::.;\
/ . . / ,',';_::::::,:_:
/ . . . . / ,',','::`--'':;._;
: . . / ,',',':::::::_:'_,'
|.. . . . / ,',','::::::_:'_,'
|. /,-. /,',':::::_:'_,'
| .. . . /) /-:/,'::::_:',-'
: . . . // / ,'):::_:',' ;
\ . . // /,' /,-.',' ./
\ . . `::./,// ,'' ,' . /
`. . . `;;;,/_.'' . . ,'
,`. . :;;' `:. . ,'
/ `-._,' .. ` _.-'
( _,'``------''
`--''
</pre>
<code>
// code tag
#include <iostream>
using namespace std;
int main()
{
cout << "Hello World!" << endl; return 0; } </code> <p>
<var> variable </var> = 1000;
<samp>Traceback (most recent call last):<br>NameError: name 'variabl' is not defined</samp>
</p>
<table>
<thead>
<tr>
<th>Numbers</th>
<th>Letters</th>
<th>Colors</th>
</tr>
</thead>
<tfoot>
<tr>
<td>123</td>
<td>ABC</td>
<td>RGB</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>A</td>
<td>Red</td>
</tr>
<tr>
<td>2</td>
<td>B</td>
<td>Green</td>
</tr>
<tr>
<td>3</td>
<td>C</td>
<td>Blue</td>
</tr>
</tbody>
</table>
<p> A <dfn>definition</dfn> is an explanation of the meaning of a word or phrase. </p>
<details>
<summary>Summary of content below</summary>
<p>Content 1</p>
<p>Content 2</p>
<p>Content 3</p>
<p>Content 4</p>
</details>
<section>
<h1>Content</h1>
<p>Informations about content.</p>
</section>
<progress value="33" max="100"></progress>
<meter value="11" min="0" max="45" optimum="40">25 out of 45</meter>
<p> 2+2 = <output>4</output> </p>
<select>
<optgroup label="Choice [1-3]">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</optgroup>
<optgroup label="Choice [4-6]">
<option value="4">Four</option>
<option value="5">Five</option>
<option value="6">Six</option>
</optgroup>
</select>
<div>
<div>
<p> div > div > p </p>
</div>
<br>
</div>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
<br>
<textarea id="textarea" name="textarea" rows="4" cols="50">
Write something in here
</textarea>
<br>
<audio controls>
I'm sorry. You're browser doesn't support HTML5 <code>audio</code>.
<source src="https://archive.org/download/ReclaimHtml5/ReclaimHtml5.ogg" type="audio/ogg">
<source src="https://archive.org/download/ReclaimHtml5/ReclaimHtml5.mp3" type="audio/mpeg">
</audio>
<p>This is a recording of a talk called <cite>Reclaim HTML5</cite> which was orinally delieved in Vancouver at a <a href="http://www.meetup.com/vancouver-javascript-developers/" taget="_blank">Super VanJS Meetup</a>. It is hosted by <a href="https://archive.org/details/ReclaimHtml5"
target="_blank">The Internet Archive</a> and licensed under <a href="http://creativecommons.org/licenses/by/3.0/legalcode" target="_blank">CC 3.0</a>.</p>
<iframe src="https://open.spotify.com/embed?uri=spotify%3Atrack%3A67HxeUADW4H3ERfaPW59ma?si=PogFcGg9QqapyoPbn2lVOw" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>
<article>
<header>
<h2>Title of Article</h2>
<span>by Arthur T. Writer</span>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat sollicitudin nisi, at convallis nunc semper et. Donec ultrices odio ac purus facilisis, at mollis urna finibus.</p>
<figure>
<img src="https://placehold.it/600x300" alt="placeholder-image">
<figcaption> Caption.</figcaption>
</figure>
<footer>
<dl> <dt>Published</dt>
<dd>17 August 2020</dd> <dt>Tags</dt>
<dd>Sample Posts, html example</dd>
</dl>
</footer>
</article>
<form>
<fieldset>
<legend>Personal Information</legend>
<label for="name">Name</label><br>
<input name="name" id="name"><br>
<label for="dob">Date of Birth<label><br>
<input name="dob" id="dob" type="date">
</fieldset>
</form>
<aside>
<p> P inside ASIDE tag </p>
</aside>
<map name="shapesmap"> <area shape="rect" coords="29,32,230,215" href="#square" alt="Square"> <area shape="circle" coords="360,130,100" href="#circle" alt="Circle"> </map>
<img src="https://placehold.it/100x100" alt="placeholder-image">
<form action="" method="get">
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>
<footer>
<address> relevant contacts <a href="mailto:[email protected]">mail</a>.</address>
<div> created by <a href="https://blazardsky.space">@blazardsky</a></div>
</footer>
</body>
</html>W3Schools
w3schools.com › html › html_examples.asp
HTML Examples
Keyboard input formatting using the <kbd> element Computer output formatting using the <samp> element Programming code formatting using the <code> element Programming code formatting preserving whitespace and line-breaks Variable formatting using the <var> element
W3Schools
w3schools.com › html › html_basic.asp
HTML Basic
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
Videos
01:09:34
HTML Tutorial for Beginners: HTML Crash Course - YouTube
42:55
HTML5 Website Project for Beginners | First HTML Project Tutorial ...
06:31:24
HTML & CSS Full Course - Beginner to Pro - YouTube
25:17
How to Code a Basic Webpage Using HTML - YouTube
Professional Website From Scratch | HTML & CSS For ...
26:01
Build a Personal Website with HTML & CSS (Beginner Crash Course) ...
GitHub
gist.github.com › chrisvfritz › bc010e6ed25b802da7eb
Simplest possible HTML template · GitHub
Simplest possible HTML template. GitHub Gist: instantly share code, notes, and snippets.
Programiz
programiz.com › html › basics
HTML Basics (with examples)
4. HTML code should be well-formed and properly indented, with each element on its own line and each level of hierarchy indented by one level. This makes the code easier to read and understand, and can help to avoid errors.
Simmons University
web.simmons.edu › ~grabiner › comm244 › weekfour › code-test.html
How to Use Code Examples in HTML
pre code { background-color: #eee; border: 1px solid #999; display: block; padding: 20px; }
Top answer 1 of 2
20
I think your best bet is to make one yourself. If you are too lazy to make it here's one I did: https://pastebin.com/QU4kcJfz
<!DOCTYPE html>
<html>
<head>
<title> TEST HTML PAGE </title>
<meta charset="UTF-8">
<meta name="description" content="Most of HTML5 tags">
<meta name="keywords" content="HTML5, tags">
<meta name="author" content="http://blazardsky.space">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<nav>
<p>HEADER</p>
<menu type="context" id="navmenu">
<menuitem label="Home" icon="icon.png"> <a href="#">Home</a> </menuitem>
</menu>
</nav>
</header>
<main>
<h1> Heading... </h1>
<h2> Heading... </h2>
<h3> Heading... </h3>
<h4> Heading... </h4>
<h5> Heading... </h5>
<h6> Heading... </h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisi lacus, auctor sit amet purus vel, gravida luctus lectus. Aenean rhoncus dapibus enim, sit amet faucibus leo ornare vitae. <br>
<span> span </span>
<b>Bold word</b>
<i>italic</i>
<em>emphasis</em>
<mark>mark</mark>
<small> small </small>
<sub> sub </sub>
<sup> sup </sup>
<u> Statements... </u>
<abbr title="National Aeronautics and Space Administration">NASA</abbr>
<strike> strikethrough </strike>
<span><del> deprecated info </del> <ins> new info </ins> </span>
<s> not relevant </s>
<a href="#link">link</a>
<time datetime="2020-08-17 08:00">Monday at 8:00 AM</time>
<ruby>
<rb>ruby base<rt>annotation
</ruby>
<br>
<kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>CANC</kbd>
</p>
</main>
<p> This is a <q>short quote</q> </p>
<blockquote> This instead is a long quote that is going to use a lot of words and also cite who said that. —<cite>Some People</cite> </blockquote>
<ol>
<li><data value="21053">data tag</data></li>
<li><data value="23452">data tag</data></li>
<li><data value="42545">data tag</data></li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<hr>
<template>
<h2>Hidden content (after page loaded).</h2>
</template>
<video width="640" height="480" src="https://archive.org/download/Popeye_forPresident/Popeye_forPresident_512kb.mp4" controls>
<track kind="subtitles" src="subtitles_de.vtt" srclang="de">
<track kind="subtitles" src="subtitles_en.vtt" srclang="en">
<track kind="subtitles" src="subtitles_ja.vtt" srclang="ja">
Sorry, your browser doesn't support HTML5 <code>video</code>, but you can
download this video from the <a href="https://archive.org/details/Popeye_forPresident" target="_blank">Internet Archive</a>.
</video>
<object data="flashmovie.swf" width="600" height="800" type="application/x-shockwave-flash">
Please install the Shockwave plugin to watch this movie.
</object>
<pre>
_,'/
_.-''._:
,-:`-.-' .:.|
;-.'' .::.|
_..------.._ / (:. .:::.|
,'. .. . . .`/ : :. .::::.|
,'. . . . ./ \ ::. .::::::.|
,'. . . . . / `.,,::::::::.;\
/ . . / ,',';_::::::,:_:
/ . . . . / ,',','::`--'':;._;
: . . / ,',',':::::::_:'_,'
|.. . . . / ,',','::::::_:'_,'
|. /,-. /,',':::::_:'_,'
| .. . . /) /-:/,'::::_:',-'
: . . . // / ,'):::_:',' ;
\ . . // /,' /,-.',' ./
\ . . `::./,// ,'' ,' . /
`. . . `;;;,/_.'' . . ,'
,`. . :;;' `:. . ,'
/ `-._,' .. ` _.-'
( _,'``------''
`--''
</pre>
<code>
// code tag
#include <iostream>
using namespace std;
int main()
{
cout << "Hello World!" << endl; return 0; } </code> <p>
<var> variable </var> = 1000;
<samp>Traceback (most recent call last):<br>NameError: name 'variabl' is not defined</samp>
</p>
<table>
<thead>
<tr>
<th>Numbers</th>
<th>Letters</th>
<th>Colors</th>
</tr>
</thead>
<tfoot>
<tr>
<td>123</td>
<td>ABC</td>
<td>RGB</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>A</td>
<td>Red</td>
</tr>
<tr>
<td>2</td>
<td>B</td>
<td>Green</td>
</tr>
<tr>
<td>3</td>
<td>C</td>
<td>Blue</td>
</tr>
</tbody>
</table>
<p> A <dfn>definition</dfn> is an explanation of the meaning of a word or phrase. </p>
<details>
<summary>Summary of content below</summary>
<p>Content 1</p>
<p>Content 2</p>
<p>Content 3</p>
<p>Content 4</p>
</details>
<section>
<h1>Content</h1>
<p>Informations about content.</p>
</section>
<progress value="33" max="100"></progress>
<meter value="11" min="0" max="45" optimum="40">25 out of 45</meter>
<p> 2+2 = <output>4</output> </p>
<select>
<optgroup label="Choice [1-3]">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</optgroup>
<optgroup label="Choice [4-6]">
<option value="4">Four</option>
<option value="5">Five</option>
<option value="6">Six</option>
</optgroup>
</select>
<div>
<div>
<p> div > div > p </p>
</div>
<br>
</div>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
<br>
<textarea id="textarea" name="textarea" rows="4" cols="50">
Write something in here
</textarea>
<br>
<audio controls>
I'm sorry. You're browser doesn't support HTML5 <code>audio</code>.
<source src="https://archive.org/download/ReclaimHtml5/ReclaimHtml5.ogg" type="audio/ogg">
<source src="https://archive.org/download/ReclaimHtml5/ReclaimHtml5.mp3" type="audio/mpeg">
</audio>
<p>This is a recording of a talk called <cite>Reclaim HTML5</cite> which was orinally delieved in Vancouver at a <a href="http://www.meetup.com/vancouver-javascript-developers/" taget="_blank">Super VanJS Meetup</a>. It is hosted by <a href="https://archive.org/details/ReclaimHtml5"
target="_blank">The Internet Archive</a> and licensed under <a href="http://creativecommons.org/licenses/by/3.0/legalcode" target="_blank">CC 3.0</a>.</p>
<iframe src="https://open.spotify.com/embed?uri=spotify%3Atrack%3A67HxeUADW4H3ERfaPW59ma?si=PogFcGg9QqapyoPbn2lVOw" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>
<article>
<header>
<h2>Title of Article</h2>
<span>by Arthur T. Writer</span>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat sollicitudin nisi, at convallis nunc semper et. Donec ultrices odio ac purus facilisis, at mollis urna finibus.</p>
<figure>
<img src="https://placehold.it/600x300" alt="placeholder-image">
<figcaption> Caption.</figcaption>
</figure>
<footer>
<dl> <dt>Published</dt>
<dd>17 August 2020</dd> <dt>Tags</dt>
<dd>Sample Posts, html example</dd>
</dl>
</footer>
</article>
<form>
<fieldset>
<legend>Personal Information</legend>
<label for="name">Name</label><br>
<input name="name" id="name"><br>
<label for="dob">Date of Birth<label><br>
<input name="dob" id="dob" type="date">
</fieldset>
</form>
<aside>
<p> P inside ASIDE tag </p>
</aside>
<map name="shapesmap"> <area shape="rect" coords="29,32,230,215" href="#square" alt="Square"> <area shape="circle" coords="360,130,100" href="#circle" alt="Circle"> </map>
<img src="https://placehold.it/100x100" alt="placeholder-image">
<form action="" method="get">
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
<input type="submit">
</form>
<footer>
<address> relevant contacts <a href="mailto:[email protected]">mail</a>.</address>
<div> created by <a href="https://blazardsky.space">@blazardsky</a></div>
</footer>
</body>
</html> 2 of 2
6
I have found this GitHub repository which provides a quite complete and well-built webpage. It only lacks some longer paragraphs to bulletproof your styling (for instance, if you want to use it to set up your base CSS for your website) and some nesting in list (ul, ol and dl with multiple sub-levels).
There's also this one if you want to give it a try.
GoDaddy
godaddy.com › home › 10 basic html codes for web pages (with examples)
10 basic HTML codes for web pages (with examples) - GoDaddy Resources - United Kingdom
December 4, 2024 - All HTML tags appear between hyphens (< >). For example, the <strong> and </strong> tags define bold text. If we write a sentence with the following code:
MDN Web Docs
developer.mozilla.org › en-US › docs › Learn_web_development › Getting_started › Your_first_website › Creating_the_content
HTML: Creating the content - Learn web development | MDN
November 7, 2025 - HTML comments are a way for you to add notes about your code or logic, which might be useful to others working on the same code, or you, if you came back to it after 6 months and can't remember what you did. Add your page title to the HTML page just above your <img> element, wrapped inside <h1> ... </h1> tags. Save the file and view it in a browser to see the effect. Paragraph <p> elements are for containing paragraphs of text; you'll use these frequently when marking up regular text content: ... Add your sample text from the previous article into one or a few paragraphs, placed directly below your <img> element.
freeCodeCamp
freecodecamp.org › news › html-and-html5-example
The Best HTML Examples and HTML5 Examples
November 24, 2019 - Before HTML5, audio files had to be played in a browser using a plug-in like Adobe Flash. The HTML · The following code snippet adds an audio file with the filename tutorial.ogg or tutorial.mp3. Theelement indicates alternative audio files which the browser may choose from.
Playcode
playcode.io › html-template
HTML Template
2 days ago - The #1 JavaScript playground to write, run and test code instantly. Free JS sandbox with live preview, npm packages, and AI coding assistant. No setup required.
Quackit
quackit.com › html › codes
HTML Codes
Free HTML tutorial that explains how to code in HTML.
Visual Studio Code
code.visualstudio.com › docs › languages › html
HTML in Visual Studio Code
November 3, 2021 - VS Code also includes great Emmet support. As you type in HTML, we offer suggestions via HTML IntelliSense.
HTML.com
html.com
HTML For Beginners The Easy Way: Start Learning HTML & CSS Today »
Learn how to code HTML & CSS for free at HTML.com. We've HTML tutorials & reference guides on tags, attributes and everything else you need to master HTML.
JSFiddle
jsfiddle.net
JSFiddle - Code Playground
Our CSS Flexbox generator lets you create a layout, and skip knowing the confusing properties and value names (let's be honest the W3C did not make a good job here). Not gonna lie, this was heavily inspired by flexer.dev but coded completely from scratch. Adding External Resources will no longer create a list of resources in the sidebar but will be injected as a LINK or SCRIPT tag inside of the HTML panel.
Ryan's Tutorials
ryanstutorials.net › html-tutorial › html-template.php
Basic Template - HTML Tutorial
How every HTML document begins. Now we'll get to dive in and play with some code. This section will introduce the basic HTML template.
Dummies
dummies.com › article › technology › programming-web-design › html › a-sample-web-page-in-html-189340
A Sample Web Page in HTML | dummies
July 1, 2025 - </p> <hr> <p>Finally, link to <a href="page2.html">another page</a> in your own Web site.</p> <!-- And add a copyright notice.--> <p>© Wiley Publishing, 2011</p> </body> </html> All this HTML translates to a Web page that looks something like this:
OneCompiler
onecompiler.com › html › 3y5x8jr6s
tester - HTML - OneCompiler
Below is a sample style sheet which displays heading in green and in Candara font with padding space of 25px. body{ padding: 25px; } .title { color: #228B22; font-family: Candara; } HTML Tables are defined in <table> tag. ... Javascript is used in HTML pages to make them more interactive. ... You can either reference a external script or write script code in this tag.
Learn HTML
learn-html.org › en › Hello,_World!
Hello, World! - Learn HTML - Free Interactive HTML Tutorial
learn-html.org is a free interactive HTML tutorial for people who want to learn HTML, fast.
Verpex
verpex.com › blog › website tips › basic html codes for...
Basic HTML Codes for Websites
In this article, we will introduce fundamental HTML codes to help you start building your own website. We will cover document structure, headings, paragraphs, links, images, lists, tables, and forms.
Wikipedia
en.wikipedia.org › wiki › HTML
HTML - Wikipedia
1 week ago - HTML 4.0 was published as a W3C Recommendation. It offers three variations: Strict, in which deprecated elements are forbidden · Transitional, in which deprecated elements are allowed · Frameset, in which mostly only frame related elements are allowed. Initially code-named "Cougar", HTML 4.0 adopted many browser-specific element types and attributes, but also sought to phase out Netscape's visual markup features by marking them as deprecated in favor of style sheets.