Home   About Me   Guestbook   Guide

Introduzione all'HTML


HTML è l'acronimo di HyperText Markup Language ed è il linguaggio per la creazione della struttura di pagine Web e per la gestione dei suoi contenuti.

I tag HTML sono racchiusi nel minore (<) e maggiore (>).
I contenuti che una pagina Web mette a disposizione dei navigatori sono i seguenti:
  • testi (titoli e paragrafi);
  • elenchi (numerati e puntati);
  • immagini;
  • link;
  • tabelle;
  • form (moduli di raccolta dati);
  • file multimediali (audio e video).
In questa guida HTML li esamineremo tutti nello specifico.

Iniziamo a creare un documento HTML di test, tanto per cominciare a familiarizzare con l'argomento; è sufficiente creare un nuovo documento di testo col Notepad (o Blocco note) di Windows e rinominarlo da .txt a .html o .htm.

Con un doppio click sull'icona del file HTML vedremo aprirsi il browser MS Internet Explorer, oppure il browser predefinito che si è scelto di utilizzare.

Per giungere al codice HTML di una pagina è sufficiente utilizzare il menu del browser: 
Visualizza / HTML
A questo punto possiamo iniziare a scrivere il codice.

E' necessario innanzitutto sapere che i comandi che compongono il codice HTML prendono il nome di tag e sono formati dal nome del tag, eventuali attributi ed omonimo tag di chiusura li dove previsto (nel 99% dei casi).

Un tag è racchiuso nei simboli aritmetici di minore (<) e maggiore (>); è indifferente scriverli in maiuscolo o in minuscolo, ma dato che le regole dell'HTML consigliano il minuscolo e che quelle dell'XHTML lo impongono, tanto vale abituarsi bene.

Vediamo un esempio di struttura di una generica pagina HTML: 
<html>
<head>
<title>Titolo della pagina...</title>
</head>
<body>

<!-- Questo è un commento! -->

</body>
</html>
Il simbolo / rappresenta la chiusura di un tag; la chiusura va sempre impostata "a specchio" ovvero: 
a
b

/b
/a
e non: 
a
b

/a
/b
per intenderci.

Un documento HTML inizia e finisce sempre con la coppia di tag <html> e </html>; il contenuto visibile sulla pagina viene racchiuso tra i tag <body> e </body> ma prima di questo elemento esistono le intestazioni, comprese tra i tag <head> e </head>.

In questo momento nell'header (intestazione) della pagina troviamo il tag <title> con relativa chiusura </title> che rappresenta il titolo che compare nell'omonima barra del browser, in alto a sinistra.

Si consiglia di dare sempre un titolo sensato ad una pagina, per favorire anche l'indicizzazione nei motori di ricerca.

Torneremo sull'header di una pagina HTML in altri punti della prsente guida.

Torna indietro