<!DOCTYPE html> <html> <head> </head> <body> </body> </html>W jednym tagu może być kilka lub nawet kilknaście innych tagów, np:
<article> <h2> <h3> <p> tekst </p> </h3> </h2> </article>
| Tag | Opis |
| <!DOCTYPE> | Deklaracja typu dokumentu |
| <html> | Definiuje dokument HTML |
| <head> | Definiuje informacje o dokumencie |
| <meta> | Definiuje metadane dokumentu HTML |
| <link> | Definiuje związek z zasobem zewnętrznym (np. podłączania arkuszy stylów, ikonka favicon) |
| <base> | Określa podstawowy adres URL dla wszystkich względnych adresów URL w dokumencie HTML |
| <title> | Tytuł dokumentu widoczny w wyszukiwarkach |
| <body> | Treść dokumentu HTML |
| <h1> do <h6> | Definiuje dokument HTML |
| <p> | Akapit dokument HTML |
| <br> | Przechodzi do następnej linii (tag pusty tj. bez tagu zamykającego) |
| <hr> | Pozioma linia |
| <!--....--> | Komentarz HTML |
| <iframe> | Wstawia ramkę do osadzenia innego dokumentu HTML |
| <a> | Definiuje hiperłącza (linki) |
| <style> | Ustawia styl dokumentu HTML |
| <div> | Definiuje pojemniki do umieszczania informacji w dokumencie HTML |
| <span> | Definiuje pojemnnik na tekst w linii |
| Tag | Opis |
| <abbr> | Skrót |
| <address> | Dane adresowe autora dokumentu |
| <b> | Pogrubiony tekst |
| <blockquote> | Cytat z innego źródła |
| <cite> | Tytuł dzieła (np. książki, piosenki, filmu, obrazu, rzeźby itp.). |
| <code> | Tag frazy. Definiuje kawałek kodu komputerowego |
| <del> | Przekreśla tekst |
| <dfn> | Tekst cursywa |
| <em> | Tekst cursywa, wskazuje na nacisk w wymowie |
| <i> | Tekst cursywa, wyróżniony tekst |
| <ins> | Tekst podkreślony |
| <kbd> | Tekst otoczony tłem czarnym, służy do oznaczenia fragmentu tekstu wprowadzanego z klawiatury. |
| <mark> | Tekst otoczony tłem kolorowym w celu wyróżnienia tekstu |
| <pre> | Definiuje już sformatowany tekst. Zawiera już spacje, rozmiar czcionki, jej kolor itd. |
| <q> | Cytat (tekst w cudzysłowach) |
| <s> | Tekst przekreślony, który nie jest już poprawny |
| <samp> | Definiuje tekst jako przykładowy wynik z programu komputerowego w dokumencie. Charakteryzuje się komputerową, stałą, domyślną czcionką o stałej szerokości |
| <small> | Mniejszy tekst |
| <strong> | Ważny, pogrubiony tekst |
| <sub> | Definiuje tekst indeksu górnego |
| <sup> | Definiuje tekst indeksu dolnego |
| <time> | Określa datę/godzinę |
| <var> | Definiuje zmienną |
| <wbr> | Dzieli tekst |
| <var> | definiuje zmienną |
| <bdi> | Izoluje część tekstu, który może być sformatowany w innym kierunku pisania niż inny tekst poza nim. Ten element jest przydatny podczas osadzania treści tworzonych przez użytkowników z nieznanym kierunkiem tekstu. |
| <bdo> | Zastępuje bieżący kierunek tekstu |
| <u> | Wyświetla tekst podkreślony |
| <meter> | Definiuje pomiar skalarny w danym zakresie |
| <progress> | Wyświetla postęp realizowanego zadania |
| <template> | Określa szablon. |
| Tag | Opis |
| <img> | Definiuje obraz |
| <map> | Definiuje mapę obrazu, w którą użytkownik może kliknąć w celu np. przeniesienia się na inną stronę |
| <area> | Definiuje obszar wewnątrz mapy obrazu (obszar klikalny) |
| <canvas> | Służy do rysowania grafiki w locie za pomocą skryptów (zwykle JavaScript). Jest tylko pojemnikiem na grafikę, trzeba użyć skryptu, żeby cokolwiek narysować. Tekst będzie wyświetlany bez obsługi javascript. |
| <svg> | Definiuje pojemnik na grafikę SVG |
| <figure> | Określa samodzielny element na stronie, np. zdjęcie, portret, jakąś grafikę itp. |
| <figcaption> | Podpisuje niezależny element zawarty w tagach <figure> |
| <source> | Służy do definiowania wielu zasobów multimedialnych w różnych formatach: wideo, audio lub obrazu. Jest to konieczne, aby osiągnąć najlepszą możliwą kompatybilność między przeglądarkami. Z dostępnych opcji przeglądarka może wybrać format, który obsługuje i odtwarzać pliki audio i wideo bez żadnych trudności. Jest to tag nie zawierający treści oraz bez tagu zamykającego. |
| <picture> | Służy do definiowania wielu wersji obrazów |
| <audio> | Definiuje zwartość dźwiękową |
| <video> | Definiuje filmy video |
| <track> | Definiuje napisy dla elementów multimedialnych |
| Tag | Opis |
| <ul> | Definiuje nieuporządkowaną listę |
| <ol> | Definiuje uporzdkowaną listę |
| <li> | Definiuje element listy |
| <dl> | Definiuje listę opisów. Jest używany w połączeniu z <dt> (definiuje nazwy na liście opisów) i <dd> (opisuje każdą nazwę na liście opisów). |
| <dt> | Definiuje nazwę na liście opisów |
| <dd> | Opisuje nazwy na liście opisów |
| <title> | Tytuł dokumentu widoczny w wyszukiwarkach |
| <body> | Treść dokumentu HTML |
| <h1> do <h6> | Definiuje dokument HTML |
| <p> | Akapit dokument HTML |
| <br> | Przechodzi do następnej linii (tag pusty tj. bez tagu zamykającego) |
| <hr> | Pozioma linia |
| <!--....--> | Komentarz HTML |
| <iframe> | Wstawia ramkę do osadzenia innego dokumentu HTML |
| <a> | Definiuje hiperłącza (linki) |
| <style> | Ustawia styl dokumentu HTML |
| <div> | Definiuje pojemniki do umieszczania informacji w dokumencie HTML |
| <span> | Definiuje pojemnnik na tekst w linii |
| Tag | Opis |
| <table> | Wstawia na stronę www tabelę |
| <tr> | Definiuje wiersz tabeli |
| <th> | Definiuje komórkę nagłówka tabeli |
| <td> | Definiuje komórkę tabeli |
| <thead> | Grupuje zawartość nagłówka tabeli |
| <tbody> | Grupuje zawartość treści tabeli |
| <tfoot> | Grupuje zawartość stopki tabeli |
| <caption> | Podpis tabeli |
| <col> | Definiuje każdą kolumnę tabeli |
| <colgroup> | Określa kolumny w tabeli do formatowania |
| Tag | Opis |
| <header> | Definiuje nagłówek strony www |
| <main> | Określa główną treść strony www |
| <nav> | Definiuje linki w nawigacji na stronie |
| <footer> | Definiuje stopkę strony www |
| <section> | Definiuje sekcje na stronie www |
| <article> | Definiuje artykuł |
| <aside> | Definiuje zawartość niezależną od reszty strony www (na marginesie) |
| <details> | Definiuje szczegółowe treści, które mogą być ukryte |
| <summary> | Definiuje widoczny nagłówek dla własnych ukrytych treści |
| Tag | Opis |
| <form> | Definiuje formularz do wprowadzania danych przez użytkowników strony www |
| <input> | Definiuje pole wejściowe do wpisywania dnych przez użytkowników |
| <textarea> | Definiuje wielowierszowe pole do wpisywania tekstu |
| <select> | Definiuje listę rozwijaną |
| <option> | Definiuje opcje na liście rozwijanej |
| <optgroup> | Określa grupę powiązanych opcji na liście rozwijanej |
| <label> | Definiuje etykietę dla elementu <input> |
| <datails> | Definiuje zestaw elementów do wyboru w innych elementach HTML. |
| <output> | Służy do wyświetlenia wyników obliczeń, różnych działań wykonywanych przez użytkowników na stronie www. |
| <fieldset> | Grupuje powiązane elementy w formularzu internetowym. |
| <legend> | Definiuje podpis dla elementu <fieldset> |
| Tag | Opis |
| <script> | Służy do osadzania kodu wykonywalnego, najczęściej kodu javascript. Ale może być również używany z innymi językami programowania: WebGL i JSON |
| <nonscript> | Służy do osadzania alternatywnej treści HTML, gdy brak jest obsługi skryptów lub jeśli obsługa skryptów jest obecnie wyłączona w przeglądarce. |
| <embed> | Definiuje miejsce na stronie dla zewnętrznej aplikacji (innej niż HTML) |
| <object> | Definiuje obiekt osadzony |
| <dialog> | Określa okno, w którym zawarty jest możliwy do odrzucenia alert, inspektor lub okno podrzędne. |
| <data> | Dodaje do treści w dokumencie HTML dodatkowo czytelnego maszynowo tłumaczenia. |
