HTML
© Aleksander Nabagło
20020811
<html>
<head>
</head>
<body>
</body>
</html>
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Tytuł</title>
</head>
<body>
Treść.
</body>
</html>
|
Akapit z tekstem prostym,
pogrubionym,
pochyłym,
cytowanym
,
maszynowym,
podkreślonym,
przekreślonym.
<p>Akapit z tekstem prostym,
<b>pogrubionym</b>,
<i>pochyłym</i>,
<q>cytowanym</q>,
<tt>maszynowym</tt>,
<u>podkreślonym</u>,
<s>przekreślonym</s>.
</p>
|
Pismo może być większe
lub mniejsze jak również
podniesione lub obniżone
a nawet .
Pismo może być <big>większe</big>
lub <small>mniejsze</small> jak również
<sup>podniesione</sup> lub <sub>obniżone</sub>
a nawet <blink>migające</blink>.
|
| Znak | sekwencja specjalna |
Znak | sekwencja specjalna |
| < | < |
> | > |
| & | & |
spacja | |
| " | " |
° | ° |
| · | · |
ą | ± |
| × | × |
÷ | ÷ |
| « | « |
» | » |
UNICODy polskich znaków
| Nazwa angielska
| CAPITAL
| Kod dużej
| Small
| Kod małej
|
| A with ogonek
| Ą
| Ą
| ą
| ą
|
| C acute
| Ć
| Ć
| ć
| ć
|
| E with ogonek
| Ę
| Ę
| ę
| ę
|
| L with stroke
| Ł
| Ł
| ł
| ł
|
| N acute
| Ń
| Ń
| ń
| ń
|
| O acute
| Ó
| Ó
| ó
| ó
|
| S acute
| Ś
| Ś
| ś
| ś
|
| Z acute
| Ź
| Ź
| ź
| ź
|
| Z dot
| Ż
| Ż
| ż
| ż
|
left
Akapit wyrównany do lewej.
<p align="left">Akapit wyrównany do lewej.</p>
|
center
Akapit wyrównany do środka.
<p align="center">Akapit wyrównany do środka.</p>
|
right
Akapit wyrównany do prawej.
<p align="right">Akapit wyrównany do prawej.</p>
|
preformatowany
Akapit preformatowany: zachowuje odstępy
i przejścia do nowej
linii.
<pre>
Akapit preformatowany: zachowuje odstępy
i przejścia do nowej
linii.
</pre>
|
<br />
Znacznik <br />
powoduje łamanie
linii.
<p>Znacznik <br />
powoduje łamanie<br /> linii.</p>
|
<hr />
Znacznik <hr /> rysuje poziomą linię:
Nagłówek h1
<h1 align="center">Nagłówek h1</h1>
|
Nagłówek h2
<h2 align="right">Nagłówek h2</h2>
|
Nagłówek h3
<h3 align="left">Nagłówek h3</h3>
|
Nagłówek h4
Nagłówek h5
Nagłówek h6
Rodzaje list:
- Definiowane
- Numerowane
- Punktowe
<ul>
<li>Definiowane</li>
<li>Numerowane</li>
<li>Punktowe</li>
</ul>
|
Listy definiowane
- Znacznik <dl>
- jest pojemnikiem listy definiowanej
- Znacznik <dt>
- jest pojemnikiem hasła listy definiowanej
- Znacznik <dd>
- jest pojemnikiem treści definicji listy definiowanej
<dl>
<dt>Znacznik <dl></dt>
<dd>jest pojemnikiem listy definiowanej</dd>
<dt>Znacznik <dt></dt>
<dd>jest pojemnikiem hasła listy definiowanej</dd>
<dt>Znacznik <dd></dt>
<dd>jest pojemnikiem treści definicji listy definiowanej</dd>
</dl>
|
Listy numerowane
- liczby arabskie type="1"
- duże litery type="A"
- małe litery type="a"
- duże liczby rzymskie type="I"
- małe liczby rzymskie type="i"
<ol start="11">
<li>liczby arabskie <tt>type="1"</tt></li>
<li>duże litery <tt>type="A"</tt></li>
<li>małe litery <tt>type="a"</tt></li>
<li>duże liczby rzymskie <tt>type="I"</tt></li>
<li>małe liczby rzymskie <tt>type="i"q</tt></li>
</ol>
|
Listy punktowe
- dysk type="disk"
- koło type="circle"
- kwadrat type="square"
<ul type="circle">
<li> dysk <tt>type="disk"</tt></li>
<li> koło <tt>type="circle"</tt></li>
<li> kwadrat <tt>type="square"</tt></li>
</ul>
|
Znacznik <a> z atrybutem
name
<a name="jakasnazwa">jakis_tekst</a>
definiuje nazwę, poprzez którą można się odwołac do miejsca
jej definicji z innych miejsc dokumentu lub
z innych dokumentów poprzez znacznik
<a> z atrybutem
href
<a href="jakasnazwa">jakis_inny_tekst</a>.
Tabela
SPIS TREŚCI
zawiera w lewej kolumnie nazwy zdefiniowane
w nagłówkach h1 tego dokumentu,
natomiast w prawej kolumnie odwołania do
tychże nazw.
Tabela
<a href="#spis">SPIS TREŚCI</a>
zawiera w lewej kolumnie nazwy zdefiniowane
w nagłówkach h1 tego dokumentu,
natomiast w prawej kolumnie odwołania do
tychże nazw.
|
Tabela ta jest objęta
nazwą spis:
Znaczniki dotyczące tabel
| Znacznik | Opis |
| <table> | Pojemnik tabeli |
| <caption> | Opis tabeli |
| <tr> | Pojemnik wiersza tabeli |
| <td> |
Pojemnik komórki wiersza tabeli |
| <th> |
Pojemnik komórki wersza nagłówkowego tabeli |
<table border="1">
<caption>Znaczniki dotyczące tabel</caption>
<tr>
<th>Znacznik</th><th>Opis</th>
</tr><tr>
<td><table></td><td>Pojemnik tabeli</td>
</tr><tr>
<td><caption></td><td>Opis tabeli</td>
</tr><tr>
<td><tr></td><td>Pojemnik wiersza tabeli</td>
</tr><tr>
<td><td></td>
<td>Pojemnik komórki wiersza tabeli</td>
</tr><tr>
<td><th></td>
<td>Pojemnik komórki wersza nagłówkowego tabeli</td>
</tr>
</table>
|
<a name="spis">
<table>
<caption>SPIS TREŚCI</caption>
<tr>
<th>a name</th><th>a href</th>
</tr><tr>
<td>mini</td>
<td><a href="#mini">Dokument minimalny</a></td>
</tr><tr>
<td>pl</td>
<td><a href="#pl">Dokument iso-8859-2</a></td>
</tr><tr>
<td>koment</td>
<td><a href="#koment">Komentarze</a></td>
</tr><tr>
<td>kroje</td>
<td><a href="#kroje">Kroje pisma</a></td>
</tr><tr>
<td>spec</td>
<td><a href="#spec">Znaki specjalne</a></td>
</tr><tr>
<td>akapity</td>
<td><a href="#akapity">Akapity</a></td>
</tr><tr>
<td>nag</td>
<td><a href="#nag">Nagłówki</a></td><td>
</tr><tr>
<td>list</td>
<td><a href="#list">Listy</a></td>
</tr><tr>
<td>nazwy</td>
<td><a href="#nazwy">Nazwy</a></td>
</tr><tr>
<td>tab</td>
<td><a href="#tab">Tabele</a></td>
</tr><tr>
<td>kolor</td>
<td><a href="#kolor">Kolory</a></td>
</tr><tr>
<td>obraz</td>
<td><a href="#obraz">Obrazki</a></td>
</tr>
</table>
</a>
|
Zobacz Źródło strony
(jeśli używasz anglojęzycznej przeglądarki,
to View Page Source)
i znajdź kod początku tabelki
"UNICODy polskich znaków"
 Po prawej obrazek
|
<img src="obraz1.png"
alt="obraz1.png"
align="right" valign="top"
>Po prawej obrazek</img>
|