Abbiamo pensato di inserire una piccola guida per chi volesse orientarsi meglio tra questi script!
HTML e TAGS
Prima di tutto per fare un sito web è necessario conoscere il linguaggio HTML.
Una pagina web è una sorta di ipertesto, cioè testo apparentemente "normale" generato da un editor, cioè uno di quei programmi che permettono di scrivere il codice, a volte lo stesso che si adopera per scrivere le normali lettere; la differenza consiste nello scrivere "parole" particolari che diventano vere e proprie istruzioni per il browser di navigazioni e sono chiamate <TAGS> (elementi), racchiusi fra parentesi angolari < >, particolarità che ne consente poi la corretta interpretazione da parte del browser.
I TAGS,
o elementi, che compongono HTML devono essere racchiusi fra parentesi angolari
<queste>
Si tratta di parole chiave, termini in lingua inglese riservati. L'elemento (tag)
smette di produrre il suo effetto nel momento in cui lo stesso viene ripetuto
facendolo precedere da una barra laterale /
contenuta sempre all'interno delle parentesi angolari.
L'inizio di un documento HTML avrà come elemento (tag) iniziale: <HTML> e come
elemento (tag) finale </html> nessuna importanza se scritti in maiuscolo o
minuscolo, tutto ciò che sarà contenuto all'interno di questi due elementi (tags)
sarà interpretato dal browser come codice HTML.
Un documento HTML è composto da due
sezioni ben distinte: una parte iniziale denominata testa
<HEAD> ed
una centrale denominata corpo <BODY>
Nella testa (head) vanno messi quei comandi che inviano informazioni al server
(lo spazio web che si trova in rete) o quel codice che deve essere letto con una
certa priorità: script, fogli di style, ecc. ecc.
Nel corpo (body) tutto il resto. Anche questi elementi, necessitano del relativo
elemento di chiusura: </head> e </body> Riassumendo, una struttura HTML tipo
potrebbe essere questa:
<html>
<head>
codice per il server, scritps, fogli di style.
</head>
<body>
codice da visualizzare come documento: testo ed immagini
</body>
</html>
INSERIRE IMMAGINI
Per inserire un'immagine si usa questo codice:
<img src="xxxxxxxxx.yyy">
Si possono inserire immagini di formato .gif .jpg e .png. Volendo possiamo anche aggiungere le dimensioni e il bordo:
width="88" height="31" border="0">
Quindi risulterà così: <img src="url immagine.yyy" width="88" height="31" border="0">
INSRERIRE LINK
I link invece si creano in questo modo, mettendo il nome del collegamento tra <a> e </a>
<A HREF="http://www.glamourgraphic.com">GG website</A>
Se
vogliamo che il collegamento sia tramite un'immagine dobbiamo invece scrivere
così:
<A HREF="http://www.glamougraphic.com"><img src="immagine" width="88" height="31" border="0" alt="GG"></A>
Ecco altri tipi di link:
<A
HREF="ftp://...">
<A HREF="mailto:...">
<A HREF="news:...">
<A HREF="nomefile.zip">
<A HREF="nomepagina.html">
Che servono rispettivamente per:
<A HREF="ftp://...">
Collegamento ad un sito FTP.
<A HREF="mailto: nome@server">
Indirizzo di posta elettronica per la spedizione di una e-mail all'indirizzo
specificato, facendo uso del proprio programma di posta elettronica.
<A HREF="news:...">
Collegamento ad un gruppo di discussione (newsgroup Usenet).
<A HREF="nomefile.zip">
Scaricamento (download) di un file in formato compresso.
<A HREF="nomepagina.html">
Collegamento ad altra pagina all'interno della stessa cartella.
INSERIRE SPAZI
Ci sono appositi codici che servono esclusivamente ad introdurre spazi:
Questo
simbolo significa non-breaking space, (da notare che non va inserito fra
parentesi angolari non essendo un elemento o tag), se ne possono mettere tanti
quanti sono gli spazi desiderati, così facendo il browser eseguirà la richiesta.
Anche tornare a capo diventa difficile all'interno di uno stesso paragrafo: la
semplice pressione del tasto invio non è sufficiente per forzare un ritorno a
capo, per fare questa operazione si adopera il tag
<BR>
maiuscolo o minuscolo che sia non importa, questo tag forza un ritorno a capo,
più <br> consecutivi equivalgono a più ritorni a capo quindi saltare tante righe
quanti sono i BR inseriti.
Ringraziamo Web-Link per averci permesso di utilizzare questa utilissima guida all'HTML!