§1.1 Qualche definizione

HTML (Hyper Text Markup Language) è il linguaggio dei documenti dei siti web.

I documenti presentati nei siti web sono ipertesti.

Un ipertesto è un documento che, in aggiunta al testo ordinario, può contenere riferimenti a file di tipo diverso quali quelli contenti immagini, suoni, filmati o ad altri ipertesti e istruzioni di formattazione.

I browser web quali Mozilla Firefox, Chrome, Internet Explore, etc..., sono programmi in grado di restituire (rendere disponibili agli utenti), i contenuti dei documenti web, pagine web.

Una pagina web è l'insieme di un file di testo scritto nel linguaggio HTML (un file di estensione html) e degli eventuali altri file utilizzati nella pagina quali ad esempio immagini o foto.

Il file html relativo a questa pagina contiene le stringhe di testo visualizzate, precedute da stringhe racchiuse fra parentesi angolari che sono comandi per i browser.

Un documento HTML è formato da un insieme di tali "elementi" contrassegnati da etichette (tag) di apertura e chiusura,innestati uno nell'altro secondo una gerarchia ad albero la cui radice è l'elemento html, le cui foglie sono gli elementi di testo e che rispettano un modello ad oggetti chiamato HTML DOM (Document Objet Model for HTML).

Il modello DOM definisce gli elementi come oggetti dotati di proprietà (properties), che rispondono ad eventi (events) secondo programmati comportamenti (methods).

§1.2 Esempio di documento HTML

.<!DOCTYPE HTML >
.<html lang="en">
.....<head >
..........<title>Esempio di documento HTML</title>
..........<meta name="author" content="Claudio Minelli"/>
..........<meta name="description" content="Documento HTML di esempio"/>
..........<link rel="stylesheet" href="ClaMin.css" type="text/css" media="screen"/>
.....</head >
.....<body>
..........<h1>DOCUMENTO DI ESEMPIO</h1>
..........<p>Utilizzo questo esempio per presentare la struttura generale di una pagina web:</p>
..........<p>La tag !DOCTYPE HTML "dice"al browser che quello che segue è un documento conforme allo standard HTML5,
................lo standard corrente di HTML".</p>
..........<p>L'elemento html rappresenta la radice di un qualunque documento HTML.
................l'elemento html contiene un elemento head seguito da un elemento body.</p>
..........<p>L'elemento head contiene metadati. I metadati sono dati contenenti informazioni
....................sul documento stesso, quali titolo, autore, contenuto e molte altre informazioni utilizzabili dai software
....................di restituzione e dai motori di ricerca e non vengono visualizzati nella pagina web.
....................Ad esempio l'elemento link qui utilizzato specifica che per la restituzione della
................... pagina deve essere utilizzato il foglio di stile ClaMin.css.</p>
..........<p>L'elemento body contiene tutti i dati propri del documento presentati nella pagina o necessari per
...................i collegamenti o per l'attivazione dei contenuti multimediali.</p>
..........<p>Questo pezzetto di testo, emendato dai puntini che ho utilizzato come rozzo metodo per l'indentazione,
...................l'ho copiato nel file EsempiDoc.html. Il file che contiene la pagina corrente è IntroHTML.html.
...................<a href="IntroHTML.html" target="_parent"> Clicca qui per tornare all'introduzione</a></p>
.....</body >
.</html >

Clicca qui per vedere come si presenta il documento di esempio.

L'esempio appare su sfondo verde perchè nell'elemento body ho specificato l'attributo bgcolor="lightgreen". Tutti gli aspetti "estetici" della formattazione è preferibile definirli in un foglio di stile (.css) collegato al documento .html mediante un elemento link inserito nell'elemento head.

Anche se HTML consente di specificare completamente tutti gli aspetti visuali delle pagine conviene da subito studiare ed utilizzare CSS (Cascadind Style Sheets).