Tag dell'articolo HTML

Tag Dell Articolo Html



HTML5 ha introdotto il ' ” tag che può essere utilizzato per rappresentare uno specifico componente autonomo in qualsiasi documento, applicazione o sito. Questo componente HTML può essere riutilizzabile e distribuibile, ad esempio in un post sul 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 agli screen reader. Inoltre, un file HTML contiene più tag
che possono essere nidificati.



Come utilizzare il tag HTML
?

Per utilizzare il tag HTML

, segui la sintassi indicata di seguito:



< articolo > articolo >


Qui, ' ' è il tag iniziale e ' ” è il tag finale.



Esaminiamo un esempio per dimostrare l'utilizzo del tag

.

Esempio: utilizzo del tag

in HTML



In HTML, per prima cosa aggiungi un tag

con una classe denominata ' tutto OS ” e

per l'intestazione. Quindi, aggiungi un altro tag
con una classe denominata ' voi ”. All'interno di questo tag
, specifica

per l'intestazione e

per un paragrafo. Successivamente, includi i due tag

nidificati con i tag

e

come segue:

< articolo classe = 'tutti i sistemi operativi' >
< h1 > Sistemi operativi più diffusi h1 >
< articolo classe = 'voi' >
< h2 > finestre h2 >
< p > Windows è un gruppo di più sistemi operativi grafici proprietari. È sviluppato e commercializzato da Microsoft. p >
articolo >
< articolo classe = 'voi' >
< h2 > Linux h2 >
< p > Linux è un sistema operativo open source basato sul kernel Linux. In genere è confezionato come una distribuzione Linux. p >
articolo >
< articolo classe = 'voi' >
< h2 > Mac OS h2 >
< p > macOS è un sistema operativo Unix sviluppato e commercializzato da Apple Inc. È noto come il sistema operativo principale per Mela computer Mac di.


La prossima sezione descriverà gli stili CSS applicati ai suddetti elementi HTML.



Stile tutto OS div

.all-OS {
margine: 0 ;
imbottitura: 5px;
colore di sfondo: rgb ( 155 , 155 , 155 ) ;
}


Il div con il nome della classe ' tutto OS ” è disegnato così:

    • “ .all_OS ” serve per accedere al relativo
      .
    • “ 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.

Sistema operativo stile div

.voi {
margine: 10px;
imbottitura: 5px;
sfondo: bianco;
}


Applica gli stili al

successivo denominato ' voi ”. Di seguito la descrizione delle proprietà:

    • “ .voi ” accedi al
      con il nome os.
    • “ margine ” aggiunge uno spazio di 10px intorno 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

di cui sopra, viene applicato uno stile al paragrafo impostando le proprietà come indicato di seguito.

Stile p Elemento

p {
margine: 3px;
dimensione carattere: 15px;
}


Le seguenti proprietà vengono applicate all'elemento

:

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

Salva il codice aggiunto e apri il file nel tuo 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 di blog, post di forum e documenti simili a riviste utilizzando il tag HTML

.

Conclusione

Come sappiamo, gli autori di articoli o i blogger scrivono il documento tenendo presente il concetto centrale dell'argomento. Allo stesso modo, in HTML, i tag

sono usati per menzionare contenuti completamente contenuti e indipendenti. Inoltre, ci possono essere uno o più tag
in un file HTML, che possono essere nidificati. Questo studio ha spiegato l'uso del tag
con un esempio.

Altro

Categoria

Messaggi Popolari

La meccanica dei nodi e dei flussi in Botpress

Come interagire con gli LLM utilizzando LangChain?

Come correggere l'assenza di audio in Linux Mint 21

Come installare e utilizzare Pip per Python su Fedora Linux

Qual è la differenza tra Dockerfile e Docker Compose

Come verificare la dimensione di un file in Linux

Come installare Windows 11 (macchina virtuale) su VMware?

I panda leggono il file di testo

Come visualizzare lo schermo dell'iPhone sul PC tramite USB

Comando git-restore in Git | Spiegato

Come installare PostgresML su Rocky Linux 9

Come utilizzare il grafico della conoscenza della conversazione in LangChain?

Funzione LEAD() di SQL Server

Come scaricare Emoji Discord

Come impostare le variabili d'ambiente in Linux

Operatore XOR SQL

Come installare HAProxy su Debian Linux

Come utilizzare l'istruzione Switch Case in Java

Come concatenare i set di dati in Hugging Face

Come creare un array a dimensione singola C# – Esempio