Untitled Document

La nostra prima pagina in HTML

Dopo la breve presentzione della prima lezione di questa guida ritengo opportuno passare subito alla pratica.
Se avete Windows andate su Start > Accessori > Blocco Note

Ora che avete davanti la vostra paginetta bianca inserite (fate un bel copia incolla) il codice qui sotto:

<HTML>
<HEAD>
<TITLE>Titolo della pagina</TITLE>
</HEAD>
<BODY>
...
Contenuto della pagina...
...
</BODY>
</HTML>

Salvate il documento come "pagina.html".
Ora aprite il documento che avete appena creato (facendo un semplice doppio click con il mouse sull‘icona del file) e vedrete aprirsi il vostro browser.

il codice Html che vi ho fornito qui sopra costituisce l‘ossatura di base di ogni pagina web. I tag <HTML> e </HTML>; costituiscono, rispettivamente il tag di apertura e di chiusura dell‘intero documento.
Nella sezione Head (Intestazione) abbiamo inserito solamente il titolo (tra <TITLE> e </TITLE>).
Tra <BODY> e </BODY> inseriremo il contnuto della nostra pagina web.

All‘interno del tag di apertura di BODY (<BODY>) possiamo aggiungere una serie di informazioni supplementari che andranno ad arricchire l‘aspetto della nostra pagina web.
Ecco uno schema d‘esempio:

BGCOLOR è il colore dello sfondo della nostra pagina

TEXT il colore del testo del documento

LINK il colore delle parole linkate

VLINK il colore del testo per i link già visitati

ALINK il colore del testo al momento del click sul link

Le "X" (#xxxxxx) rappresentano il valore dei colori di ogni singolo elemento.
I colori sono espressi in RGB in formato esadecimale (ad es. #000000 corrisponde a R=0 G=0 B=0, quindi nero; #FFFFFF corrisponde a R=255 G=255 B=255 quindi bianco).
se come sfondo vogliamo utilizzare una immagine o una texture al posto di BGCOLOR si utilizza BACKGROUND="immagine.jpg" (in questo caso l‘immagine indicata verrà ripetuta continuamente fino a ricoprire l‘intero sfondo della pagina web, per questo motivo è sempre consoigliabile usare immagini modulari).

Come avrete capito i tag sono evidenziati dai simboli minore (<) e maggiore (>) che racchiudono il comando.
Quasi tutti i tag prevedono poi una chiusura che è data dalla ripetizione della parola del tag di apertura preceduto da una slash (/)
Ad esempio: <TITLE>...</TITLE>

Un esempio di tag che non necessita di chiusura è il tag BREAK ( ) che serve per andare a capo nel testo.

Formattazione del testo

Prima di vedere come inserire suoni, immagini o quant‘altro credo sia opportuno soffermarsi un attimo sul testo e su come formattarlo correttamente.
Come abbiamo già detto il testo va inserito nel corpo del documento (tra <BODY> e </BODY>).

Per modificare lo stile del carattere si usa il tag .
Ecco un esempio di utilizzo:

Testo...

I diversi attributi del tag Font che abbiamo visto qui sopra sono:

FACE che identifica lo stile del carattere da usare

SIZE ha valore numerico e determina la dimensione del carattere

COLOR determina il colore del testo marcato

Oltre al tag font bisogna ricordare:

 e (Bold) si usa per scrivere in grassetto

 e (Underlined) si usa per scrivere sottolineato

 e (Italic) si usa per scrivere in corsivo

Esempio:

Grassetto (esempio: Grasetto)

Sottolineato (esempio: Sottolineato)

Inclinato (esempio: Inclinato)

e che, rispettivamente, aprono e chiudono un paragrafo
Il tag in questione può avere come attributo "align" che seve per determinare l‘allineamento del testo (i valori sono: center, left, right, justify).
Ad esempio:

Testo centrato...

si usa per andare a capo (non necessita di chiusura)

Tutti i tag qui sopra possono essere poi combinati tra loro per ottenere i diversi risultati. Facciamo un esempio:

<HTML>
<HEAD>
<TITLE>Titolo della pagina</TITLE>
</HEAD>
<BODY>


 Contenuto della pagina... 
Sono andato a capo...



</BODY>
</HTML>

Lezione 3 in costruzione	Lezione 4 in costruzione
Lezione 5 in costruzione	Lezione 6 in costruzione
Lezione 7 in costruzione	Lezione 8

Html

I film più visti

Guide

La nostra prima pagina in HTML

Formattazione del testo