Podstawowe tagi HTML
HTML (HyperText Markup Language) zawiera wiele tagów, które służą do tworzenia struktury strony internetowej. Poniżej znajduje się lista tagów HTML w kolejności alfabetycznej wraz z ich krótkim opisem:
<!-- ... -->
Komentarz w HTML. Zawartość wewnątrz tego tagu nie jest wyświetlana w przeglądarce.
<!DOCTYPE>
Deklaracja typu dokumentu. Określa wersję HTML używaną w dokumencie.
<a>
Tworzy hiperłącze do innych stron, plików lub lokalizacji w tej samej stronie.
<abbr>
Definiuje skrót lub akronim, często z atrybutem title wyjaśniającym pełną formę.
<address>
Zawiera informacje kontaktowe autora strony lub artykułu.
<area>
Definiuje obszar w mapie obrazu (używany z tagiem <map>).
<article>
Reprezentuje niezależną część treści, taką jak post na blogu lub artykuł.
<aside>
Zawiera treść, która jest tylko pośrednio związana z główną treścią strony.
<audio>
Umożliwia osadzenie dźwięku na stronie.
<b>
Pogrubia tekst, ale nie nadaje mu szczególnego znaczenia semantycznego.
<base>
Określa bazowy URL dla wszystkich względnych adresów URL w dokumencie.
<bdi>
Izoluje fragment tekstu, który może być formatowany w innym kierunku (np. arabski).
<bdo>
Nadpisuje domyślny kierunek tekstu (np. od prawej do lewej).
<blockquote>
Cytuje blok tekstu z innego źródła.
<body>
Zawiera główną treść dokumentu HTML.
<br>
Wstawia pojedyncze przejście do nowej linii.
<button>
Tworzy przycisk, który można kliknąć.
<canvas>
Umożliwia rysowanie grafiki za pomocą skryptów (np. JavaScript).
<caption>
Dodaje podpis do tabeli.
<cite>
Zaznacza tytuł dzieła, takiego jak książka, film, czy piosenka.
<code>
Zaznacza fragment kodu komputerowego.
<col>
Określa właściwości kolumny w tabeli.
<colgroup>
Grupuje kolumny w tabeli do formatowania.
<data>
Łączy treść z maszynowo czytelną formą.
<datalist>
Zawiera listę opcji dla elementu <input>.
<dd>
Opisuje termin w liście definicji (<dl>).
<del>
Zaznacza tekst, który został usunięty z dokumentu.
<details>
Tworzy widżet rozwijany, który użytkownik może otworzyć lub zamknąć.
<dfn>
Zaznacza termin, który jest definiowany w tekście.
<dialog>
Tworzy okno dialogowe lub podręczne okno.
<div>
Tworzy blokowy kontener do grupowania elementów.
<dl>
Tworzy listę definicji.
<dt>
Zaznacza termin w liście definicji (<dl>).
<em>
Zaznacza tekst, który ma być zaakcentowany (zwykle kursywą).
<embed>
Osadza zewnętrzną aplikację lub treść multimedialną.
<fieldset>
Grupuje powiązane elementy w formularzu.
<figcaption>
Dodaje podpis do elementu <figure>.
<figure>
Reprezentuje samodzielną treść, taką jak ilustracje, diagramy, itp.
<footer>
Zawiera stopkę sekcji lub strony.
<form>
Tworzy formularz do przesyłania danych.
<h1> do <h6>
Nagłówki o różnym poziomie ważności, gdzie <h1> jest najważniejszy.
<head>
Zawiera metadane dokumentu, takie jak tytuł, skrypty, style.
<header>
Zawiera nagłówek sekcji lub strony.
<hr>
Tworzy poziomą linię oddzielającą treść.
<html>
Główny kontener dla całego dokumentu HTML.
<i>
Zaznacza tekst, który ma być wyróżniony (zwykle kursywą), ale bez szczególnego znaczenia semantycznego.
<iframe>
Osadza inną stronę internetową w bieżącym dokumencie.
<img>
Osadza obraz na stronie.
<input>
Tworzy pole wprowadzania danych w formularzu.
<ins>
Zaznacza tekst, który został dodany do dokumentu.
<kbd>
Zaznacza tekst, który reprezentuje wprowadzanie z klawiatury.
<label>
Tworzy etykietę dla elementu formularza.
<legend>
Dodaje podpis do elementu <fieldset>.
<li>
Reprezentuje element listy (używany z <ul>, <ol>, lub <menu>).
<link>
Łączy dokument z zewnętrznymi zasobami, takimi jak arkusze stylów.
<main>
Zawiera główną treść dokumentu.
<map>
Definiuje mapę obrazu z klikalnymi obszarami.
<mark>
Zaznacza tekst, który ma być wyróżniony (np. jako wynik wyszukiwania).
<meta>
Zawiera metadane dokumentu, takie jak opis, słowa kluczowe, autor.
<meter>
Reprezentuje skalę lub pomiar (np. zużycie miejsca na dysku).
<nav>
Zawiera nawigację strony.
<noscript>
Zawiera treść, która będzie wyświetlana, jeśli skrypty są wyłączone.
<object>
Osadza zewnętrzny zasób, taki jak plik multimedialny.
<ol>
Tworzy uporządkowaną listę.
<optgroup>
Grupuje powiązane opcje w elemencie <select>.
<option>
Reprezentuje opcję w elemencie <select>.
<output>
Reprezentuje wynik obliczeń lub działania użytkownika.
<p>
Tworzy akapit tekstu.
<param>
Określa parametry dla elementu <object>.
<picture>
Umożliwia definiowanie wielu źródeł obrazów dla różnych rozmiarów ekranu.
<pre>
Zaznacza tekst, który ma być wyświetlany w formacie preformatowanym (zachowuje białe znaki).
<progress>
Reprezentuje postęp zadania.
<q>
Zaznacza krótki cytat.
<rp>
Zawiera tekst, który będzie wyświetlany, jeśli przeglądarka nie obsługuje ruby annotations.
<rt>
Zawiera tekst wyjaśniający dla ruby annotations.
<ruby>
Używany do dodawania adnotacji ruby (np. furigana w języku japońskim).
<s>
Zaznacza tekst, który nie jest już aktualny lub ważny.
<samp>
Zaznacza przykładowy wynik programu komputerowego.
<script>
Wstawia skrypt (np. JavaScript) do dokumentu.
<section>
Definiuje sekcję w dokumencie.
<select>
Tworzy listę rozwijaną w formularzu.
<small>
Zaznacza tekst, który ma być wyświetlany mniejszą czcionką (np. drobny druk).
<source>
Określa źródło multimediów dla elementów <audio> i <video>.
<span>
Tworzy kontener liniowy do grupowania elementów.
<strong>
Zaznacza tekst, który ma być silnie zaakcentowany (zwykle pogrubiony).
<style>
Zawiera style CSS dla dokumentu.
<sub>
Zaznacza tekst, który ma być wyświetlany jako indeks dolny.
<summary>
Dodaje podsumowanie dla elementu <details>.
<sup>
Zaznacza tekst, który ma być wyświetlany jako indeks górny.
<svg>
Osadza grafikę wektorową w formacie SVG.
<table>
Tworzy tabelę.
<tbody>
Grupuje wiersze tabeli, które zawierają dane.
<td>
Reprezentuje komórkę w tabeli.
<template>
Zawiera fragment kodu HTML, który może być klonowany i wstawiany przez JavaScript.
<textarea>
Tworzy wielowierszowe pole tekstowe w formularzu.
<tfoot>
Grupuje wiersze tabeli, które zawierają podsumowanie.
<th>
Reprezentuje nagłówek komórki w tabeli.
<thead>
Grupuje wiersze tabeli, które zawierają nagłówki kolumn.
<time>
Zaznacza czas lub datę.
<title>
Określa tytuł dokumentu, wyświetlany na pasku tytułu przeglądarki.
<tr>
Reprezentuje wiersz w tabeli.
<track>
Dodaje napisy lub ścieżki dźwiękowe do elementów <audio> i <video>.
<u>
Zaznacza tekst, który ma być podkreślony.
<ul>
Tworzy nieuporządkowaną listę.
<var>
Zaznacza zmienną w tekście.
<video>
Osadza wideo na stronie.
<wbr>
Określa miejsce, w którym można przenieść tekst do nowej linii, jeśli jest to konieczne.
Ta lista zawiera większość standardowych tagów HTML, ale warto pamiętać, że HTML jest stale rozwijany, a nowe tagi mogą być dodawane w przyszłości.