Introduzione a HTML

1. Documento HTML

Come probabilmente già sai, tutti i siti web su internet sono fatti di pagine web. Queste vengono anche chiamate pagine HTML. Ma cos'è questo "animale"?

Un documento HTML è un file di testo che consiste di testo e tag. I tag sono stati inventati negli anni '70 del secolo scorso, per permettere alle persone di aggiungere nei documenti informazioni di servizio per i programmi che elaborano tali documenti.

Un tag è una parola chiave (di servizio), spesso in lingua inglese, che viene racchiusa tra parentesi angolari (i simboli "maggiore di" e "minore di"), in modo che i programmi non confondano i tag con parole normali.

Esempio:

<img>

Un tag può anche contenere varie informazioni di servizio utili per il programma che elabora il documento.

2. Esempio di documento HTML

Il programma più popolare per lavorare con i tag è il browser. Tutto ciò che vedi nel tuo browser è il risultato dell'elaborazione dei tag inclusi nel documento HTML.

Supponiamo che il browser mostri una pagina come questa:

Manul Il Mànul è un mammifero carnivoro della famiglia dei felidi. Nella forma e nelle dimensioni assomiglia a un gatto domestico, ma si distingue per il corpo più corto e massiccio, le zampe, le pupille rotonde, le orecchie basse e la lunga e folta pelliccia.

Ecco come appare il suo documento HTML:

      
<h1>Manul</h1>
<p> Il Mànul è un mammifero carnivoro della famiglia dei felidi. Nella forma e nelle dimensioni assomiglia a 
<a href="#">un gatto domestico</a>, ma si distingue per il corpo più corto e massiccio, le zampe, 
le pupille rotonde, le orecchie basse e la lunga e folta pelliccia. </p>
<img src="manul.jpg">
      
    

In questo esempio vediamo testo e tag: h1, p, a e img. Il browser ha riconosciuto i tag e ha trasformato il testo al loro interno in un titolo, un link e ha aggiunto un'immagine sotto al testo. È pura magia!