Guida HTML

Esistono molti programmi specializzati nella creazione di pagine HTML, i cosiddetti editor HTML, che si dividono in due tipi:

- Editor testuali
Si tratta di programmi che propongono modifiche dirette sul codice HTML puro, eventualmente con possibilità di preview del risultato. Anche "Note Pad" o "Blocco Note" fanno parte di questo primo tipo di editor.

- Editor WYSIWYG
L'acronimo sopraindicato sta per "What You See Is What You Get", e significa che ciò che si vede sullo schermo è ciò che si ottiene in un browser Web. In sostanza questi editor non visualizzano il codice HTML ma esclusivamente gli oggetti, le immagini ed il testo. Molti editor sono shareware o freeware; per trovare quello più adatto alle tue esigenze vai alla pagina ricerca software di ItalianSeek, il motore di ricerca di SAILOR.

Un documento HTML si divide in due parti fondamentali: l'intestazione (o HEAD) e il corpo (o BODY) del documento.

• L'intestazione contiene una serie di informazioni necessarie al browser per una corretta interpretazione del documento, ma non visualizzate all'interno dello stesso, come il titolo della pagina, i termini chiave per i motori di ricerca, il tipo di HTML supportato, il codice Javascript etc...
• Il corpo del documento contiene tutti gli elementi della pagina: il testo, le immagini e quant'altro viene materialmente visualizzato dal browser.

I documenti HTML contengono fondamentalmente tre tipi distinti di elementi:

1. Testo
2. Marcatori per dare una forma al testo, ovvero per "formattare" gli elementi del documento, come titoli, elenchi, paragrafi, tabelle ecc...
3. Marcatori che inseriscono altri oggetti , come immagini, suoni, programmi ecc...

I marcatori o "TAG" non sono altro che parole chiave racchiuse tra simboli di maggiore e minore che identificano dei particolari codici i quali interpretati dal programma di navigazione, consentono la visualizzazione di elementi ipertestuali . L'HTML non è quindi un linguaggio di programmazione ma è un linguaggio di formattazione, basato su istruzioni che definiscono le caratteristiche di un documento e ne guidano la composizione sullo schermo.
La sintassi tipica di un marcatore è la seguente :

< MARCATORE > elemento del documento< / MARCATORE >

Alcuni marcatori risultano dotati di codici aggiuntivi che permettono di agire in modo più dettagliato su alcuni elementi del formato della pagina, o consentono di estendere le funzionalità di base di un marcatore: tali istruzioni supplementari prendono il nome di ATTIBUTI del Marcatore: in sostanza gli attributi accrescono o dettagliano la funzione del marcatore al quale si riferiscono.
La sintassi generale diventa quindi simile alla seguente:

< MARCATORE attributo1="valore" ... attributoN="valore" > elemento del documento < / MARCATORE >

Di seguito la lista dei marcatori piu' importanti:

< HTML > .... < / HTML >
Racchiudono l'intero documento.

< HEAD > .... < / HEAD >
Racchiudono l'intestazione del documento.

< TITLE > .... < / TITLE >
Applicano un titolo al documento e lo fanno comparire sulla barra del browser.

< BODY > .... < / BODY >
Racchiudono il corpo del documento.

< P ALIGN = "valore" > paragrafo < / P >
Marcatori di paragrafo, con l'attributo ALIGN che allinea il paragrafo, a destra (right), a sinistra (left), etc...

< B > componente testuale < / B >
Applicano al testo compreso un formato di tipo Grassetto

< FONT COLOR = "#000000" FACE = "ARIAL" SIZE = "2" > componente testuale < / FONT >
Impostano le caratteristiche della componente testuale che racchiudono. Nella fattispecie il testo sarà scritto con carattere "arial", in nero ed avrà dimensione 2 (pari a 10 punti).

< A HREF = "http://www.sailor.it" > elemento del documento < / A >
Applicano all'elemento del documento la funzione di collegamento al sito www.sailor.it. Tale link sarà attivabile cliccando sull'elemento stesso con il mouse.