BREVE TUTORIAL LINGUAGGIO HTML – PARTE 1

LINGUAGGIO HTML

Il linguaggio per creare pagine Web è HTML  (HyperTextMarkup Language).

Un documento Html è un file che contiene solo testo. Per creare un documento Html  è possibile utilizzare:
•	semplice text editor (blocco note);
•	editor visuali,  in grado di tradurre il testo digitato come in word, in codice Html (es. FrontPage, DreamWeaver).

Comunque, è importante conoscere i tag e allenarsi con il blocco note prima di utilizzare un editor visuale perché: si possono usare tag che l’editor non usa, puoi sapere come modificare a tuo piacimento i tag di un editor, puoi copiare tag che ti interessano ed inserirli nella tua pagina …
Una pagina Html è un semplice file di caratteri  ASCII (American Standard Code for Information Interchange - Codice di rappresentazione dei caratteri alfanumerici creato per scambiare dati da un sistema informatico a un altro - Utilizza solo 128 caratteri e non ha lettere accentate) contenente: 
•	il testo da visualizzare; 
•	stringhe che cominciano con il carattere & per inserire accenti e caratteri speciali; 
•	TAG racchiusi tra i caratteri < > che:
o	modificano il formato dei caratteri e dei paragrafi 
o	modificano i colori 
o	organizzano tabelle 
o	inseriscono immagini, suoni e animazioni 
o	inseriscono i links (collegamenti) con le altre pagine. 

Produrre pagine html consiste quindi in 
•	scrivere un file ASCII con qualunque editor, contenente particolari tag che svolgono funzioni differenti. Ogni tag è identificato da un nome racchiuso tra <> in modo che il browser possa distinguere tra testo e istruzioni HTML. Ogni segnale e terminato racchiudendo il nome tra </> 
•	assegnare al file un nome con estensione .htm o .html 

I primi quattro elementi che definiscono la pagina sono <HTML> <HEAD> <TITLE> <BODY>.
<HTML>
<HEAD>
<TITLE>La mia prima pagina HTML</TITLE>
</HEAD>
<BODY>Qui inserisco il mio testo, tabelle immagini.
</BODY>
</HTML>

Html
<HTML>:é il primo tag presente in ogni documento HTML e specifica che si tratta di un  file scritto in linguaggio HTML. Tutto il testo e gli altri tag si trovano all'interno dei tag HTML iniziale e finale (<HTML></HTML>)

Head
Il secondo elemento, <HEAD>, specifica che le linee comprese fra il punto iniziale e quello finale del tag  e non viene visualizzato sullo schermo della pagina Web (<head></head>).
Spesso nella sezione "head" troviamo Javascript che è un linguaggio di programmazione per pagine HTML più complesse.

title
La funzione del titolo del documento è quella di consentire di rintracciare nel Web la pagina, per questo il titolo deve essere scelto in modo appropriato. Il titolo si vede in cima alla tua finestra browser quando la pagina è scaricata.

Body
L'elemento <BODY>contiene la pagina che sarà visualizzata. Contiene il testo della pagina, i collegamenti , testi, immagini, tabelle …

Dimensione dei caratteri
La dimensione del carattere in un documento HTML può essere espressa:
<font size="n">digito il testo</font>
n è un numero che va da 1 a 7
La dimensione per default del font è 3. Se si usano gli indici 1 o 2 si ottiene un font più piccolo rispetto al testo normale, mentre con 4, 5, 6 e 7 si ottiene un font ingrandito.
Ed anche:
<H6>mio testo</H6>

Allineamento del testo
Il nome dell'attributo di allineamento del testo  è align, e i valori possibili, che specificano il tipo di allineamento, sono: 
•	center 
•	left 
•	right 
<H5 align=right>mio testo</H5>
posso anche scrivere:
<center>mio testo</center>

Paragrafi 
tag <P>, manda il testo a capo.
<h2>Un gabbiano</h2>
<p>Sulla sponda del mare ho visto un gabbiano.</p> Ero in vacanza

___________
<HTML>
<HEAD>
<TITLE>La mia prima pagina HTML</TITLE>
</HEAD>
<BODY><h2>Un gabbiano</h2><p>Sulla sponda del mare ho visto un gabbiano.</p>Ero in vacanza.
</BODY>
</HTML>

<BR>
Spezza la riga, producendo un "a capo", ma senza introdurre una riga vuota e senza interrompere l'unità concettuale del capoverso.
___________
<HTML>
<HEAD>
<TITLE>La mia prima pagina HTML</TITLE>
</HEAD>
<BODY><h2>Un gabbiano</h2><p>Sulla sponda del mare ho visto un gabbiano.</p>Ero in vacanza. <br>Mi capita ogni anno di vederne qualcuno quando il mare è limoso per il vento. <br>Avverto sensazioni inquietanti!
</BODY>
</HTML>
_____________

Caratteri speciali

Le lettere accentate 
Un altro aspetto preliminare che occorre conoscere per la creazione di documenti in HTML riguarda le lettere accentate e i caratteri speciali. Tutti i browser Web con interfacce grafiche sono in grado di visualizzarli. Ma per essere trasmessa e ricevuta correttamente da qualunque server e client, su qualsiasi piattaforma, una pagina HTML dovrebbe limitarsi a usare la sola codifica ASCII standard, che non contiene nessuna delle lettere accentate.
I linguaggi come HTML, forniscono uno strumento sintattico che permette di superare questa limitazione: le entità carattere. Una entità è sostanzialmente una sequenza di caratteri ASCII standard che rappresenta un carattere non presente in quell'insieme. Per identificare queste entità si usano due caratteri delimitatori all'inizio ed alla fine: la e commerciale (&), e il punto e virgola (;). Tra questi due delimitatori possono occorrere un numero qualsiasi di caratteri. In allegato alle specifiche dello HTML sono state distribuite due liste ufficiali di entità per i caratteri degli alfabeti latini e per i caratteri speciali. I nomi delle entità per i caratteri sono stati creati con un artificio molto semplice e comodo da ricordare: il carattere stesso, cui si aggiungono le stringhe "grave" per indicare la versione con accento grave, "acute" per indicare la versione con accento acuto, e così via. La distinzione tra maiuscolo e minuscolo è rilevante. 

Le entità per i caratteri accentati dell'ortografia italiana:
•	à &agrave; 
•	è &egrave; 
•	é &eacute; 
•	ì &igrave; 
•	ò &ograve; 
•	ù &ugrave; 
•	À &Agrave; 
•	È &Egrave; 
•	É &Eacute; 
•	Ì &Igrave; 
•	Ò &Ograve; 
•	Ù &Ugrave;

Per visualizzare subito il risultato del tuo documento scritto in codice html:
http://www.webfract.it/GUIDA/tuto.htm