Home Page Servizi per i webmasters Guadagnare con internet Contattateci

Lezioni disponibili:

Lezione 1: Tag e struttura di una pagina html.

La maggior parte dei documenti consultabili via web sono scritti in un linguaggio detto html (hypertext markup language), ovvero in quel linguaggio nato ed evolutosi per la scrittura di ipertesti. Buona parte del successo e della relativa diffusione di questo linguaggio è dovuto al fatto che programmare in HTML non è nè difficile nè costoso. Basta infatti disporre di un editor di testo non formattato (il BloccoNote di Windows è perfetto) e conoscere l'uso di alcuni elementi detti tag.
Vi sono due tipi di tag, rispettivamente di apertura e di chiusura. Un tag di chiusura è inserito tra due segni, uno di minore e l'altro di maggiore, mentre un tag di chiusura è formato da un segno di minore, una slash ('/') ed un segno di maggiore. Il tag più importante è il tag HTML che delimita l'apertura e la chiusura di una pagina web. Ecco come si usa:

<HTML>
.......................
</HTML>

Ovviamente, invece dei puntini bisogna inserire il codice che descriva la pagina che stiamo creando.

Vediamo ora come è strutturata una pagina html guardando subito un piccolo esempio:

<HTML>
  <HEAD> 
  </HEAD>
  <BODY>
  Ecco il mio primo esempio.
  </BODY>
</HTML>

Come già detto la pagina è delimitata dai tag di apertura e di chiusura HTML. All'interno si distinguono nettamente due porzioni di codice, l'intestazione ed il corpo, delimitate rispettivamente dai tag HEAD e BODY. Nell'intestazione sono raccolte informazioni sulla pagina, come ad esempio il suo titolo. Si noti che il titolo non viene visualizzato direttamente nel documento, ma nella barra del titolo del browser. Nel corpo invece si devono inserire le informazioni che devono essere visualizzate all'interno del documento.

Nota: per utilizzare l'esempio proposto è sufficiente copiarlo nel blocco note e salvare il tutto con l'estensione .html o .htm.