Piemērā doti vienkāršākie HTML tagi:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML ievads</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 title="paskaidrojošais teksts">Šis ir virsraksts</h1>
<h2>Šis ir virsraksts</h2>
<h3>Šis ir virsraksts</h3>
<p>Šis ir paragrāfs</p>
<a href="https://www.saldustehnikums.lv">Skolas mājaslapa</a> <!-- hipersaite -->
</br> <!-- br ir pāreja jaunā rindā -->
<img src="https://picsum.photos/800/600/?image=42" alt="alternatīvais teksts" width="200" height="200">
<!-- img ir bildes ievietošanas tags -->
</br>
<button>Klikšķini te</button>
<ul> <!-- unordered list; nesakārtots saraksts -->
<li>Tēja</li><!-- li ir ul bērns -->
<li>Kafija</li>
<li>Sula</li>
</ul>
<ol> <!-- ordered list; sakārtots saraksts -->
<li>Septembris</li>
<li>Oktobris</li>
<li>Novembris</li>
</ol>
</body>
</html>HTML tagiem tiek izmantoti atribūti:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML ievads</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="https://www.w3schools.com">Saite uz w3schools</a>
<!-- HTML tagiem ir atribūti. a svarīgākais atribūts ir href -->
<img src="https://picsum.photos/800/600/?image=49" width="150" height="100">
<!-- img svarīgākais atribūts ir src, bieži izmantoti width; height -->
<p style="color:red">Šis teksts ir sarkans, jo izmantots atribūts style, kur norādīta krāsa. Šeit ir izmantots elementa iekšējais CSS</p>
</body>
</html>