Tag HTML

TAG di Base

Tag Descrizione
<! DOCTYPE> Definisce il tipo di documento
<html> Definisce un documento HTML
<title> Definisce un titolo per il documento
<body> Definisce il corpo del documento
<h1> - <h6> Definisce le intestazioni HTML
<p> Definisce un paragrafo
<br> Inserisce un'interruzione di riga
<hr> Definisce un cambiamento di tematico nel contenuto (per default un riga orizzontale larga come la pagina)
<!-...--> Definisce un commento

Formattazione

Tag Descrizione
<abbr> Definisce un'abbreviazione o l'acronimo
<address> Definisce le informazioni di contatto per l'autore/proprietario di un documento/articolo
<b> Definisce il testo in grassetto. Preferibile <strong>
<bdi> Consente di isolare una parte di testo che potrebbe essere formattato in una direzione diversa dal resto del testo (ad esempio una citazione in arabo)
<bdo> Esegue l'override di direzione di testo corrente
<blockquote> Definisce una sezione che è citata da un'altra fonte
<cite> Definisce il titolo di un'opera
<code> Definisce un pezzo di codice 
<del> Definisce il testo che è stato eliminato da un documento
<dfn> Rappresenta la definizione di un termine
<em> Definisce il testo enfatizzato
<i> Definisce un testo in corsivo. Pe questa funzione è preferito <em>. Oggi in molte paginae viene usato per definire un icna tratta ta un icon font.
<ins> Definisce un testo che è stato inserito in un documento
<kbd> Definisce un tasto o una combinazione di tasti della tastiera
<mark> Definisce il testo contrassegnato/evidenziato.
<meter> Definisce una misura scalare in un intervallo noto 
<pre> Definisce testo preformattato
<progress> Rappresenta lo stato di avanzamento di un'attività
<q> Definisce una citazione breve
<s> Definisce il testo che non è corretto
<samp> Definisce l'output di esempio da un programma per computer
<small> Definisce un testo in un corpo più piccolo del testo normale
<strong> Definisce il testo importante
<sub> Definisce il testo in pedice
<sup> Definisce il testo in apice
<time> Definisce una data/ora
<u> Definisce il testo che dovrebbe essere stilisticamente diverso da testo normale
<var> Definisce una variabile
<wbr> Definisce una possibile interruzione di riga

Form

Tag Descrizione
<form> Definisce un modulo HTML per l'input dell'utente
<input> Definisce un controllo di input (a seconda del valore dell'attributo obbligatorio type viene utilizzato come casella di testo, checkbox, radio button, ecc))
<textarea> Definisce un controllo di input su più righe (area di testo)
<button> Definisce un pulsante cliccabile
<select> Definisce un elenco a discesa
<optgroup> Definisce un gruppo di opzioni correlate in un elenco a discesa
<option> Definisce un'opzione in un elenco a discesa
<label> Definisce un'etichetta per un elemento <input>
<fieldset> Gruppi di elementi correlati in un form
<legend> Definisce una didascalia per un elemento <fieldset>
<datalist> Specifica un elenco di opzioni predefinite per elemento <input> (non supportato in Safari)
<keygen> Definisce un campo generatore di coppia di chiavi (per la crittografia) (non supportato in Internet Explorer/Edge)
<output> Definisce il risultato di un calcolo

Frames

Tag Descrizione
<iframe> Definisce un frame inline. Area della pagina dove viene mostrata una pagina HTML esterna.

Images 

Tag Descrizione
<img> Definisce un'immagine
<map> Definisce una mappa immagine lato client
<area> Definisce un'area all'interno di una mappa immagine
<canvas> Utilizzato per disegnare grafici tramite script (solitamente JavaScript)
<figcaption> Definisce una didascalia per un elemento <figure>
<figure> Specifica il contenuto di un elemento autonomo (grafico, immagine, ecc) inserito in una pagina
<picture> Definisce un contenitore per più risorse di immagine- Consente di specificare sorgenti diverse per un immagine a seconda del dispositivo su cui la pagina è mostrata.

Audio e Video

Tag Descrizione
<audio> Definisce un contenuto audio
<source> Definisce più risorse multimediali per elementi multimediali ( <video> , <audio> e <picture> )
<track> Definisce le tracce di testo (sottotitoli o didascalie) per gli elementi multimediali ( <video> e <audio> )
<video> Definisce un video o un film

Collegamenti ipertestuali

Tag Descrizione
<a> Definisce un collegamento ipertestuale
<link> Definisce la relazione tra un documento e una risorsa esterna (più usato per il collegamento a fogli di stile). L'attributo rel è sempre obbligatorio.
<nav> Definisce una barra di navigazione o un menù.

Liste

Tag Descrizione
<ul> Definisce una lista non ordinata
<ol> Definisce un elenco ordinato
<li> Definisce un elemento di elenco
<dl> Definisce un elenco di descrizione
<dt> Definisce un termine/nome in un elenco di descrizione
<dd> Definisce una descrizione di un termine/nome in un elenco di descrizione

 Tabelle

Tag Descrizione
<table> Definisce una tabella
<caption> Definisce una didascalia per una tabella
<th> Definisce una cella di intestazione in una tabella
<tr> Definisce una riga in una tabella
<td> Definisce una cella in una tabella
<thead> Raggruppa il contenuto dell'intestazione di una tabella
<tbody> Raggruppa il contenuto del corpo in una tabella
<tfoot> Raggruppa il contenuto del piè di pagina in una tabella
<col> Specifica le proprietà di colonna per ogni colonna di un elemento <colgroup>
<colgroup> Specifica un gruppo di una o più colonne in una tabella per la formattazione

Stili e impaginazione semantica

Tag Descrizione
<style> Definisce le informazioni di stile per un documento. Va sempre collocato nella head del documento.
<div> Generica sezione di tipo blocco in un documento
<span> Generica sezione di tipo inline in un documento
<header> Definisce un'intestazione per un documento o una sezione
<footer> Definisce un piè di pagina per un documento o una sezione
<main> Specifica il contenuto principale di un documento
<section> Definisce una sezione logica in un documento
<article> Definisce un articolo
<aside> Definisceuna sidebar
<details> Definisce ulteriori dettagli che l'utente può visualizzare o nascondere (non supportata da Internet Explorer/Edge)
<summary> Definisce un titolo visibile per un elemento <details> (non supportata da Internet Explorer/Edge)

Head e meta

Tag Description
<head> Sezione non visibile del documento che contiene le impostazioni generali
<meta> Collocato nelle head serve a definire proprietà del documento
<base> Specifica la url base su cui calcolare le url relative

Programmazione

Tag Descrizione
<script> Definisce uno script sul lato client
<noscript> Definisce un contenuto alternativo per gli utenti che non supportano gli script sul lato client
<embed> Definisce un contenitore per un'applicazione esterna (non HTML)
<object> Definisce un oggetto incorporato
<param> Definisce un parametro per un oggetto

 Tutti gli attributi

Attributo Appartiene a Descrizione
accept <input> Specifica i tipi di file che il server accetta (solo per tipo = "file")
accept-charset <form> Specifica le codifiche di caratteri che devono essere utilizzati per l'invio del modulo
accesskey Attributo globale Consente di specificare un tasto di scelta rapida per attivare/spostare il focus su un elemento
action <form> Specifica la pagina a cui verranno inviati i dati raccolti col form per elaborarli.
alt <area>, <img>, <input> Consente di specificare un testo alternativo quando non si può visualizzare l'elemento originale
async <script> Specifica che lo script viene eseguito in modo asincrono (non viene atteso il caricamento del file, ma l'elaborazione della pagina continua)
autocomplete <form>, <input> Specifica se il completamento automatico è abilitato
autofocus <button>, <input>, <keygen>, <select>, <textarea> Specifica che l'elemento riceve automaticamente il focus quando la pagina viene caricata
autoplay <audio>, <video> Specifica che l'audio o il video verranno riprodotti, non appena pronti
charset <meta>, <script> Specifica la codifica dei caratteri
checked <input> Specifica che un elemento <input> è pre-selezionato quando la pagina viene caricata (per type = "checkbox" o type = "radio")
cite <blockquote>, <del>, <ins>, <q> Specifica un URL che spiega il testo citazione/cancellato/inserito
class Attributo globale Specifica una o più classi per un elemento (le classi di stile vengono definite nel foglio di stile)
cols <textarea> Specifica la larghezza di un'area di testo in caratteri
colspan <td>, <th> Specifica il numero di colonne per cui una cella di tabella si estende
content <meta> Dà il valore associato agli attributi http-equiv o name
contextmenu Attributo globale Specifica un menu di scelta rapida per un elemento. Il menu di scelta rapida viene visualizzato quando un utente destro sull'elemento
controls <audio>, <video> Specifica che devono essere visualizzati i controlli audio/video (i pulsanti play/pause/stop ecc)
coords <area> Specifica le coordinate di un area in una mappa lato client
data <object> Specifica l'URL della risorsa che deve essere utilizzato dall'oggetto
data-* Attributo globale Attributi personalizzabili
datetime <del>, <ins>, <time> Specifica la data e l'ora in un formato leggibile da tutti i programmi
default <track> Specifica che la traccia di testo (es. sottotitoli) di default.
defer <script> Specifica che lo script viene eseguito quando la pagina ha completato il caricamento (solo per gli script esterni)
dir Attributo globale Specifica la direzione del testo per il contenuto in un elemento
dirname <input>, <textarea> Specifica che la direzione del testo
disabled <button>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> Specifica che l'elemento o il gruppo di elementi specificati deve essere disabilitato
draggable Attributo globale Specifica se un elemento è trascinabile o no
enctype <form> Specifica come i dati del modulo devono essere codificati quando inviarla al server (solo per metodo = "post")
for <label>, <output> Specifica a quali elementi del form è associato un etichetta o un output
form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>,<output>, <select>, <textarea> Specifica il nome del modulo, a cui l'elemento appartiene
formaction <button>, <input> Specifica dove inviare i dati del modulo quando viene inviato un form . Solo per typo = "submit"
headers <td>, <th> Specifica se una cella è relativa a una o più celle nell'intestazione della tabella
height <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Specifica l'altezza dell'elemento
hidden Attributo globale Specifica che un elemento è nascosto
high <meter> Specifica in un intervallo un valore considerato elevato
href <a>, <area>, <base>, <link> Specifica l'URL a cui si riferisce l'elemento
hreflang <a>, <area>, <link> Specifica la lingua del documento collegato
http-equiv <meta> Fornisce la proprietà HTTP per l'informazioni/valore dell'attributo content
id Attributo globale Specifica un id univoco per un elemento
ismap <img> Specifica che un'immagine è una mappa immagine lato server
keytype <keygen> Specifica l'algoritmo di sicurezza della chiave
kind <track> Specifica il tipo di traccia di testo
label <track>, <option>, <optgroup> Specifica il titolo della traccia testo
lang Attributo globale Specifica la lingua del contenuto dell'elemento
list <input> Si riferisce all'elemento <datalist> che contiene la lista di valori predefiniti che può assumere l'elemento input.
loop <audio>, <video> Specifica che l'audio o il video andranno in loop
low <meter> Specifica in un intervallo un valore considerato basso
max <input>, <meter>, <progress> Specifica il valore massimo
maxlength <input>, <textarea> Specifica il numero massimo di caratteri consentito in un elemento
media <a>, <area>, <link>, <source>, <style> Specifica per quali dispositivi il documento collegato è ottimizzato per
method <form> Specifica il metodo HTTP da utilizzare per l'invio di dati del modulo
min <input>, <meter> Specifica un valore minimo
multiple <input>, <select> Specifica che un utente può immettere più valori
muted <video>, <audio> Specifica che l'audio deve essere disattivato
name <button>, <fieldset>, <form>, <iframe>, <input>, <keygen>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> Specifica il nome dell'elemento. Utilizzazto dal server per identificare i dati inviati in un form.
novalidate <form> Specifica che il modulo non deve essere convalidato quando inviato
onabort <audio>, <embed>, <img>, <object>, <video> Script da eseguire in caso di interruzione
onafterprint <body> Script da eseguire dopo il documento viene stampato
onbeforeprint <body> Script da eseguire prima che il documento viene stampato
onbeforeunload <body> Script da eseguire quando il documento sta per essere scaricato
onblur Tutti gli elementi visibili. Script da eseguire quando l'elemento perde il focus
oncanplay <audio>, <embed>, <object>, <video> Script da eseguire quando un file multimediale è pronto per essere esguito (l'operazione di buffering è terminata)
oncanplaythrough <audio>, <video> Script da eseguire quando un un file multimediale può essere eseguito fino alla fine senza pause per il buffering
onchange Tutti gli elementi visibili. Script da eseguire quando viene modificato il valore dell'elemento
onclick Tutti gli elementi visibili. Script da eseguire quando viene fatto clic sull'elemento
oncopy Tutti gli elementi visibili. Script da eseguire quando viene copiato il contenuto dell'elemento
oncuechange <track> Script da eseguire quando viene raggiunto un nuovo punto di controllo in una <track>
oncut Tutti gli elementi visibili. Script da eseguire quando il contenuto dell'elemento viene eliminato per essere salvato in clipboard
ondblclick Tutti gli elementi visibili. Script da eseguire quando sull'elemento viene fatto doppio clic
ondrag Tutti gli elementi visibili. Script da eseguire all'inizio di un'operazione di trascinamento
ondragend Tutti gli elementi visibili. Script da eseguire alla fine di un'operazione di trascinamento
ondragenter Tutti gli elementi visibili. Script da eseguire quando un elemento viene trascinato su una destinazione di trascinamento valida
ondragleave Tutti gli elementi visibili. Script da eseguire quando un elemento lascia una destinazione di trascinamento valida
ondragover Tutti gli elementi visibili. Script da eseguire quando un elemento viene trascinato su una destinazione di trascinamento valida
ondragstart Tutti gli elementi visibili. Script da eseguire all'inizio di un'operazione di trascinamento
ondrop Tutti gli elementi visibili. Script da eseguire quando l'elemento trascinato viene rilasciato
ondurationchange <audio>, <video> Script da eseguire quando viene modificata la lunghezza dei media
onemptied <audio>, <video> Script da eseguire quando il file multimediale improvvisamente non è più disponibile
onended <audio>, <video> Script da eseguire quando iil file multimediale raggiunge la fine (un evento utile per i messaggi come "Grazie per l'ascolto")
onerror <audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> Script da eseguire quando si verifica un errore
onfocus Tutti gli elementi visibili. Script da eseguire quando l'elemento ottiene il focus
onhashchange <body> Script da eseguire quando c'è stato cambia l'hash dell'url
oninput Tutti gli elementi visibili. Script da eseguire quando l'elemento riceve l'input dell'utente
oninvalid Tutti gli elementi visibili. Script da eseguire quando l'elemento non è valido
onkeydown Tutti gli elementi visibili. Script da eseguire quando un utente sta premendo un tasto sulla tastiera
onkeypress Tutti gli elementi visibili. Script da eseguire quando un utente preme un tasto sulla tastiera
onkeyup Tutti gli elementi visibili. Script da eseguire quando un utente rilascia un tasto sulla tastiera
onload <body>, <iframe>, <img>, <input>, <link>, <script>, <style> Script da eseguire quandoè completato il caricamento dell'elemento
onloadeddata <audio>, <video> Script da eseguire quando viene caricati dati multimediali
onloadedmetadata <audio>, <video> Script da eseguire quando vengono caricati i metadati (come dimensioni e durata)
onloadstart <audio>, <video> Script da eseguire come il file inizia a caricare prima nulla viene effettivamente caricato
onmousedown Tutti gli elementi visibili. Script da eseguire quando si preme un pulsante del mouse su un elemento
onmousemove Tutti gli elementi visibili. Script per essere eseguito fintanto che il puntatore del mouse si muove su un elemento
onmouseout Tutti gli elementi visibili. Script da eseguire quando il puntatore del mouse si sposta fuori da un elemento
onmouseover Tutti gli elementi visibili. Script da eseguire quando il puntatore del mouse si sposta su un elemento
onmouseup Tutti gli elementi visibili. Script da eseguire quando viene rilasciato un pulsante del mouse su un elemento
onmousewheel Tutti gli elementi visibili. Script da eseguire quando è da scorrere la rotellina del mouse su un elemento
onoffline <body> Script da eseguire quando il browser inizia a lavorare non in linea
ononline <body> Script da eseguire quando il browser inizia a lavorare in linea
onpagehide <body> Script da eseguire quando un utente si sposta da una pagina
onpageshow <body> Script da eseguire quando un utente passa a una pagina
onpaste Tutti gli elementi visibili. Script da eseguire quando l'utente incolla alcuni contenuti in un elemento
onpause <audio>, <video> Script da eseguire quando il file multimediale viene messo in pausa
onplay <audio>, <video> Script da eseguire quando il file multimediale inizia l'esecuzione
onplaying <audio>, <video> Script da eseguire quando il file multimediale ha effettivamente iniziato l'esecuzione
onprogress <audio>, <video> Script da eseguire quando il file multimediale procede durante l'esecuzione
onratechange <audio>, <video> Script da eseguire ogni volta che si modifica la velocità di riproduzione (come quando un utente passa a un movimento lento o modalità di avanzamento rapido).
onreset <form> Script da eseguire quando viene fatto clic su un pulsante di reset in una form.
onresize <body> Script da eseguire quando viene viene ridimensionata la finestra del browser.
onscroll Tutti gli elementi visibili. Script da eseguire quando la pagina viene scorsa con le barre di scorrimento
onsearch <input> Script da eseguire quando l'utente scrive qualcosa in un campo input (per <type="search"> )
onseeked <audio>, <video>  
onseeking <audio>, <video>  
onselect Tutti gli elementi visibili. Script da eseguire quando l'elemento viene selezionato
onstalled <audio>, <video>  
onsubmit <form> Script da eseguire quando un modulo viene inviato
onsuspend <audio>, <video> Script da eseguire quando si recupera i dati multimediali viene arrestato prima che sia completamente caricato per qualsiasi motivo
ontimeupdate <audio>, <video> Script da eseguire quando la posizione di esecuzione è cambiata (come quando l'utente salta a punto differente nei media)
onunload <body> Script da eseguire quando la pagina è stato chisa o abbandonata
onvolumechange <audio>, <video> Script da eseguire ogni volta che il volume è cambiato
onwaiting <audio>, <video> Script da eseguire quando i media è stato sospeso ma dovrebbe riprendere (come quando i media si interrompe in attesa di dati ulteriori)
onwheel Tutti gli elementi visibili. Script da eseguire quando la rotellina del mouse rotola verso l'alto o verso il basso su un elemento
optimum <meter> Specifica quale valore è il valore ottimale
pattern <input> Specifica un'espressione regolare con cui un <input> dell'elemento viene confrontato
placeholder <input>, <textarea>  
poster <video>  
preload <audio>, <video>  
readonly <input>, <textarea> Specifica che l'elemento è a sola lettura
rel <a>, <area>, <link> Specifica la relazione tra il documento corrente e il documento collegato
required <input>, <select>, <textarea> Specifica che l'elemento deve essere compilato prima di inviare il modulo
reversed <ol> Specifica che l'ordine dell'elenco deve essere decrescente (9,8,7...)
rows <textarea> Specifica il numero di righe visibile in un'area di testo
rowspan <td>, <th> Specifica il numero di righe in che una cella di tabella deve estendersi
sandbox <iframe> Consente un ulteriore set di restrizioni per il contenuto in un<iframe>
scope <th> Specifica se una cella di intestazione è un'intestazione di una colonna, riga o gruppo di colonne o righe
selected <option> Specifica che un'opzione deve essere pre-selezionata quando la pagina viene caricata
shape <area> Specifica la forma dell'area sensibile
size <input>, <select> Specifica la larghezza, in caratteri (per <input>) o specifica il numero di opzioni visibili per <select> )
sizes <img>, <link>, <source> Specifica la dimensione della risorsa collegata
span <col>, <colgroup> Specifica il numero di colonne da occupare
spellcheck Attributo globale  
src <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>,<video> Specifica l'URL del file multimediale
srcdoc <iframe> Specifica il contenuto HTML della pagina da visualizzare nella<iframe>
srclang <track> Specifica la lingua della traccia di testo (obbligatorio se type = "subtitles")
srcset <img>, <source> Specifica l'URL dell'immagine da utilizzare in diverse situazioni
start <ol> Specifica il valore di inizio di un elenco ordinato
step <input> Specifica gli intervalli di numero legali per un campo di input
style Attributo globale Specifica uno stile CSS inline per un elemento
tabindex Attributo globale Specifica l'ordine di tabulazione di un elemento
target <a>, <area>, <base>, <form> Specifica la destinazione per dove aprire il documento collegato o dove inviare il modulo
title Attributo globale Specifica informazioni aggiuntive su un elemento
type <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> Specifica il tipo di elemento
usemap <img>, <object> Specifica un'immagine come una mappa immagine lato client
value <button>, <input>, <li>, <option>,<meter>, <progress>, <param> Specifica il valore dell'elemento
width <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> Specifica la larghezza dell'elemento
wrap <textarea> Specifica come il testo in un'area di testo deve andare a capo