Cos' è L'HTML?

 

 

Immaginiamo di voler fare la descrizione di un quadro:

del Guernica di Picasso ad esempio...

 

Allora, potremmo cominciare descrivendo cosa c'é sul quadro. Al centro troviamo questo, a destra quest'altro... Bhe, si capisce che una descrizione di questo genere si può fare in diversi modi.

Nel nostro caso: in alto a sinistra c'è un toro, continuando sulla destra un una lampada, poi una testa che esce da una finestra...

In un secondo momento probabilmente diremo qualcosa del quadro. Ad esempio chi è l'autore, quando è stato dipinto, in che museo è esposto, a che genere appartiene.

Tornando alla nostra opera diremo che si chiama Guernica, che è stata creata da Pablo Picasso nel 1937, che appartiene al cubismo (credo..).

Ecco, l'HTML è un linguaggio che permette di "tradurre", descrivere in modo comprensibile ad un computer, un insieme di elementi grafici che compaiono sullo schermo, indicare se ci sono immagini e dove sono, scrivere delle frasi con diversi caratteri e comunicare anche delle informazioni trascendenti, cioè.. che non appaiono immediatamente alla vista, ma sappiamo che esistono: dando quindi un nome alla pagina, all'autore, ecc. Infine possiamo "linkare" alcuni di questi elementi con altre pagine all'interno del sito che ospita questa pagina o in Internet.

 

L'unico aspetto "concettuale" dell'HTML è la relazione tra il quadro, composto da linee vere, colori veri, forme geometriche visibili... e la nostra descrizione di esso, fatta solo di parole.

L'HTML nella sua semplicità è così preciso da far corrispondere quasi esattamente l'oggetto di cui stiamo parlando o referente (la pagina come la vediamo da Explorer), ed il suo codice, in modo che alla medesima descrizione corrisponda il medesimo risultato visibile su tutti i computer del mondo.

 

Ma andiamo con ordine:

 

Tutti sappiamo che i computer allo stato attuale mancano un po' di intuito.. Se non esplicitiamo che qualcosa appartiene ad una specie od ad un'altra da solo il nostro PC non è in grado di capirlo..

Proviamo a realizzare la nostra prima pagina !!

L' unico software che ci serve è il BLOCCO NOTE di Windows, che si trova in Avvio/Programmi/Accessori. Aprendolo avremo un bel foglio bianco su cui scrivere davanti..

Come ai bambini dobbiamo dire che "quello è un cane" o "quello è un quadro", così bisogna informare un computer che "questa è un immagine" o "questo è un testo" o, nel nostro caso,

"questa è un pagina html".

Questa operazione basilare si realizza in due passi:

Primo, salviamo il nostro foglio bianco con un nome a nostra scelta seguito da ".html". Nel BLOCCO NOTE andiamo su File e scegliamo Salva con nome.. Scriviamo poi il nome della pagina seguito da ".html". (Exe - "Guernica.html") PS: Attenzione a ricordarsi dove stiamo salvando il file!! Se su Documenti o da qualche altra parte nel disco fisso..

Poi, clicchiamo col puntatore del mouse dentro il foglio bianco e scriviamo:

<HTML>

</HTML>

Questo informerà il computer che dovrà interpretare quanto è scritto tra le due Tags qui sopra come linguaggio HTML.

A questo punto possiamo iniziare a spennellare o scrivere qualcosa su questo foglio bianco che diverrà, come per magia, la nostra pagina.

Scriviamo subito quello che vogliamo appaia, tipo "rivoluzione permanente ora" o "a morte il presidente" o "al quor non si Comand" o altro di equivalente.. :-)

In mezzo alle due Tags di prima scriviamo allora:

<BODY>

<P ALIGN=CENTER>Conosci te stesso</P>

<P ALIGN=CENTER> <FONT COLOR=RED>by Apollo</FONT></P>

</BODY>

Il risultato dovrebbe allora essere:

<HTML>

 

<BODY>

<P ALIGN=CENTER>Conosci te stesso</P>

<P ALIGN=CENTER> <FONT COLOR=RED>by Apollo</FONT></P>

</BODY>

 

</HTML>

Per completare l'opera aggiungiamo un nota "invisibile" ma non troppo.. Facciamo in modo che la nostra pagina, quando venga visualizzata da Explorer compaia accompagnata da un titolo.

In mezzo a <HTML> e <BODY> scriviamo:

<HEAD>

<TITLE>Un consiglio:</TITLE>

</HEAD>

Tutto ciò che dovrebbe essere visualizzato sarà allora:

<HTML>

 

<HEAD>

<TITLE>Un consiglio:</TITLE>

</HEAD>

 

<BODY>

<P ALIGN=CENTER>Conosci te stesso</P>

<P ALIGN=CENTER > <FONT COLOR=RED>by Apollo</FONT></P>

</BODY>

 

</HTML>

Le parti in rosso possono essere modificate immediatamente, possiamo provare a cambiare anche quelle in nero, come il colore delle scritte (COLOR=BLUE, PINK, GREEN..) o la loro posizione (ALIGN=LEFT, RIGHT).

Ricordiamoci di SALVARE nuovamente tutto !!!

Per rimirare il nostro capolavoro avviamo Explorer, in File clikkiamo su Apri e sfogliando il disco fisso indichiamo la nostra pagina. Se tutto ha funzionato potremo godere i frutti del nostro lavoro..

 

Clicca qui per provare a far comparire un'immagine nella pagina ed a realizzare un Hyperlink !!

 

Ciao!

by Dario

 

Mandate le vostre pagine a GORP!!

Per farlo allegate ad un'email indirizzata a NEWS@GORP.IT il file html..