Le immagini possono migliorare l'aspetto di una pagina Web suddividendo il testo e aggiungendo interesse visivo. Le immagini visibili su una pagina Web sono in realtà collegamenti a un'immagine interna o remota. In altre parole, le immagini sono un altro file, sullo stesso server della pagina Web o su un server remoto. Per inserire un'immagine all'interno di una pagina web è necessario indicare al browser dove cercare l'immagine. Queste informazioni sono inserite nella "" tag con l'attributo "src".
Creare l'immagine
Se la tua immagine è conservata sul server web che ospita la tua pagina web, puoi semplicemente inserire il nome dell'immagine nel tag come: Tuttavia, se la tua immagine si trova su un server remoto, devi inserire un collegamento all'immagine in il tag come:
Sia che tu usi un'immagine locale o remota, ci sono alcuni attributi che puoi usare per allineare la tua immagine sulla pagina. L'attributo "allinea" viene utilizzato per allineare l'immagine orizzontalmente. I valori possono essere "destra", "sinistra" o centro. Ad esempio, per posizionare un'immagine remota sul lato destro della pagina, il codice HTML sarebbe:
L'attributo "valign" viene utilizzato per allineare l'immagine verticalmente sullo schermo. I valori possono essere "top", "bottom" e "center". Per allineare l'esempio sopra nella parte in alto a destra dello schermo, il codice sarebbe:
Un altro attributo è l'attributo "alt". Viene utilizzato per posizionare il testo dove dovrebbe essere l'immagine se il visitatore utilizza un browser Web basato su testo o se il collegamento all'immagine è interrotto. L'attributo "alt" viene utilizzato nel modo seguente:
Infine, puoi trasformare la tua immagine in un collegamento ipertestuale aggiungendo il tag "". Ciò consente ai visitatori di fare clic sull'immagine per essere indirizzati a una pagina remota o alla foto stessa. Il codice HTML per creare un'immagine con un collegamento ipertestuale è:
