The Structure of HTML

Prima di iniziare ad usare l'HTML è importante comprenderne la struttura. Poiché si tratta di un linguaggio di markup, lo userai per mettere in risalto diverse porzioni del tuo contenuto, un po' come quando usi un evidenziatore.

Elementi HTML

L'HTML è composto da elementi e dovrai usarli per creare il tuo markup. Di seguito viene riportato un esempio di come sia possibile usare i marcatori in un semplice paragrafo di testo.

<p>This paragraph is part of my content</p>

Quello che abbiamo qui è una frase ("Questo paragrafo è una parte del mio contenuto") che è stata inserita fra <p> e </p>. I marcatori <p> e </p> vengono chiamati tag. Ogni tag è composto dal segno "<", da un'abbreviazione, e dal segno ">". Nel nostro esempio, p sta per paragrafo. Insieme, i tag <p> e </p> creano un elemento. Ogni elemento in HTML inizia con un tag d'apertura (in questo caso <p>) e nella maggior parte dei casi con un tag di chiusura (ovvero </p>). All'interno dei marcatori di apertura e chiusura trovi il contenuto effettivo.

Elementi vuoti

La maggior parte degli elementi in HTML sono come i tag <p></p>, ma alcuni sono quelli che in gergo chiamiamo elementi vuoti. Fra questi il line-break, che vediamo qui di seguito:

<br />

Come puoi vedere, non esiste un tag di chiusura e l'elemento non comprende alcun contenuto, per questo viene chiamato elemento vuoto. In quanto tale, viene chiuso alla fine del tag con il segno /. Anche se non è necessario usare / alla fine di un elemento vuoto, viene considerato una buona pratica farlo. Bisogna quindi abituarsi ad inserirlo. (Come ho detto prima, il tag è costituito da un'abbreviazione ed in questo caso br sta per break.

Tip!

Quando i browser leggono il tuo documento in HTML5, non si curano del fatto che tu scriva i tag in maiuscolo o minuscolo. Altri sviluppatori però lo fanno! Potresti scrivere lo stesso tag linebreak in modi diversi, come:

<BR />
<bR />
<Br />
<br />

Viene considerato un buon metodo scrivere tutti i tag in minuscolo, in modo da aumentare la leggibilità, ed è anche considerato professionale farlo.

Che cosa hai imparato

• Un elemento HTML inizia con un tag di apertura
• Un elemento HTML termina con un tag di chiusura
• Un tag HTML inizia con un < e termina con un >
• Le lettere tra <e> sono abbreviazioni
• Il contenuto dell'elemento è tutto ciò che si trova fra il tag di inizio ed il tag di fine
• Alcuni elementi HTML sono vuoti
• Gli elementi vuoti vengono chiusi nel tag iniziale
• Abituati a digitare tutti i tuoi tag in minuscolo, in quanto viene considerata una buona pratica