Se le informazioni che si vogliono trattare arrivano da altri server standard, quali gopher, wais, news etc... occorre filtrare questi documenti attraverso gateway programs, per ricondurli sempre in un formato HTML, l'unico interpretato dai programmi client di WEB.
Esistono anche dei traduttori automatici da vari formati specifici al formato HTML.

Struttura del linguaggio
Imparare HTML

Cos'è e com' è organizzato:

Un'istanza HTML è un file di testo in cui alcuni caratteri svolgono le funzioni di mark-up; queste definiscono la struttura del documento.

L'istanza rappresenta una gerarchia di elementi, ciascuno dei quali ha un nome, degli attributi e un contenuto.
La maggior parte degli elementi viene rappresentata nel documento secondo una struttura che comprende un'etichetta (label) iniziale, che a sua volta comprende nome e attributi, seguita da un contenuto e da una label.

Label

Ogni elemento inizia con un label (etichetta).
I label iniziali sono delimitati da "<" e ">", quelli finali da "</" e ">".

Nomi

Seguono immediatamente i delimitatori dei label iniziali.
(es. A NAME -- oppure A HREF)

Attributi

In un label iniziale sono permessi, prima di un nome, degli spazi seguiti da attributi. Un attributo è costituito da un nome, da un segno '=', ed un valore (es. < A NAME = "ancora">). Il valore di un attributo viene riportato all'interno dei doppi apici.

I documenti sono costituiti da una parte iniziale (HEAD) seguita da un corpo (BODY).

HEAD

Contiene informazioni che riguardano il documento in generale.
Non contiene testo che sia parte integrante del documento che è invece nel BODY. All'interno dello HEAD troviamo solo alcuni elementi (TITLE, ISINDEX, ...).

BODY

Costituisce il corpo del documento.
Gli elementi al suo interno sono nell'ordine con il quale vengono visualizzati. Questi possono essere suddivisi in categorie fra le quali ricordiamo:

• Heading: costituiscono diversi livelli di titoli.
• Anchors: parti del testo definite dal tag < A > che costituiscono i links del documento.
• Paragraph marks: sono definiti dal tag < P > e segnano i limiti fra un paragrafo e l'altro.
• Lists: esistono vari tipi di liste : semplice, ordinata con titolo e spiegazione etc...

NB:

1. Gli elementi HTML (tag) sono CASE INSENSITIVE, cioè scrivere in maiuscolo o minuscolo non fa differenza. Gli unici elementi case sensitive sono i caratteri speciali per gli accenti.
2. È possibile IMPARARE le varie tecniche di uso del linguaggio HTML semplicemente guardando il listato dei documenti con l'opzione
   accessibile dal menu File.
   

IMPARARE HTML

Si vuole dare in questo contesto solo le prime nozioni del linguaggio HTML cioè la spiegazione degli elementi basilari.
Verranno poi dati riferimenti a lezioni, documenti più completi.

Un documento HTML inizia e finisce sempre con < HTML > e < / HTML >

Nello HEAD compreso tra < HEAD > e < / HEAD > troviamo il titolo
< TITLE > .... < / TITLE >, questo verrà visualizzato dal client browser usato nell'apposita sezione - Document Title -

Il body che inizia con < BODY > e finisce con < / BODY > contiene effettivamente il documento.

Gli HEADINGS, intestatori di livello, servono per evidenziare titoli di paragrafo etc..., i livelli sono 6:

con H1: Primo

con H3: Terzo

con H6: Sesto

ANCORE o Hyperlinks :
Sono forse gli elementi più importanti perchè trasformano il testo normale in ipertesto, costituiscono cioè il LINK o bottoni
Iniziano con < A > e finiscono con < / A >.

ancore di partenza

< A HREF="URL documento..." > testo ancora (bottone) < / A >
Nel documento il "testo dell'ancora" risulterà un link da selezionare quindi evidenziato o sottolineato ...

---> Esempio:

< A HREF ="Beginner.html" >
A Beginner's Guide to HTML < /A >

diventerà un link al documento Beginner.html in questo modo:




(la sottolineatura del testo sta proprio ad indicare che
si tratta di un link, la linea tratteggiata o no indica
se il link è già stato visitato o meno.)

ancore di arrivo

< A NAME="Nome ancora ..." > testo o altro ... < / A >
realizza un collegamento di tipo molti a uno perchè marca un punto qualsiasi di un file al quale ci si può arrivare da tanti posti puntando con un link che avrà questa forma:
< A HREF="Url documento.nome doc#nome ancora" > .... < / A >

---> Esempio:

< a href ="organizzazione" > Organizzazione < /a >
Costituisce un link che arriva esattamente dove è
definita la rispettiva ancora di arrivo:

< a name ="organizzazione" > Cos'è e come è organizzato: < / A >

Il punto di arrivo può anche NON essere nello stesso documento.

IMMAGINI:
Se si vuole includere un immagine nel documento la si segnala con
< IMG SRC="Url dell'immagine" >

---> Esempio:

< IMG SRC="imgnet/occhioni.2.gif" >

 sarà la seguente immagine:

Se del testo o un immagine deve essere sia un link che un'ancora di arrivo:
< A HREF="url ..." NAME="nome ancora" > testo o immagine (< IMG SRC = "path immagine" > ) < / A >

PARAGRAFI:
Per andare a capo: < BR >
Andare a capo saltando una riga: < P >
Per tracciare una riga orizzontale: < hr >

LISTE:
È possibile creare vari tipi di liste, ogni elemento è indicato da un punto (come in questa che segue), se si creano liste annidate gli elementi sono evidenziati alternativamente con quadrettini e punti.

la lista semplice non numerica inizia con < UL > e finisce con < / UL >
ogni elemento è indicato con < LI >

---> Esempio:

< ul >
< li > la lista semplice non numerica inizia con
< UL > e finisce con  < / UL >


È il primo elemento della lista nel quale ci troviamo ora.

lista ordinata : < OL > e < / OL >

---> Esempio:

< ol >
< li > Gli elementi HTML (tag) sono CASE INSENSITIVE.....
< li > È possibile imparare le varie ........
< /ol >

Sarà : 

lista descrittiva: < DL > e < / DL >
ogni titolo e' segnalato con < DT >
ed ogni descrizione con < DD >

---> Esempio:

< DL >
< DT > BACK
< DD > Permette il ritorno al documento precedente.
< DT > FORWARD
< DD > permette l'avanzamento al documento che segue, ricercato nella lista dei documenti
già visitati
  etc ..........
< /DL >

Sarà : 

FORMATTAZIONE DI CARATTERI:
Bold: testo tra < B > e < / B >
Italic: testo tra < I > e < / I >

COMMENTI
Per inserire un commento nel linguaggio HTML occorre usare il tag
<!-- testo ......... -->

CARATTERI SPECIALI:
Esiste il modo per scrivere tutti i tipi di accento e caratteri speciali
Qui ne sono elencati solo alcuni ma si possono trovare nelle pagine di HELP nella sezione HTML
&lt; per il <
&gt; per il >
&amp; per &
&quot; per "

&Egrave; per l'accento È o è=&egrave;
&Eacute; per É o é=&eacute;

PER SAPERNE DI PIÙ:

HTML: Working and Background Materials
(pagina di HTML al CERN di Ginevra)