HTML/Immagini: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Kigel (discussione | contributi)
Nessun oggetto della modifica
Riga 2:
 
== Inserire un'immagine ==
La sintassi di base per inserire un'immagine all'interno di una pagina web è la seguente <code><nowiki><img src="url dell'immagine" alt="testo alternativo"></nowiki></code>
 
{| {{prettytable}}
Riga 12:
|-
|<code>title</code>
|vienetesto informativo, visualizzato se si va conposizionando il cursore sopra l'immagine
|-
|<code>width</code>
|forza la dimensione della foto in larghezza, riducendo i tempi di caricamento
|-
|<code>height</code>
|forza la dimensione della foto in altezza, riducendo i tempi di caricamento
|-
|<code>alt</code>
|permette di specificare un testo alternativo, perdescrittivo ldell'immagine
|}
 
È fortemente consigliato inserire testo alternativo per ogni immagine, in modo da migliorare l'accessibiltà del sito per i non vedenti in quanto il suo contenuto può essere 'letto' da browser adatti.<br />
Il testo alternativo verrà inoltre visualizzato in automatico se il [[w:browser web|browser]] non riesce a visualizzare l'immagine.
 
I valori di '''width''' e '''height''' possono essere o espressi in precentualepixel (rispettood allacome pagina)percentuale odella inlarghezza della pixelpagina.
 
Esempio di inserimento di un'immagine:
Line 34 ⟶ 35:
height="30" width="20" title="Immagine Utente" />
</body>
{{Nota|titolo=Nota|larghezza=100%|contenuto=Il tag <nowiki><img></nowiki> non prevede un tag di chiusura, peròquindi necessitarichiede dellola slashbarra prima dellodel > di chiusurafinale, per la validazione da parte del [http://w3.org w3 consortium] per l'XHTML|}}
 
== Immagine come link ==