Programmazione Web - Guida HTML

Un contenuto ipermediale, ossia l'insieme di parti testuali, immagini, suoni e così via, che possa essere facilmente letto o meglio che permetta di "navigare" a tutti gli utenti di internet e sia universalmente riconosciuto da tutti i computer che possono collegarsi a internet è l'HTML, acronimo di Hyper Text Markup Language (linguaggio per la marcatura di ipertesti).

Il documento HTML è formato da:

Contenuto (quello che si intende visualizzare)

Struttura (collegamenti con altri documenti, oggetti multimediali, programmi da esseguire all'interno del documento)

Presentazione (la grafica del documento)

Le istruzioni HTML vengono espresse tramite particolari codici che prendono il nome di tag ("contrassegno", da cui deriva il termine markup nella sigla HTML) o marcatori:


<CODICE-ISTRUZIONE>	(codice di inizio istruzione ovvero tag iniziale)
Esempio	(Parte su cui ha effetto l'istruzione)
</CODICE-ISTRUZIONE>	(codice di fine istruzione ovvero tag finale)

Ad esempio, l'istruzione TITLE permette di definire il titolo da dare all'intero documento:


<title>	(istruzione)
Titolo del documento	(contenuto)
</title>	(fine istruzione)

Sottolineo poi che l'HTML non � un linguaggio case-sensitive (cioè sensibile al fatto che i caratteri siano scritti in maiuscolo o minuscolo), pertanto i tag possono essere scritti indifferentemente in maiuscolo o minuscolo.

Analizziamo adesso la struttura di una pagina HTML. La prima cosa è che al browser gli devi dire che parlerai nel linguaggio HTML, per cui il documento inizierà con il tag <html> e naturalmente quando l'intero documento sarà finito dovrà essere chiuso con </html>. Successivamente alla dichiarazione del linguaggio, abbiamo bisogno di una testata che contiene informazioni sul tuo documento, e successivamente il corpo del documento.
In questo esempio possiamo vedere come è strutturata una pagina html:


<html>	(dichiarazione linguaggio)

<head>
	(informazioni sul ducumento quali titolo, etc.)
</head>
<body>
	(tutto il contenuto visualizzabile della pagina)
</body>

</html>

... e successivamente il codice completo della nostra prima pagina html:

<html>
<head>
<title>Il mio Sito web</title>
</head>
<body>
Questo è il mio sito web
</body>
</html>

Questo può essere scritto semplicemente con il "Block Note o Notepad " di Windows e poi salvato con il nome del file ed estensione htm o html, es.: miofile.html

Adesso che abbiamo realizzato la nostra prima pagina dovremo imparare i tag html per scrivere ad esempio in grassetto o corsivo. Da notera che si possono usare i diversi tag anche contenporaneamente evitando però la sovrapposizione. In questo esempio vediamo come scrivere un testo in grassetto e in corsivo contemporaneamente:

Testo in grassetto e in corsivo (Corretto)
Testo in grassetto e in corsivo (Sbagliato !)

Realizziamo ora una pagina con il codice che segue e salviamola come miofile.html poi apriamola nel browser e visualizziamo il risultato ottenuto:

<html>
<head>
<title>Il mio Sito web</title>
</head>

<body>

Questo è il mio sito web
Testo in grassetto
Testo in grassetto e in corsivo

</body>
</html>

Adesso non ci resta che conoscere tutti i Tag HTML consultando il capitolo successivo.

pagina 1 2