Każdy znacznik posiadać może także zbiór atrybutów:
<znacznik atrybutl="wartość atrybutu 1" atrybut2="wartość atrybutu2"> treść </znacznik>
W przypadku braku wyspecyfikowania atrybutów znacznika przyjmowana jest wartość domyślna. Wartości domyślne mogą różnić się w zależności od używanego interpretatora (przeglądarki).
Przykładowy plik HTML5, z użyciem znaczników dostarczonych przez specyfikację:
ddoctype html>
<html lang="pl">
<head>
<title>Tytuł/title>
</head>
<body>
<hl>Nagłówek</hl>
<p>Paragraf l</p>
<p>Paragraf 2</p>
<p>Paragraf 3</p>
</body>
</html>
Interpretacja:
Pierwszy znacznik <! doctype html> to deklaracja typu dokumentu i jest informacją dla przeglądarki, że następująca po niej treść jest dokumentem HTML i powinna być traktowana zgodnie z zasadami specyfikacji.
Kolejny znacznik chtml lang="pl"> otwiera nasze drzewo dokumentu. Atrybut lang określa język dokumentu, informacja ta może posłużyć przeglądarce do wyboru silnika konwersji tekstu do mowy, doboru odpowiedniego zestawu znaków do wyświetlenia tekstu na stronie, czy botowi wyszukiwarki internetowej na zakwalifikowanie dokumentu do odpowiedniej kategorii językowej i w konsekwencji efektywniejszy dostęp do niego zainteresowanych osób.
Potomkami elementu html w drzewie są sekcje <head> - nagłówek dokumentu i <body> - zawartość.
Nagłówek dokumentu zawiera <title> - tytuł, czyli tytuł dokumentu - zwykle wyświetlany na pasku przeglądarki po otwarciu dokumentu.
Jedną z nowości pozwalających na poszerzenie zakresu możliwości w zastosowaniach multimedialnych w HTML5 jest element canvas, który pozwala na renderowanie grafiki 2D, wektorowej, jak i rastrowej (wyświetlanie obsługiwanych obrazów) - w czasie
17