Stránka s nadefinovaným pozadím (obrázek/barva) a barvou textu
<body background="obrazek.gif" bgcolor="yellow" text="blue" leftmargin="20px">
Link na stylopis do hlavičky
<link rel="stylesheet" type="text/css" href="cesta/styly.css">
Obrázek zarovnaný vlevo, obtékaný, s alternativním názvem "strom", velikost 50 % původních rozměrů
<img src="cesta/obrstrom.gif" alt="strom" align="left" width="50%" height="50%">
Číslovaný seznam
<ol> nadpis
<li>První položka</li>
<li>Druhá položka</li>
</ol>
Odrážky
<ul> nadpis
<li>První položka</li>
<li>Druhá položka</li>
</ul>
Font: červené písmo Arial
<font color="red" face="Arial, Helvetica">červené písmo Arialem</font>
Odkaz na stránku v rámci webu
<a href="cesta/stranka.html" title="o co jde">
text, na který pak kliknu</a>
Odkaz na adresu
<a href="adresa" title="kam ukazuji" target="jm1">Odkaz na adresu</a>
Záložka
<a name="jmenozalozky"></a>
<h1 id="jmenozalozky"></h1>
odkaz na záložku
<a href = "#jmenozalozky">
<a href = "soubor.html#jmenozalozky">
Vrstva
DIV - velikost: šířka 300, výška 100
- s absolutní pozicí 10 zleva, 30 zhora
- překrývání 1
<div style="position: absolute; width: 300px; height: 100px; left: 10px; top: 30px; z-index: 1" id="vrstva1">
Rám - šířka 350, výška 400, jméno jm1
<iframe src="http://www.google.cz" width="350" height="400" name="jm1">
Nastavení domovské stránky
<a onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://něco'); return false" href="#">nastavit jako domovskou stránku</a>
Hudba na stránku - do head
<bgsound src="file:hudba/k2.wav" loop="-1">
Tabulka s ohraničením červenou barvou
buňka široká 200 px (1 buňka ohraničená zeleně)
<table border="1" bordercolor= "red" id="table1">
<tr>
<td width="200" border="1" bordercolor= "green"> buňka1</td>
<td width="200">buňka 2</td>
<td width="200">buňka 3</td>
</tr>
<tr>
<td width="200">buňka 1</td>
<td width="200">buňka 2</td>
<td width="200">buňka 3</td>
</tr>
</table>
Tabulka výsledků turnaje:
<table border="2" bordercolor= "red" id="table1">
<tr>
<td width="200" border="1" bgcolor= "green"> </td>
<td width="200">Lhota</td>
<td width="200">Kostelec</td>
<td width="200">Přáslavice</td>
</tr>
<tr>
<td width="200">Lhota</td>
<td align="center">X</td>
<td align="center">3:2</td>
<td align="center">1:2</td>
</tr>
<tr>
<td width="200">Kostelec</td>
<td align="center">2:3</td>
<td align="center">X</td>
<td align="center">2:2</td>
</tr>
<tr>
<td width="200">Přáslavice</td>
<td align="center">2:1</td>
<td align="center">2:2</td>
<td align="center">X</td>
</tr>
</table>