Struttura
pagina HTML
- Struttura:
la
pagina in formato "HTML" è composta da
una serie di comandi inseriti tra due parentesi: <.........> che servono per
strutturare la pagina; eventuali testi vanno
posti dopo i comandi e non inseriti con essi tra
le parentesi.
- Comandi: le parentesi che
contengono i comandi sono dette: "tag". Ogni comando va quasi sempre
chiuso perchè il computer lo possa elaborare
es.:
<html> - apertura del comando
</html> - chiusura del comando
- Composizione: ecco brevemente
riportata la composizione di una pagina .html:
<html>
<head> intestazione
<title> si inserisce il titolo
che viene visualizzato sulla barra del titolo della finestra del browser
</title> </head> si chiudono i comandi
<body><font="..."
...> qui
si inserisce il testo, o uno dei testi della
pagina.
</body>
</html>
con questo
comando si chiude la pagina.
Come vedremo ci sono molti comandi da usare per
modificare i caratteri, lo sfondo, le immagini,
etc.
- TAG: ecco riportati quindi
di seguito una serie di utili comandi:
<center> centra il testo nella
pagina
<size="h6.....h1"> aumenta la misura del
carattere al diminuire del numero
<font
color=".."> da un colore ai
caratteri, i colori sono esadecimali e si
scrivono come: 6 caratteri da 0 a F, ad es.
bianco="ffffff" nero="000000"
<text> contiene un testo
<table> serve per creare
tabelle dove inserire testi, immagini, link
<tr> crea una riga contenente 1 o + celle
<td> crea una cella: qui
si scrive il testo o si inseriscono le immagini
</td>
</tr>
</table>
<table border="..."> qui si da la dimensione
del bordo della tabella
<img
src="..."> percorso dell'immagini
che deve contenere nome ed estensione
alt="..." da un nome all'immagine quando col
mouse ci si posiziona sopra, è un attributo del tag <img>
<br> creo un capoverso e vado a capo
<a
href="..."> è
un link, tra le virgolette devo inserire
l'indirizzo web.
</a>
alink="..." colore del collegamento non visitato, è un attributo del tag <body>
vlink="..." colore del collegamento visitato, è un attributo del tag <body>
<APPLET
CODE="..."> richiama una applet java ( es.:
"lake.class" )
<param
name="..">
sono i parametri del comando
value="..." serve ad es. per identificare il file, es.:
"…..jpg" per identificarlo come
una immagine, è un attributo del tag <param>
</applet>
<p
align="...">
serve per centrare,giustificare,etc. un paragrafo
</p>
crea uno spazio nella pagina
- Salvataggi
: ricordarsi che i
file delle pagine vanno sempre salvati come HTML
le immagini vanno tutte salvate in un'unica
cartella della immagini
i nomi dei file delle pagine web devono essere
scritti senza spazi, sono ammessi i
trattini
la prima pagina del nostro sito web si deve
chiamare assolutamente INDEX
|
