HTML5 ha introdotto il ""Tag che può essere utilizzato per rappresentare un componente autoprodotto specifico in qualsiasi documento, applicazione o sito. Questo componente HTML può essere riutilizzabile e distributivo, come in un post di forum, una rivista, un post sul blog e altro ancora.

Questo studio ti insegnerà il tag HTML. Quindi andiamo!

Cos'è il tag HTML?

L'elemento e l'elemento funzionano in modo simile in termini di funzionalità, stile e visualizzazione. Tuttavia, il tag in un documento fornisce più informazioni semantiche ai motori di ricerca e ai lettori di screening. Inoltre, un file HTML contiene più tag che possono essere nidificati.

Come utilizzare il tag HTML?

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

Qui, ""È il tag iniziale e""È il tag finale.

Facciamo un esempio per dimostrare l'utilizzo del tag.

Esempio: usando il tag in HTML

In HTML, prima, aggiungi un tag con una classe chiamata "all-os" e il

per l'intestazione. Quindi, aggiungi un altro tag con una classe chiamata "sistema operativo". All'interno di questo tag, specificare il

per l'intestazione e

per un paragrafo. Successivamente, includi i due tag nidificati

E

Tag come segue:

Sistemi operativi più popolari

finestre

Windows è un gruppo di più sistemi operativi grafici proprietari. È sviluppato e commercializzato da Microsoft.

Linux

Linux è un sistema operativo open source basato sul kernel Linux. È in genere confezionato come distribuzione Linux.

Mac OS

MacOS è un sistema operativo UNIX sviluppato e commercializzato da Apple Inc. È noto come il principale sistema operativo per i computer Mac di Apple.

La prossima sezione descriverà gli stili CSS applicati agli elementi HTML sopra menzionati.

Style All-OS Div

.all-os
Margine: 0;
imbottitura: 5px;
Background-color: RGB (155, 155, 155);

Il div con il nome di classe "all-os"È in stile così:

• • ".all_os"Viene utilizzato per accedere ai correlati .
  • "margine"La proprietà viene utilizzata per aggiungere spazio attorno all'elemento Div.
  • "imbottitura"La proprietà aggiunge spazio attorno al contenuto dell'elemento Div.
  • "colore di sfondo"È impostato per applicare il colore di sfondo dell'elemento div.

Style OS Div

.OS
Margine: 10px;
imbottitura: 5px;
Sfondo: bianco;

Applicare gli stili al prossimo chiamato "sistema operativo". La descrizione delle proprietà è riportata di seguito:

• • ".sistema operativo"Accedi al nome del sistema operativo.
  • "margine"La proprietà aggiunge uno spazio di 10 px attorno al div.
  • "imbottitura"La proprietà aggiunge uno spazio di 5px attorno al contenuto dell'elemento Div.
  • "colore di sfondo"La proprietà imposta il colore di sfondo dell'elemento Div.

Dopo aver fornito le proprietà di stile CSS ai tag sopra, il paragrafo viene disegnato impostando le proprietà come indicato di seguito.

Elemento di stile P

P
Margine: 3px;
Font-size: 15px;

Le seguenti proprietà sono applicate a

elemento:

• • "margine"La proprietà aggiunge spazio 3px attorno al contenuto dell'elemento.
  • "dimensione del font"La proprietà imposta la dimensione del carattere di testo come 15px.

Salva il codice aggiunto e apri il file nel browser. Il risultato verrà visualizzato come mostrato di seguito:

Il documento sopra fornito può avere più articoli e la spiegazione relativa a ciascun sistema operativo è contenuta nel tag. Inoltre, un articolo viene visualizzato uno dopo l'altro mentre lo schermo scorre.

È così che possiamo creare post sul blog, post del forum e documenti simili a una rivista utilizzando il tag HTML.

Conclusione

Come sappiamo, gli scrittori di articoli o i blogger scrivono il documento tenendo presente il concetto principale dell'argomento. Allo stesso modo, in HTML, i tag vengono utilizzati per menzionare il contenuto completamente contenuto e indipendente. Inoltre, ci possono essere uno o più tag in un file HTML, che può essere nidificato. Questo studio ha spiegato l'uso di tag con un esempio.