A cosa serve il linguaggio HTML
Si farebbe prima a dire a cosa non serve il codice HTML: molto banalmente, non esisterebbe alcun sito web senza. Nessuna pagina da visitare, nessun articolo da leggere, nessun e-commerce su cui acquistare. Ogni volta che visiti un sito, quello che vedi – testi, immagini, titoli, link, tabelle, video…– è reso possibile proprio grazie alla presenza di codice HTML, che serve a strutturare, organizzare e descrivere i contenuti di una pagina web. Ti sei mai chiesto come sia possibile che quel paragrafo sia proprio in quella posizione, e che lì rimanga? È per via dell’HTML, che gli ha assegnato un posto, se così vogliamo dire.
Questo linguaggio non si occupa dell’aspetto estetico o delle animazioni, quindi, ma definisce la struttura logica e gerarchica della pagina, indicando al browser il ruolo e la funzione di ogni elemento. E lo fa, come abbiamo detto prima, attraverso dei tag, elementi fondamentali che possiamo immaginare come delle etichette, che indicano al browser il modo giusto di interpretare e visualizzare ogni parte del contenuto. “Questo è un paragrafo di testo”, “Qui c’è un’immagine con didascalia”: sono queste le indicazioni che danno i tag, senza però utilizzare tutte queste parole. Ogni tag è racchiuso tra parentesi angolari (< >) e viene usato in coppia: un tag di apertura, e uno di chiusura, con l’aggiunta di una /. Esistono anche tag che non richiedono chiusura, come <img> per le immagini o <br> per andare a capo: in questo caso, si tratta di tag self-closing.
Ma vediamo un esempio per capire meglio la questione dei tag:
<h1>Benvenuto nel mio sito</h1>
Tra i due tag si trova il contenuto da visualizzare (in questo caso, un semplice testo). E la dicitura h1 del tag serve a indicare che quel contenuto è un Heading 1, ovvero un titolo principale. Se nel codice comparisse anche qualcosa come:
<h2> Chi sono </h2>
allora staremmo parlando di un titolo H2 –un sottotitolo–, ovvero gerarchicamente meno importante rispetto al precedente. Se ci fossero anche <h3> e <h4>, sarebbero meno importanti ancora e così via.
Per cosa si usano i tag, quindi? Per organizzare tutto ciò che compare in una pagina web. Vale a dire:
- Creare titoli: <h1>, <h2>, ecc.
- Inserire immagini: <img>
- Creare collegamenti ipertestuali: <a> (inserendolo, trasformi il contenuto in un link cliccabile)
- Organizzare contenuti in liste: <ul>, <ol>, <li>
- Strutturare le pagine in sezioni: <header>, <section>, <footer>
e molto altro, ma queste sono le basi fondamentali per la struttura di un sito web.
>>> Guarda i nostri corsi e scegli quello che fa per te <<<
