Perché i tag HTML sono tuoi amici?

HTML è il linguaggio del Web. Le pagine web che visualizzi sul tuo computer o telefono, inclusa questa, sono scritte in Hypertext Markup Language usando i cosiddetti "tag HTML". Puoi pensare all'HTML come al "codice nascosto" che controlla la struttura di una pagina web.

Alla fine, quando impari una nuova lingua, inizi con frasi semplici e costruisci da lì. Imparando HTML non è diverso. Inizierai perfezionando i tag HTML comuni. Questo è l'equivalente di imparare "frasi semplici" in una lingua parlata. Quelle frasi diventano la base su cui costruisci la tua conoscenza e il tuo discorso, proprio come i tag HTML sono le fondamenta su cui costruirai le tue capacità di sviluppo web.

Formato tag HTML

Puoi riconoscere un tag HTML perché è circondato dai caratteri < e > all'inizio e alla fine del tag. Tra questi due caratteri ci sarebbe un altro testo che definisce il tipo di tag HTML che viene scritto. Ad esempio, se sai che "hr" significa riga orizzontale (o linea) dovresti scrivere questo per il tag HTML:

instagram viewer

Hai appena scritto un tag HTML che disegna una regola orizzontale su una pagina web.

La maggior parte dei tag HTML viene fornita in coppia. Sono posizionati all'inizio e alla fine di una sezione di testo per dettare il contenuto che conterranno. Queste coppie di tag si compongono elemento HTMLS. Quando impari che  e  sono i tag di apertura e chiusura per rendere il testo in grassetto, inizi a capire come i tag HTML influenzino l'aspetto del testo in una pagina web.

Questa frase apparirà in grassetto a causa dei tag HTML nascosti.

Il tag sicuro di chiusura (che sta per "enfasi forte e che, per impostazione predefinita, rende il testo in grassetto) è identico al tag sicuro di apertura tranne per il fatto che include una barra nel tag. Questo è il formato seguito dalla maggior parte dei tag HTML. Il tag di apertura e il tag di chiusura sono gli stessi, con l'aggiunta di una barra nella chiusura che segue il primo carattere "

Combinazioni di tag HTML

I tag HTML sono spesso usati in combinazione. I tag di apertura e chiusura per il testo enfatizzato (corsivo) sono e . L'aggiunta di tag in corsivo a una singola parola nell'esempio di frase tutto in grassetto fa sì che la parola appaia sia in grassetto che in corsivo nella pagina web.

Questa frase apparirà in tutto grassetto a causa dei tag HTML nascosti.

Ogni volta che più tag vengono utilizzati insieme in un elemento di una pagina Web, con alcuni tag che appaiono all'interno di altri, vengono indicati come tag HTML nidificati. Devi ricordarlo tag nidificati, che sono i tag all'interno di altri, devono essere chiusi prima di poter chiudere i tag che li contengono. Guarda questo esempio:

Questo è il testo che è enfatizzato per un motivo specifico.


Dovresti notare che il il tag è aperto all'interno del

, il che significa che deve essere chiuso prima del

viene visualizzato il tag di chiusura. Pensa ai tag nidificati come scatole all'interno di altre scatole. Le scatole interne devono essere chiuse prima del loro esterno, le scatole contenenti lo sono.

Tag HTML e pagine Web

Ci sono dozzine di tag HTML nell'HTML valido. Alcuni tag HTML impongono elementi di base molto comuni come i paragrafi, mentre altri sono più complicati e aggiungono più funzionalità, come i tag link o "anchor". Un elenco di tag HTML fornisce un'istantanea delle molte funzioni che i tag possono eseguire su una pagina Web utilizzando i tag.

Ci sono anche alcuni tag che sono richiesti per tutte le pagine web. Quando crei la tua prima pagina, utilizzerai il file.

Un elenco di tag HTML non è di grande aiuto finché non hai seguito un tutorial HTML, ma dopo averlo fatto, puoi utilizzare i tag HTML per creare la tua pagina web. Una nota, non essere sopraffatto dal numero di possibili tag HTML. Sebbene ci siano centinaia di possibili tag da utilizzare, la realtà è che probabilmente ne utilizzerai solo una manciata più e più volte. In effetti, ci sono alcuni tag HTML che non abbiamo mai usato nemmeno una volta in decenni di lavoro di web design!

Tag obsoleti

HTML5 è l'attuale standard di markup. Alcuni dei tag utilizzati nelle versioni precedenti di HTML sono ora gestiti dai fogli di stile in HTML5. I tag HTML deprecati sono stati rimossi dalle specifiche HTML. È meglio non utilizzare tag obsoleti.

instagram story viewer