Ci sono tre parti di qualsiasi sito Web: intestazione, corpo e piè di pagina. All'interno di queste parti, vengono utilizzati altri elementi HTML, come titoli, immagini, paragrafi e altro ancora. Più specificamente, per circondare il contenuto principale della pagina Web, viene utilizzato il tag HTML, che viene introdotto in HTML5.

Questo articolo discuterà dell'HTML ""Tag. Quindi, iniziamo!

Cos'è il tag HTML?

Il tag HTML è costituito dal contenuto principale del documento, che si riferisce al concetto di base della pagina web. Esclude qualsiasi barra di navigazione, intestazione, piè di pagina e altro ancora. Inoltre, in qualsiasi documento viene utilizzato solo un tag principale. Se c'è più di un elemento principale in un file HTML, allora altri dovrebbero essere nascosti contemporaneamente.

Come utilizzare il tag HTML?

Per utilizzare il tag HTML, seguire la procedura di seguito:

Nel codice sopra, l'elemento principale è rappresentato dal tag iniziale e dal tag di chiusura.

Esempio: come inserire il tag in HTML?

Nel file HTML, all'interno del tag del corpo, aggiungi un ""Tag che include il

Tag per l'intestazione. Successivamente, aggiungi il tag, che comprende due tag aggiuntivi,

E

, Per l'intestazione e il paragrafo, rispettivamente. Per aggiungere più contenuti, useremo allo stesso modo i tag.

Ecco il codice per lo scenario discusso:

Sistema operativo

finestre

Windows è un gruppo di diversi sistemi operativi grafici sviluppati da Microsoft.

Linux

Linux è un sistema operativo open source basato sul kernel Linux.

Mac OS

MacOS è un sistema operativo UNIX sviluppato da Apple Inc.

Fornendo il codice sopra, la pagina Web sarà così:

Nota: Il tag principale consiste solo nell'argomento centrale del documento. Un documento non dovrebbe includere più di un tag. Inoltre, l'utilizzo del tag principale come elemento figlio non è consentito.

Applichiamo le proprietà CSS agli elementi HTML codificati sopra.

Elemento principale di stile

principale
Margine: 0;
imbottitura: 6px;
Background-color: #00abb3;

Il tag HTML utilizzato nella pagina HTML sopra è disegnato con le seguenti proprietà:

• "margine"La proprietà viene utilizzata per l'impostazione dello spazio attorno all'elemento.
• "imbottitura"La proprietà viene utilizzata per aggiungere spazio attorno al contenuto dell'elemento.
• "colore di sfondo"La proprietà specifica il colore dello sfondo dell'elemento.

Style H1, H2, P Elements of Main Div

Main> H1,
H2,
P,
.OS
Margine: 15px;
imbottitura: 3px;

IL "Main> H1, H2, P"Significa gli elementi figlio H1, H2 e P del tag principale, su cui abbiamo applicato le stesse proprietà.

Style OS Div

.OS
Sfondo: bianco;

IL ".sistema operativo"È utilizzato per accedere al div con la classe denominata"sistema operativo". Su questo contenitore, il colore di sfondo è specificato come "bianco".

Style H2 e P Elements of OS Div

.OS> H2,
P
Margine: 4px;

IL ".OS> H2, P"Significa che gli elementi figlio H2 e P dell'elemento Div hanno lo stesso valore di margine.

Ecco l'output:

Questo è tutto! Abbiamo discusso di quale sia il tag e come dovrebbe essere utilizzato in HTML.

Conclusione

HTML5 introduce il “"Tag che consiste solo dal contenuto dominante della pagina web. Non include elementi ripetuti, come barre di navigazione, barre di diapositive, informazioni sul copyright e altro ancora. La sezione del corpo del documento HTML deve contenere un solo tag. Questo articolo ha dimostrato il tag e il suo utilizzo in HTML.