Benvenuti alla prima lezione di HTML sul forum StreetRupert !!!
Piccola premessa : in questa, come in tutte le altre lezioni userò per gli esempi di codice le prentesi tonde () e non quelle uncinate <> perchè se uso quelle uncinate, il pc prende le parentesi con tutto quello che c'è dentro come una parte di codice della pagina, e in questo modo non farebbe apparire l'esempio. Voi ricordatevi SEMPRE di usare quelle uncinate <> !!!Che cos'è l'HTML ?L'
HTML (acronimo di
Hyper
Text
Markup
Language) è il linguaggio con cui è scritto il codice sorgente di una pagina web. Questo codice è stato ideato nel 1992 da
Tim Berners-Lee mentre lavorava al CERN di Ginevra: il suo intento era quello di permettere una agevole condivisione di tutti i documenti prodotti dalla comunità scientifica. Il linguaggio è diventato popolare grazie al primo
browser:
NCSA Mosaic.
Ora grazie a questa piccola introduzione possiamo incominciare a studiare il linguaggio vero e proprio.
Incominciamo col dire che le istruzioni HTML, che indicano come dovranno essere formattati i contenuti della pagina, sono espressi sotto forma di
marcatori, ovvero di "etichette". Questi marcatori, o etichette, vengono chiamati
tag e si distingono dai contenuti veri e proprio della pagina perchè sono posti tra 2 parentesi uncinate (
<>); inoltre i tag hanno diversi nomi a seconda della funzione che essi svolgono.
Abbiamo dunque un tag di apertura espresso nella forma (nometag) e un tag di chisura che si contraddistigue da quello di apertura poichè è presente una barra obliqua, che viene comunemente chiamata slash:
(/nometag).
Ad esempio, se vorremmo far diventare una determinata scritta in grassetto, dovremmo usare il marcatore, o etichetta corrispondente
, ovvero "bond" (grassetto in inglese).
Se invece, per esempio, vorremmo attribuire ad una scritta un font, una dimensione e un colore dovremmo procedere in questo modo :
------- font----------dimensione-------colore
-------- |------------------ | ------------ |
(font face="Verdana" size="2" color="red")scritta(/font) <---- chiusura tag
Le regole sintattiche del codice HTML permettono l'annidamento di un tag all'interno di un altro.Il primo tag ad essere aperto, sarà anche l'ultimo ad essere chiuso, come vediamo in questo esempio :
-(nometag1)
- contenuto1
- (nometag2)
- contenuto2
- (/nometag2)
-(/nometag1)
Struttura di una pagina HTML
Come abbiamo visto, nel linguaggio HTML è possibile annidare un tag all'interno di un altro. Anzi, la struttura di una pagina HTML prevede abbligatoriamente la presenza di un tag "radice", all'interno del quale sono inseriti tutti gli altri marcatori. Questo marcatore iniziale è il tag (html): la sua funzione infatti è quella di segnare che stiamo editando un file HTML. Ognuno di questi file inizia con il tag <b>(html) e termina con il tag
(/html).
Il linguaggio HTML prevede un uso obbligatorio di altri due marcatori:
(head) e
(body).
Quindi lo "scheletro essenziale del codice sorgente di una pagina web sarà dunque il seguente :
1. (html)
2. (head) (/head)
3. (body) (/body)
4. (/html)
Potremmo pensare alla struttura essenziale del codice sorgente di una pagina web come ad una persona :
E con questo abbiamo terminato la prima lezione di HTML !!!
Spero che sia facilmente comprensibile, infatti ho cercato di usare dei termini comprensibili a tutti.
Allora non mi resta che dirvi "alla prossima lezione ".
Ciao raga !!!!
(vj96)