Un blocco HyperText Markup Language (HTML), in senso lato, è un segmento di codice HTML che si riferisce a un’area definita del documento finito quando viene visualizzato da un programma come un browser web. L’importanza di un blocco HTML si vede quando si assegnano attributi diversi agli elementi, perché molti stili e altre definizioni possono essere assegnati solo agli elementi a livello di blocco. L’opposto di un blocco HTML è il codice in linea, che deve essere sempre annidato all’interno di un blocco per funzionare.
Un esempio della definizione di un blocco HTML è un paragrafo di testo su un sito web. Quando la pagina viene visualizzata all’interno di un browser Web, il paragrafo viene visualizzato con una riga vuota tra esso e il paragrafo precedente e con una riga vuota dopo il paragrafo e l’elemento di visualizzazione successivo. All’interno del codice HTML della pagina, il paragrafo è circondato da tag HTML che lo definiscono come un blocco di paragrafo. Questi tag che circondano il paragrafo stabiliscono tutto tra di loro come un blocco HTML.
Un blocco HTML può essere annidato all’interno di un altro blocco. In effetti, quasi tutti i tag sono davvero annidati all’interno dei tag del corpo richiesti da un documento HTML. Al contrario, un segmento in linea deve essere nidificato all’interno di un blocco perché richiede gli elementi che contengono se deve funzionare. Un esempio di tag in linea è una parte di testo che deve essere visualizzata in grassetto.
La differenza tra un elemento HTML a livello di blocco e un elemento in linea è uno degli elementi chiave di comprensione necessari per lavorare con HTML e fogli di stile a cascata (CSS). Ciò è dovuto principalmente al fatto che esistono alcuni attributi di stile standard e altri parametri descritti come applicabili solo agli elementi a livello di blocco o solo agli elementi a livello di riga. In generale, gli elementi in linea non contengono gli stessi attributi modificabili degli elementi a livello di blocco.
Un esempio della differenza tra un attributo a livello di blocco HTML e un attributo a livello in linea è l’opzione di allineamento. A livello di blocco, ad esempio un tag di divisione o l’inizio di un elenco puntato, il testo o le immagini all’interno del blocco possono essere impostati per agganciarsi a sinistra, a destra o al centro di un’area. Se l’attributo di allineamento viene applicato a un elemento in linea, non accadrà nulla, perché non è un’opzione disponibile a livello di linea.