September 12
Le immagini sono una parte fondamentale della progettazione di pagine Web. Una pagina con immagini genera più interesse per un visitatore di uno che li manca. Di solito non è necessario per decorare le immagini con bordi o eventuali effetti. Ma i confini possono essere utili quando si desidera una immagine "frame" o farlo risaltare dalla pagina.
Il tag immagine o <img /> è usato per visualizzare le immagini in un documento HTML. Questo tag visualizza un'immagine specificata in una pagina Web, ma non inserisce il file all'interno del documento. Piuttosto il tag <img /> funge da collegamento e segnaposto per il file di destinazione. Un tag immagine ha attributi che determinano il modo appare l'immagine. Ad esempio, gli attributi possono controllare lo spessore del bordo di un'immagine. Per impostazione predefinita, l'immagine non ha confine meno che siano contenute in un tag link e stili CSS non sono stati utilizzati per rimuoverlo.
Il tag immagine HTML utilizza una struttura specifica illustrato di seguito. Il src attributo link ad un file di immagine; l'attributo alt fornisce un testo alternativo da visualizzare nella pagina Web se l'immagine non viene visualizzata. Questi due sono gli unici attributi che tutti i tag immagine deve avere.
<Img alt = "Titolo di immagine" />
Oltre agli attributi richiesti, il tag immagine ha diverse altre opzioni che possono descrivere ulteriormente un'immagine. Se si desidera aggiungere un file JPEG con un bordo attorno a esso in una pagina Web, è possibile utilizzare l'attributo di confine come illustrato di seguito. Si noti che lo spessore del bordo è data in forma numerica e misurato come pixel.
<Img alt = "immagine Framed" border = "2">
L'attributo bordo per il tag di immagine è deprecato. Non è supportato da una HTML 4.01 Strict o XHTML 1.0 Strict. sono raccomandati stili. Per utilizzare uno stile in linea per una foto JPEG, seguire la struttura mostrata qui sotto:
<Img style = "border: 2px" />