Guida al linguaggio HTML |
Ok, l' HTML (Hyper Text Markup Language - linguaggio di 'marcatura' di Ipertesti) non e' realmente un linguaggio di programmazione: e' piuttosto un modo per dire ai browser web COME mostrare una data pagina di testo. Usando l' HTML, puoi dire al browser web: 'questo e' un titolo, questo e' del semplice testo, questo e' un collegamento (link) ad un' altra pagina, questa e' un' immagine e cosi' via...Una pagina HTML e' chiamata solitamente 'documento'. Tutto cio' che ti serve per costruire una pagina HTML e' un semplice editor di testi! I comandi per 'parlare' ad un browser web sono chiamati 'TAG'. Tutti i tag iniziano sempre con '<qualcosa> e terminano con </qualcosa>. Di conseguenza, non puoi scrivere semplicemente i caratteri '<' o '>'. Infatti, se scrivi qualcosa - che non e' un tag - all' interno dei caratteri '<' e '>', diciamo: '<questo non e' un tag>', il browser web lo interpretera' come un tag, e cio' provochera' un errore. Si verifica lo stesso problema con i caratteri speciali come le lettere accentate. Cosi', c' e' un modo per scrivere questi caratteri: &nome. Dove 'nome' e' un nome particolare secondo lo standard ISO 8859/1. Per esempio, il nome del carattere '<' e' < (significa 'less than' - minore di) ed il nome del carattere '>' e' > (significa 'greater than' - maggiore di). Questo e' il set di caratteri ISO. Comunque potresti anche scrivere cosi': &#ASCII, dove ASCII e' il carattere come specificato nel codice ASCII. Per esempio, '<' e' 60 e '>' e' 62 (secondo il codice ASCII) cosi' potresti scrivere <qualcosa> invece di <qualcosa>. Ognuno di loro sara' interpretato come: <qualcosa>.
Le pagine HTML sono connesse le une con le altre attraverso dei collegamenti (link). Comunque non devi dimenticare che puoi specificare link ad altre pagine HTML, a servizi Gopher, host FTP, Newsgroups, file locali e cosi' via. Ma ora ti devo dire un po' di piu' su questi link. L' HTML fu sviluppato nel 1989 da alcuni ricercatori del CERN. Prima di tutto venne definito il modo per 'linkare' differenti servizi e documenti gli uni con gli altri. Cosi' vennero definiti gli URL. Un URL (Uniform Resource Locator - piu' o meno: localizzatore di risorse generalizzato) e' qualcos come questo: http://www.wowarea.com. Ma anche ftp://ftp.wowarea.com e' un URL. In altre parole, la struttura di un URL e': servizio://indirizzo_IP. I servizi sono:
Dopo il nome del servizio c' e' '://' e poi l' indirizzo IP. Dopo 'mailto' e 'news', c'e' solo ':', senza '//'. Gli indirizzi IP sono 4 serie di numeri divisi l' un l' altro da un punto. Come questo: 123.123.123.123. Cosi' questo e' un URL per esempio: http://123.123.123.123. Ma non puoi ricordare tutti questi numeri, percio' l' indirizzo IP ha un corrispondente indirizzo piu' naturale per gli uomini. Beh, ora conosci il significato di questo link per esempio: ftp://ftpsite.com/pub/usr/software/file.exe... No, non ancora. Non ti ho spiegato che gli URL sono composti da: il servizio, l' indirizzo IP (od il nome), e, spesso da un 'path' e talvolta da una 'porta'. Cose' e' un 'path'? Beh, i dischi dei computer sono spesso organizzati usando delle 'cartelle' o 'directory' o 'sottodirectory'. Cosi' in quell' URL, il sito 'ftpsite' ha una directory 'pub' che contiene una directory 'usr' che contiene una directory 'software' che contiene un file chiamato 'file.exe'. Una porta e' un numero usato per definire un certo servizio, cosi', per esempio, i servizi FTP di solito usano la porta '21' ed i servizi Telnet usano la porta '23'.
Ok, ora parliamo della struttura dei documenti HTML...Tutti i documenti HTML hanno questa struttura:
<html>
<head>
</head>
<body>
</body>
</html>
Percio' apri il tuo editor di testi preferito (Notepad, Word, etc...), poi digita il testo rosso qui sopra. Infine salvalo come 'Miapagina.html'. Questa e' una pagina HTML!
I commenti iniziano con '<!-' e terminano con '->', cosi: <!- questo e' un commento ->
Il testo all' interno dei tag <head> e </head> fornisce delle informazioni di alto livello riguardo il documento stesso, al browser web. Cosi' per esempio puoi mettere qui il titolo di una pagina usando i tag <title> e </title>:
<html>
<head>
<title>Questo e' il titolo di questa pagina! </title>
</head>
<body> Qui puoi scrivere il testo. Questo e' il corpo della tua pagina e puoi scrivere qualsiasi cosa all' interno dei tag <body> e </body>...se usi dei commenti, i browser web li ignoreranno, cosi' questo testo: <!- questo e' un commento ed i browser non lo mostreranno!-> sara' nascosto...
</body>
</html>
All' interno dei tag 'body', puoi definire le regole generali su COME vuoi che sia mostrata la pagina. Cosi' qui puoi definire i colori dello sfondo, i colori del testo ed i colori dei link. I colori sono definiti tramite una 'notazione esadecimale' chiamata RGB (i colori Red, Green e Blue). Devi usare questa notazione cosi': #nnnnnn, dove 'nnnnnn' sono numeri esadecimali. Per esempio '#000000' significa 'black' e '#ffffff' significa 'white'. Non preoccuparti: c' e' una tabella contenente i colori e la corrispondente notazione esadecimale qui! Cosi' questa e' la struttura del tag <body>:
<body bgcolor="#nnnnnn" text="#nnnnnn" link="#nnnnnn" vlink="#nnnnnn" alink="#nnnnnn"></body>
Solo un' altra cosa: puoi mettere un' immagine all' interno del parametro background. Per esempio puoi scrivere cosi': background="image.gif" invece di un numero esadecimale. Cosi' vedrai la tua immagine mostrata su tutta la pagina! Ok, ora puoi scrivere la tua PRIMA (anche se rozza) pagina web!
Comunque ci sono vari tag che dovresti conoscere:
Ed infine un' ultima cosa: ogni browser web e' diverso da tutti gli altri. Percio' la stessa pagina sara' un po' diversa in base al browser web utilizzato: Netscape o Internet Explorer...
Home Pag. prec. Chi siamo? Scrivici!
Copyright (c) 1998-2006 Wowarea