Dozwolone znaczniki HTML: <a> <p> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed> <object> <param> <caption>
Ta witryna pozwala na publikowanie zawartości w formacie HTML. Choć perspektywa nauki wszystkich znaczników HTML może onieśmielać, nauczenie się tylko kilku podstawowych jest bardzo proste. Tabela przedstawia przykładowe zastosowania dostępnych na tej stronie znaczników.
Więcej informacji uzyskać można na stronie specyfikacji HTML na serwerze W3C lub poprzez wyszukiwarkę internetową.
| Opis znacznika | Wpisuje się | Otrzymuje się | ||
|---|---|---|---|---|
| Znaczniki zwane kotwicami służą do tworzenia odnośników do innych stron. | <a href="http://rockfan.pl">Rockfan</a> | Rockfan | ||
| Domyślnie znaczniki akapitu dodawane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych akapitów. | <p>Akapit pierwszy.</p> <p>Akapit drugi.</p> | Akapit pierwszy. Akapit drugi. | ||
| Brak objaśnienia dla znacznika div. | ||||
| Nagłówek | <h1>Tytuł</h1> | Tytuł | ||
| Nagłówek | <h2>Podtytuł</h2> | Podtytuł | ||
| Nagłówek | <h3>Podtytuł trzeciego stopnia</h3> | Podtytuł trzeciego stopnia | ||
| Nagłówek | <h4>Podtytuł czwartego stopnia</h4> | Podtytuł czwartego stopnia | ||
| Nagłówek | <h5>Podtytuł piątego stopnia</h5> | Podtytuł piątego stopnia | ||
| Nagłówek | <h6>Podtytuł szóstego stopnia</h6> | Podtytuł szóstego stopnia | ||
| Brak objaśnienia dla znacznika img. | ||||
| Brak objaśnienia dla znacznika map. | ||||
| Brak objaśnienia dla znacznika area. | ||||
| Brak objaśnienia dla znacznika hr. | ||||
| Domyślnie znaczniki nowych linii wstawiane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych odstępów. Znacznik nowej linii różni się od innych, ponieważ nie występuje w dwóch wariantach (otwierającym i zamykającym). By być w zgodzie ze standardem XHTML 1.0, należy postawić znak " /" wewnątrz znacznika. | Tekst ze <br />znakiem końca linii | Tekst ze znakiem końca linii | ||
| Domyślnie znaczniki nowych linii wstawiane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych odstępów. Znacznik nowej linii różni się od innych, ponieważ nie występuje w dwóch wariantach (otwierającym i zamykającym). By być w zgodzie ze standardem XHTML 1.0, należy postawić znak " /" wewnątrz znacznika. | Tekst ze <br />znakiem końca linii | Tekst ze znakiem końca linii | ||
| Lista punktorowana - znacznik <li> otwiera nowy element listy | <ul> <li>Pierwszy element</li> <li>Drugi element</li> </ul> |
| ||
| Lista numerowana - znacznik <li> otwiera nowy element listy | <ol> <li>Pierwszy element</li> <li>Drugi element</li> </ol> |
| ||
| Listy definicji są podobne do innych list HTML. Znacznik <dl> otwiera listę, <dt> otwiera termin definicji, a <dd> otwiera samą definicję. | <dl> <dt>Pierwszy termin</dt> <dd>Pierwsza definicja</dd> <dt>Drugi termin</dt> <dd>Druga definicja</dd> </dl> |
| ||
| Tabela | <table> <tr><th>Nagłówek tabeli</th></tr> <tr><td>Komórka tabeli</td></tr> </table> |
| ||
| Zaakcentowanie | <em>Zaakcentowanie</em> | Zaakcentowanie | ||
| Pogrubienie | <b>Pogrubienie</b> | Pogrubienie | ||
| Podkreślenie | <u>Podkreślenie</u> | Podkreślenie | ||
| Pochylenie | <i>Pochylenie</i> | Pochylenie | ||
| Silne zaakcentowanie | <strong>Silne zaakcentowanie</strong> | Silne zaakcentowanie | ||
| Brak objaśnienia dla znacznika font. | ||||
| Usunięty | <del>Usunięty</del> | |||
| Wklejony | <ins>Wklejony</ins> | Wklejony | ||
| Indeks dolny | Indeks <sub>dolny</sub> | Indeks dolny | ||
| Indeks górny | Indeks <sup>górny</sup> | Indeks górny | ||
| Brak objaśnienia dla znacznika quote. | ||||
| Cytat blokowy | <blockquote>Cytat blokowy</blockquote> | Cytat blokowy | ||
| Preformatowany | <pre>Preformatowany</pre> | Preformatowany | ||
| Brak objaśnienia dla znacznika address. | ||||
| Tekst zawierający kod programu | <code>Kod</code> | Kod | ||
| Cytat | <cite>Cytat</cite> | Cytat | ||
| Brak objaśnienia dla znacznika embed. | ||||
| Brak objaśnienia dla znacznika object. | ||||
| Brak objaśnienia dla znacznika param. | ||||
| Brak objaśnienia dla znacznika caption. | ||||
Większość z bardziej egzotycznych znaków można wprowadzać bezpośrednio bez żadnych dodatkowych zabiegów.
W przypadku problemów należy wpisać odpowiednik znaku w postaci encji HTML. Na przykład zamiast cudzysłowu wpisać można ". Pełna lista niestandardowych znaków wraz z odpowiadającymi im encjami HTML znajduje się na stronie dotyczącej encji. Oto niektóre z dostępnych znaków:
| Opis znaku | Wpisuje się | Otrzymuje się |
|---|---|---|
| Znak ampersand | & | & |
| Większy niż | > | > |
| Mniejszy niż | < | < |
| Cudzysłów | " | " |