Dodatek B. Podstawowe moduły kodu HTML
W tym dodatku zaprezentowano najczęściej stosowane moduły kodu HTML.
Dokument HTML
<html>
<head>
<title>Nazwa dokumentu</title>
</head>
<body>
Treść dokumentu
</body>
</html>
Nagłówki
<h1>Nagłówek najwyższego poziomu</h1>
<h2>Nagłówek poziomu 2</h2>
<h3>Nagłówek poziomu 3</h3>
<h4>Nagłówek poziomu 4</h4>
<h5>Nagłówek poziomu 5</h5>
<h6>Nagłówek poziomu 6</h6> Elementy tekstowe
<p>Akapit</p>
<br> //łamanie wiersza
<hr> //linia pozioma
<pre>Tekst preformatowany</pre>
<em>Do tego tekstu zastosowano emfazę</em>
<strong>Ten tekst wyróżniono</strong>
<code>Tekst pisany czcionką o stałej szerokości</code> Style fizyczne
<b>Tekst pogrubiony</b>
<i>Tekst pisany kursywą</i> Połączenia, zakotwiczenia i obrazy-połączenia
<a href="http://adres.com/strona.html/">To jest połączenie</a>
<a href="http://adres.com/strona.html/"><img src="https://zanotowane.pl/13/4614/ adresURL" alt="Tekst alternatywny"></a>
<a href="#nazwa_zakotwiczenia">Zakotwiczenie</a>
<a href="mailto:adres@pocztowy">Prześlij do mnie list</a> Lista wypunktowana
<ul>
<li>Pierwsza pozycja</li>
<li>Kolejna pozycja</li>
...
<li>Ostatnia pozycja</li>
</ul>
Lista numerowana
<ol>
<li>Pierwsza pozycja</li>
<li>Kolejna pozycja</li>
...
<li>Ostatnia pozycja</li>
</ol>
Lista definicji
<dl>
<dt>Pierwszy termin</dt>
<dd>Definicja</dd>
<dt>Drugi termin</dt>
...
<dt>Ostatni termin</dt>
<dd>Definicja</dd>
</dl>
Tabela
<table border="1">
<tr>
<th>Tekst nagłówka</th>
<th>Tekst nagłówka</th>
</tr>
<tr>
<td>Zawartość komórki</td>
<td>Zawartość komórki</td>
</tr>
</table>
Ramki
Prosty układ pionowych ramek:
<frameset cols="25%,75%">
<frame src="https://zanotowane.pl/13/4614/ramka_a.html">
<frame src="https://zanotowane.pl/13/4614/ramka_b.html">
</frameset>
Prosty układ poziomych ramek:
<frameset rows="25%,50%,25%">
<frame src="https://zanotowane.pl/13/4614/ramka_a.html">
<frame src="https://zanotowane.pl/13/4614/ramka_b.html">
<frame src="https://zanotowane.pl/13/4614/ramka_c.html">
</frameset>
Złożony układ ramek:
<frameset rows="50%,50%">
<frame src="https://zanotowane.pl/13/4614/ramka_a.html">
<frame src="https://zanotowane.pl/13/4614/ramka_b.html">
<frame src="https://zanotowane.pl/13/4614/ramka_c.html">
</frameset>
</frameset>
Formularz
<form action="mailto:adre@pocztowy" method="post">
<input type="text" name="nazwisko" value="Kowalski" size="30"
maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Tekst1
<option selected>Tekst2
<option>Tekst3
</select>
<textarea name="Comment" rows="60" cols="20"></textarea>
</form>
Identyczności
< to to samo co <
> to to samo co >
© to to samo co ©
Przykłady postaci innych elementów
<!—Komentarz
-->
<blockquote>
Tekst cytowany.
</blockquote>
Adres 2<br>
Miasto<br>
</address>