Immagini

Il tag img

Inseriamo delle immagin nel sito realizzato in linguaggio HTML. 

Il tag da inserire è img con i suoi attributi. Esempio:

tag <img>
usato per inserire immagini all'interno di un documento html la corretta sintassi è

<img scr="nome_immagine.jpg">
indica il file o il percorso dove va a recuperare l'immagine
attributi del tag img:
ALIGN   definisce la posizione dell'immagine rispetto al testo 
align="left" allinea l'immagine a sinistra del testo
align="right" allinea l'immagine a destra del testo
align="top" allinea limmagine con la prima riga di testo 
            
align="middle" allinea l'immagine al centro rispetto al testo

align="botton" allinea la prima riga di testo alla fine del testo

           
ALT="testo" permette di inserire un testo alternativo
WIDTH="valore" larghezza immagine
HEIGHT="valore" altezza immagine
BORDER="valore" assegna un bordo all'immagine. I valori sono numerici ed espressi in pixel per default il valore é 0 se l'imm è un link il valore per default è 1
definiscono la distanza in pixel tre l'imm e gli elementi
che lo circondano
VSPACE="valore" distanza lat superiore inferiore
HSPACE="valore" distanza destra sinistra

Creare una pagina web con le immagini

Vediamo adesso come è stato scritto il file in HTML che permette di posizionare il testo e le immagini con i comandi di align e gli attributi: top,bottom, middle,left

 ESCAPE='HTML'

Il tag pre

Il tag pre ci permette di mettere il testo preformattato, cioè possiamo inserire un testo come vogliamo senza inserire il tag p del paragrafo.

Per fare l'immagine sopre dobbiamo inserire i seguenti tag in una pagina HTML.