HTML Cheat Sheets
HyperText Markup Language
HTML is the backbone of every web page. It provides the content
layer, while CSS handles presentation (styles), and JavaScript can
add behaviour (interaction).
HTML structures content using tags and elements, defining
headings, paragraphs, links, images, and more. These cheat sheets
give you a quick reference to common HTML elements.
The general structure of an HTML element is made up of
an opening and closing tag, like this:
<tag attribute=”attribute value”> content </tag>
<html>
<head>
<title>Page title</title>
<style>/* CSS code */</style>
</head>
<body>
<!-- Website contents -->
</body>
</html>
<h1>Heading</h1>
<h2>Subheading</h2>
<h3>Subsubheading</h3>
<p>
A normal paragraph<br>
with a linebreak
</p>
<a href=”https://kahoot.com”>
Website link
</a>
<a href=”mailto:[email protected]”>
Email link
</a>
<a href=”#section”>
Internal page ID link
</a>
<ul>
<li>unordered</li> unorder
●
ed
● list
<li>list</li>
</ul>
<ol>
<li>ordered</li>
1.
ordered
2. list
<li>list</li>
</ol>
<table border="1"> A B
<tr>
<td>A</td>
C
<td>B</td>
</tr>
<tr>
<td colspan=”2”>C</td>
</tr>
</table>
<img src=”smile.jpg” alt=”Smiling
kid” width=”600” height=”400”>
<video controls autoplay>
<source src=”safari.mp4”>
<p>Sorry, your browser doesn’t
support HTML video.</p>
</video>
