Il linguaggio di markup ipertestuale noto anche come HTML, viene utilizzato per creare applicazioni Web. I tag HTML, comunemente noti come elementi, sono l'aspetto più importante della lingua HTML. I tag HTML incorporano e visualizzano contenuti o informazioni sulle pagine Web. Esistono due tipi di tag HTML: tag vuoti e contenitori.

Questo blog guiderà come lavorare con tag vuoti e contenitori in HTML.

Tag vuoti

I tag vuoti sono anche noti come "singleton" O "vuoto"Tag. Il tag void non contiene mai alcun contenuto, ma gli attributi possono essere specificati. Questi tag non hanno un tag finale e possono contenere una retroscena nel tag. Gli esempi di tag vuoti sono "
", "", "", "", "", "", "", e molti altri.

Sintassi

La sintassi per menzionare gli elementi vuoti in HTML è la seguente:

Per vedere come lavorare con tag vuoti, controlla l'esempio seguente. IL "
"Il tag è noto come tag di rottura della linea e viene utilizzato per rompere la linea:

Tag vuoti HTML
Il tag di interruzione della linea

L'output indica che il "
"Il tag ha rotto la riga:

Possiamo aggiungere proprietà di stile CSS ai tag HTML. IL "

---

"Il tag è un altro elemento vuoto che aggiunge una linea orizzontale alla pagina:

Tag vuoti HTML

---

Il tag di interruzione della linea

IL "Border-top"La proprietà CSS viene applicata al"

---

"Con tre valori, uno è la larghezza del bordo uguale a"3px", Lo stile di confine è impostato come"tratteggiato"E il colore del bordo.

Produzione

Finora abbiamo discusso dei tag vuoti HTML. Ora passeremo attraverso i tag del contenitore HTML nella prossima sezione.

Tag del contenitore

I tag del contenitore HTML sono costituiti da tre parti: tag di avvio, contenuto e fine. La sintassi del tag contenitore HTML è data come segue:

Contenuto

Dai un'occhiata agli esempi seguenti per scoprire come funziona il tag del contenitore in HTML.

Esempio 1: come aggiungere un paragrafo in HTML?

IL "

Questo è un tag di paragrafo

Produzione

Esempio 2: come aggiungere titoli in HTML?

Esistono sei livelli di tag del contenitore di intestazione che possono essere utilizzati per aggiungere intestazioni a una pagina web. Mettiamoli in un documento HTML per vedere come funzionano e guardiamo una pagina web:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Produzione

Possiamo fornire lo stile in linea a questi tag. Considera l'esempio seguente, che mostra come applicare varie proprietà di stile CSS a questi tag:

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Linuxhint

Ecco la spiegazione delle proprietà sopra dichiarate:

• IL "colore di sfondo"La proprietà aggiunge colore allo sfondo dell'elemento.
• "famiglia di font"La proprietà regola lo stile del carattere dell'elemento.
• "allineamento"La proprietà regola il posizionamento o l'allineamento del testo.

Produzione

Ti abbiamo mostrato come utilizzare i tag vuoti e contenitori di HTML.

Conclusione

I tag vuoti e i tag del contenitore sono i principali componenti dei documenti HTML che incorporano il contenuto e le informazioni su una pagina Web. I tag vuoti non contengono alcun contenuto e consistono solo nel tag di avvio con una retroscena alla fine, come
. Tuttavia, i tag del contenitore contengono i tag iniziali e finali insieme al contenuto. Questo blog ha elaborato il funzionamento di elementi vuoti e container in HTML.