|
Webmastering by Emiliano ©Unsito.it
Lezione n.8
Il corso di HTML: Immagini ed esempi
Questa settimana impariamo ad inserire le immagini all'interno della nostra pagina HTML.
Un'immagine è nella maggior parte dei casi un file .gif (ideale per l'uso su internet) e può essere statica o animata.
Per inserire un'immagine è necessario usare il tag <IMG>, aggiungere la grandezza del bordo (BORDER, uguale a 0 se vogliamo che non ne abbia), il sorgente (SRC) dell'immagine, cioè il percorso completo del file .gif, le dimensioni (WIDTH e HEIGHT), e la scritta (ALT) che vogliamo che appaia allo scorrere del mouse sull'immagine.
Vediamolo praticamente, riempiendo una cella vuota della tabella costruita la settimana scorsa:
<TABLE>
<TR>
<TD><IMG BORDER="0" SRC="miaimmagine.gif" WIDTH="23" HEIGHT="23" ALT="Mia immagine"></TD>
</TR>
</TABLE>
Il file miaimmagine.gif (l'immagine che vogliamo caricare a video) si deve trovare nella stessa cartella del file html.
Divertiti a scaricare gif da internet, i siti web ne sono pieni e ce ne sono molti che offrono la possibilità di scaricarne di assolutamente gratuite o, se non vuoi scaricarle dalla rete cerca le immagini di cui disponi sul tuo pc, aprendo Trova e cercando con *.gif tutte le immagini sul tuo computer.
Quello che otteniamo con il tag appena indicato è riportato di seguito.
 |
I principali colori sono:
#00ff00 VERDE #ffff00 GIALLO #ff0000 ROSSO
#ffffff BIANCO #000000 NERO
e questi i principali font:
Times New Roman, Comic Sans MS, Arial Black, Courier.
Vediamo come inserirli con un esempio:
... solite intestazioni
<FONT FACE="Times New Roman" COLOR="#00ff00" SIZE="4"> Testo scritto in Times New Roman </FONT>
<FONT FACE="Courier" COLOR="#ffff00" SIZE="4"><BR> Testo scritto in Courier </FONT>
<FONT FACE="Comic Sans MS" COLOR="#ff0000" SIZE="4"><BR> Testo scritto in Comic Sans MS</FONT>
<FONT FACE="Arial Black" COLOR="#000000" SIZE="4"><BR> Testo scritto in Arial Black</FONT>
... solite conclusioni del programma html