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
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.