|
 5805 696 694
Ora che ci siamo avvicinati ad Internet, possiamo
cominciare a lavorare sul nostro Sito. Un Sito internet e' composto
principalmente da una serie di "Documenti" scritti che
possono contenere Notizie scritte, Immagini animate e non, collegamenti
ad altri documenti (detti "Links" o "Collegamenti
Ipertestuali").
Questi documenti altro non sono files di testo
che contengono al loro interno, oltre al testo da mostrare anche
una serie di "Comandi" speciali che indicano come e
dove tale testo deve apparire oltre che altre caratteristiche
piu' complesse. Tali "Comandi", a differenza del testo
hanno la seguente sintassi:
<Comando>
come possiamo vedere devono essere compresi tra
le parentesi angolari e vengono chiamati comandi (o "tag")
HTML.
Il Linguaggio HTML
HTML sta per Hyper Text Markup Language e consiste
in una serie di Codici che danno delle direttive al Browser su
come deve mostrare una pagina web. Prima di continuare desidero
pare presente che, sebbene l' HTML venga definito "Linguaggio"
non ha niente a che fare con i linguaggi di programmazione, sia
come complessita' che potenza (HTML e' molto semplice da imparare
ma anche molto limitato), infatti sarebbe piu' indicato definirlo
"Sistema di Codici" perche' e' proprio questo di cui
si tratta.
La Nostra prima pagina
Per editare una pagina web abbiamo bisogno di
un Editor di testo anche estremamente semplice come Blocco
Note di Windows o simili. Per avviarlo cliccate sul pulsante
START di Windows, andate sopra la voce PROGRAMMI, quindi sopra
la voce ACCESSORI, e cliccate sulla voce BLOCCO NOTE.
Scrivete i seguenti comandi:
<HTML>
<HEAD></HEAD>
<BODY>
BENVENUTI NELLA MIA PRIMA PAGINA WEB!
</BODY>
</HTML>
Ora salvate il documento scritto andando alla
voce FILE, quindi SALVA, vi apparira' una finestra in cui dovrete
inserire il nome da dare al file che verra' creato, potete chiamarlo
come volete, ad esempio PrimaPagina.html quindi cliccate
sul pulsante SALVA.
Notate che nel nome del file abbiamo forzato
l'estensione .html per fare in modo che Windows possa considerare
questo file di testo una pagina web, altrimenti blocco note ci
avrebbe aggiunto automaticamente l'estensione .txt e Windows l'avrebbe
considerato un documento di blocco note cosa che in questo caso
non vogliamo.
Ora aprite la cartella "Documenti"
(dove di solito blocco note salva i suoi file, a meno che voi
non abbiate modificato questa impostazione) e cercate il file
appena salvato, e apritelo cliccandoci due volte di seguito sopra:
Ora si avviera' automaticamente il vostro Browser
e se avete fatto tutto correttamente vi mostrera' finalmente la
vostra prima pagina web!
Siete soddisfatti di quello che avete appena
fatto? Bene, ora sappiate che per continuare a lavorare sulla
vostra pagina web sara' sufficiente far riapparire blocco note,
modificare o aggiungere testo o comandi HTML, quindi risalvare
e per vedere le modifiche cliccare sul pulsante AGGIORNA del vostro
Browser.
Seguitemi in questa prova:
1) Riandate su Blocco Note (che nel frattempo
e' rimasto aperto) e modificate il codice scritto in questo modo:
<HTML>
<HEAD>
</HEAD>
<BODY>
<H1>BENVENUTI NELLA MIA PRIMA PAGINA WEB</H1>
</BODY>
</HTML>
2) Salvate.
3) Cliccate sul pulsante AGGIORNA del vostro
Browser.
L'Effetto che otterremo sara' questo:
Potete notare come aver posto la frase tra il
tag <H1> e </H1> indica al Browser di visualizzare
tale frase con una grandezza diversa dalla precedente.
Conclusioni
Quello che abbiamo appena imparato ci porta a
comprendere che le pagine web sono file di testo con estensione
.html (o .htm) e che contengono codice HTML che ne determina l'aspetto
grafico e la formattazione. I tag HTML sono molti e in generale
si dividono in:
1) Tag di Struttura. <HTML>, <HEAD>,
<BODY>, <DIV>, <SPAN>, <FRAMESET>, <NOFRAME>
ed altri.
2) Tag di formattazione. <H1>, <H2>,
<H3>, <FONT>, <KBD>, <CODE>, <IMG>,
<P>, <BR>, <HR>, <B>, <I>, <U>
e molti altri.
3) Tag di direttiva. <META>, <TITLE>,
<BGSOUND>, <LINK> ed altri.
I tag HTML spesso sono doppi hanno cioe' un comando
uguale preceduto da un carattere di Barra o Slash (/) per racchiudere
tra questi due tag la parte di pagina che deve subire l'effetto
che tale comando comporta, ne abbiamo visto un esempio con il
tag <H1> precedentemente:
<TagHtml>Testo ed altri Tag </TagHtml>
Quasi tutti i tag inoltre possiedono degli Attributi
che permettono di modificare il loro effetto o di passare dei
Parametri necessari al loro corretto funzionamento alcuni
sono obbligatori e altri facoltativi:
<TagHtml Attributo="ValoreParametro">
|
SALA
GIOCHI
3/SET/10 
UTENTI
ON-LINE:073
SEGNALA
IL SITO AD UN AMICO 
