MANUALE HTML
Nozioni di base per creare una pagina html


File html

Il file html (HyperText Mark-up Language) è un semplice file di testo contenente solamente caratteri ASCII.
Le istruzioni inserite in questo file consentono la visualizzazione della grafica, delle immagini, dei testi, dei colori, dei pulsanti o dell'ipertesto (link) ad un software di comunicazione utilizzato per la connessione su internet (Explorer e Netscape sono i più diffusi).



Esempio:
<B>ASIS Onlus</B> verrà rappresentata sullo schermo ASIS Onlus in grassetto.

Tags (istruzioni)
Compilare un file di testo html non richiede una grande conoscenza di programmazione, i comandi base sono contenuti tra il segno < e il segno >.
Le istruzioni (tags) sono sempre contenute fra il segno "<" e il segno ">".

<> = inizio comando
</> = fine comando

Alcune istruzioni non necessitano del </fine comando>.
Esempio: -il "tag" <B> ordina a tutti i caratteri scritti dopo questo comando di evidenziarsi in grassetto);
-il "tag" </B> ordina la chiusura del comando grassetto.
Esempio: l'istruzione per andare a capo che si indica così: <BR>
Struttura del file html

Per comporre una pagina html è necessario indicare l'inizio e la fine del file, utilizzando obbligatoriamente le istruzioni descritte a destra:



Un commento non viene visualizzato con l'istruzione:
<!-- Testo commento -->
<HEAD> (testa)
<HTML>
<Title>titolo del file.htm</Title>
</HEAD>
<BODY> (corpo)
Da qui in poi si inserirà il testo e le istruzioni.
</BODY></HTML> Chiusura della pagina e delle istruzioni.
Stili del testo:
<B>Testo</B> Testo Grassetto-Bold
<STRONG>Testo</TSRONG> Testo Rafforzato-Strong
<I>Testo</I> Testo Corsivo-Italic
<EM>Testo</EM> Testo Enfatizzato-Emphasized
<U>Testo</U> Testo Sottolineato-Underline
<SUP>Testo Alto</SUP> Testo Apice-Superscribe Alto
<SUB>Testo Basso</SUB>< Testo Pedice-Subscribe Basso
<BIG>Testo</BIG> Testo Aumentato-Bigprint
<SMALL>Testo</SMALL>Testo Ridotto-Small
<TT>Testo</TT> Questo stile-Type Writer-Tipo macchina per scrivere
Lettere accentate:
&agrave = à
&egrave = è
&igrave = ì
&ograve = ò
&ugrave = ù
<BLINK>Testo</BLINK> =
Testo lampeggiante
Impaginazione:
<BR> = andare a capo
<P> </P> = andare a capo con spazio di un rigo
<HR> = linea orizzontale
<HR ALIGN="CENTER" WIDTH=200 SIZE=1 NOSHADE> linea orizzontale nera
<CENTER>testo</CENTER> = testo al centro
<LEFT>testo<LEFT> = testo a sinistra
<RIGHT>testo<RIGHT> = testo a destra
<P ALIGN=JUSTIFY>testo</P> = testo giustificato
Dimensione dei caratteri:

<H1>testo</H1>

testo

<H2>testo</H2>

testo

<H3>testo</H3>

testo

<H4>testo</H4>

testo

<H5>testo</H5>
testo
<H6>testo</H6>
testo
Altro metodo
Dimensione dei caratteri:

<FONT SIZE="1">testo</FONT> testo = altezza 1
<FONT SIZE="2">testo</FONT> testo = altezza 2
<FONT SIZE="3">testo</FONT> testo = altezza 3
<FONT SIZE="4">testo</FONT> testo = altezza 4
<FONT SIZE="5">testo</FONT> testo = altezza 5
<FONT SIZE="6">testo</FONT> testo = altezza 6
<FONT SIZE="7">testo</FONT> testo = altezza 7
Tabelle

Istruzione per definire una tabella:

<TABLE CELLSPACING="2" CELLPADDING="3" BORDER="1">
<td>prima istruzione</td> <td>seconda istruzione</td></tr>
prima cella seconda cella
terza cella quarta cella
quinta cella sesta cella
settima cella ottava cella
nona cella decima cella

</table> fine della tabella

Links
La visualizzazione di una figura sullo schermo è composta da un tag e da un file (foto o disegno), registrato da un software che gestisce la pittura, in formato gif (Graphics Interchange Format) oppure jpg (Joint Photographic Experts Group).
Istruzione per far apparire l'immagine:
<IMG SRC="immagine.gif">
IMG = immagine
.gif = estensione del file immagine
SRC = sorgente
Se l'immagine si trova nella stessa cartella del file html sarà letta con il comando sopra descritto, altrimenti l'istruzione dovrà contenere il percorso per consentire al broswer la lettura:
<IMG SRC="/percorso/image.gif"> .
Immagini links
L'istruzione per definire un link sull'immagine è composta dall'url e dal tag che fa apparire l'immagine:
<A HREF="http://www.scuola.it/istruzioni/lavagna.htm"><IMG SRC="immagine.gif" BORDER=0></A>
Sfondo della pagina html
Per ottenere uno sfondo fotografico o disegnato di una pagina html è necessario creare un piccolo file, che verrà automaticamente ripetuto molte volte su tutto lo schermo.
L'istruzione per far apparire l'immagine ripetuta nello sfondo è:
<BODY background=immagine.gif> = moltiplica a tutto schermo l'immagine.
Questo tag deve essere sostituito a , comando iniziale della pagina html.


Istruzione di questa immagine
<IMG SRC="mark2.gif" BORDER=0></A>
Immagini nella pagina html
Per navigare su internet è necessario inserire un indirizzo (URL: Universal Resource Locator) nella cella predisposta nel relativo software di comunicazione. Tale url è spesso inserito in un link o hyperlink.
Il link è una funzione della pagina www (World Wide Web) che consente di spostarsi su un altra pagina facendo semplicemente click con il mouse.
L'istruzione per definire un link testuale è:
Testo-link, visualizzato sottolineato
<A HREF="nome del server/percorso o cartella/nomefile.htm">Testo-link, visualizzato sottolineato</A>
Analizziamo l'url di questa pagina:
<A HREF="http://www.asis-onlus.it/schools/manuale.htm"> - Manuale html</A>
A HREF=" = tag
http = Hyper Text Transfer Protocol
http://www. = protocollo di trasmissione nel World Wide Web
asis-onlus.it/ = nome della directory o della cartella del computer server - it = italia - / = fine percorso directory "asis-onlus.it"
schools/ = cartella contenuta dentro la directory "asis-onlus.it" - / = fine percorso directory "schools"
manuale.htm = file html contenuto dentro la cartella "schools"
Perciò il comando del percorso dell'ipertesto, che ci condurrà alla pagina dal titolo "MANUALE HTML", è:
vai al server "asis-onlus.it nella cartella "schools" e mostra il file "manuale.htm"
Con queste semplici nozioni e con un pizzico di fantasia e di buon gusto si può realizzare un'ottima pagina html.