Diventare SEO       Test SEO        Diventare Webmaster      Forum per Webmaster         Guadagnare con un sito

Inserire una immagine E-mail
Giovedì 07 Maggio 2009 14:12

Le immagini in HTML posso essere solo di tre formati:  jpg, png e gif. Tutti gli altri formati vengono infatti ignorati dai browser.

Possiamo utilizzare una immagine in HTML principalmente in due modi:

  • come sfondo
  • nel corpo della pagina.

Per utilizzare una immagine come sfondo si utilizza l'attributo bgcolor del body. Nel caso in cui volessimo l'immagine “diventare_webmaster_logo.jpg” come sfondo della nostra pagina andremo a scrivere:


<body background=”diventare_webmaster_logo.jpg”>


In questo caso è fondamentale che l'immagine si trovi nella stessa cartella del file HTML che si sta andando a creare in quanto il browser non possiede alcuna informazione sulla posizione dell'immagine ma ne conosce solo il nome.

Nel caso in cui non si volesse essere vincolati alla stessa cartella per file HTML e immagine, si può specificare il percorso assoluto (indirizzo in cui è situato il file nel nostro PC o nel nostro spazio web ) dell'immagine, ad esempio:


<body background=”C:\Documents and Settings\Pippo\immagini\diventare_webmaster_logo.jpg”>


In questo caso non è necessario che immagine e file HTML siano nella stessa cartella. Da notare che nel caso in cui dovessimo spostare l'immagine, ci si dovrà ricordare di andare a modificare il percorso assoluto della stessa.


Per inserire una immagine nel corpo della nostra pagina HTML si utilizza il tag img con l'attributo src.

Volendo inserire l'immagine webmaster.png nella nostra pagina andremo a scrivere:


<img src=”webmaster.png”>

Senza alcun tag di chiusura perchè il tag img è un tag vuoto.


E' buona norma inserire nel tag img degli ulteriori attributi come ad esempio:

 

  • title
  • width e heigth
  • alt

 

L'attributo tilte è il titolo dell'immagine.

Gli attributi width e heigth servono a informare il browser delle dimensioni dell'immagine prima che lo stesso la carichi in modo da poter adattare preventivamente a pagina alle dimensioni dell'immagine.

L'attributo alt serve a specificare un testo testo che il browser inserirà al posto dell'immagine nel caso in cui non riuscisse a caricarla per qualsiasi motivo.

Volendo inserire l'immagine diventarewebmaster.gif di dimensioni 120x120, titolo “diventare webmaster” e con un testo alternativo come “immagine di diventare webmaster” andremo a scrivere:


<img src=”diventarewebmaster.gif” title=”diventare webmaster” alt=”immagine di diventare webmaster” width=”120” heigth=”120”>



 
 
 
Ultimo aggiornamento Giovedì 28 Maggio 2009 16:34
 

Diventare Webmaster Created by realizzazione siti Cagliari posizionamento a cura di SEO Cagliari