Tak mogą wyglądać podstawowe obiekty strony

Bloki

BlokPrzykład kodu
paragraf / akapit<p> Jakaś treść
<br />ciąg dalszy</p>
nagłówek rzędu 1<h1>Tytuł rozdziału</h1>
blok łączący<div>
inne obiekty podstawowe
</div>
blok wyróżniający<span style="color:blue">lokalna zmiana stylu</span>

Obrazek

obrazek
<img src="../../grafika/paper.jpg" alt="obrazek" />

Przekierowania

style wykorzystane na stronie: 1, 2
style wykorzystane na stronie: <a href="../style.css">1</a>, <a href="stylew.css">2</a>

Tabele

abb
acd
aed
<table class="t1">
<tr>
<td>a</td> <td>b</td> <td>b</td>
</tr>
<tr>
<td>a</td> <td>c</td> <td>d</td>
</tr>
<tr>
<td>a</td> <td class="t3">e</td> <td>d</td>
</tr>
</table>
ab
cd
e
<table class="t1">
<tr>
<td rowspan="3">a</td> <td colspan="2">b</td>
</tr>
<tr>
<td>c</td> <td rowspan="2">d</td>
</tr>
<tr>
<td class="t3">e</td>
</tr>
</table>

Lista uporządkowana

  1. owoce
  2. warzywa
  3. nabiał
<ol>
<li>owoce</li>
<li>warzywa</li>
<li>nabiał</li>
</ol>

Lista nieuporządkowana

<ul>
<li>jabłka</li>
<li>gruszki</li>
<li>pomarańcze</li>
</ul>

Encje - znaki specjalne

Kodznak specjalny
&amp;ampersand, and &
&nbsp;spacja nierozdzielająca
&lt;mniejszy niż <
&gt;większy niż >