HTML (HyperText Markup Language) to fundamentalny język każdej strony internetowej. To właśnie za pomocą tagów HTML opisujesz strukturę dokumentu — mówisz przeglądarce, co jest nagłówkiem, co akapitem, co obrazkiem, a co odnośnikiem.
Poniżej znajdziesz nasz rosnący słownik tagów HTML. Każdy wpis zawiera opis działania tagu, przykład użycia oraz informację o jego wsparciu w przeglądarkach. Słownik jest regularnie aktualizowany i rozbudowywany — dodajemy nowe tagi wraz z kolejnymi wpisami na blogu.
Czym jest tag HTML?
Tag HTML to podstawowa jednostka składniowa języka HTML. Składa się z nazwy otoczonej nawiasami ostrokątnymi, np. <p>, <div> czy <section>. Większość tagów występuje w parach — tag otwierający i zamykający (np. <h1>...</h1>). Niektóre tagi są samozamykające, jak <img> czy <br>.
Tagi HTML dzielą się na kilka kategorii:
- Tagi strukturalne — definiują szkielet dokumentu (
<html>,<head>,<body>) - Tagi semantyczne — nadają znaczenie treści (
<article>,<nav>,<footer>) - Tagi tekstowe — formatują i opisują tekst (
<p>,<strong>,<em>) - Tagi multimedialne — osadzają media (
<img>,<video>,<audio>) - Tagi formularzy — tworzą interaktywne elementy (
<form>,<input>,<button>)
Lista tagów HTML
Poniższe wpisy są ułożone alfabetycznie. Kliknij dowolny tag, aby przejść do jego szczegółowego opisu z przykładami kodu.
- a
- abbr
- acronym
- address
- applet
- area
- article
- aside
- audio
- b
- base
- basefont
- bdi
- bdo
- big
- blockquote
- body
- br
- button
- canvas
- caption
- center
- cite
- code
- col
- colgroup
- data
- datalist
- dd
- del
- details
- dfn
- dialog
- dir
- div
- dl
- doctype
- dt
- em
- embed
- fieldset
- figcaption
- figure
- font
- footer
- form
- frame
- frameset
- h1-h6
- head
- header
- hr
- html
- i
- iframe
- img
- input
- ins
- kbd
- label
- legend
- li
- link
- main
- map
- mark
- meta
- meter
- nav
- noframes
- noscript
- object
- ol
- optgroup
- option
- output
- p
- param
- picture
- pre
- q
- rp
- rt
- ruby
- s
- samp
- script
- section
- select
- small
- source
- span
- strike
- strong
- style
- sub
- summary
- sup
- svg
- table
- tbody
- td
- template
- textarea
- tfoot
- th
- thead
- time
- title
- tr
- track
- tt
- u
- ul
- var
- video
- wbr
Jak korzystać ze słownika?
Każda strona poświęcona konkretnemu tagowi zawiera:
- Opis działania i przeznaczenia tagu
- Gotowy przykład kodu do skopiowania
- Listę obsługiwanych atrybutów
- Informację o wersji HTML, w której tag został wprowadzony
- Wskazówki dotyczące dostępności (WCAG) i SEO
Jeśli dopiero zaczynasz przygodę z HTML, polecamy zacząć od artykułu HTML dla początkujących, a następnie wrócić tutaj, by zgłębiać poszczególne tagi we własnym tempie.