feb 12

HTML 9 : Formattazione delle immagine

Categoria: Guide Icefox, HTML, Senza categoria

Visite 146

Pronti… via! Parte la 9° lezione html. L’ultima volta abbiamo parlato di alcuni dei tag che ci permettono l’inserimento di immagini all’interno della nostra pagina Html, oggi ne elencheremo altri.

Un altro tag molto simpatico è il seguente: IMG SCR=”URL” BORDER=? . Questo tag, che non va chiuso, serve a inserire un bordo intorno ad una immagine già presente nella pagina html. Basta inserire nella URL lo stesso indirizzo scritto nel tag di inserimento dell’immagine a cui si vuole mettere la cornice. Al posto del punto interrogativo, invece, va inserito lo spessore della cornice misurato in pixel (1, 2, 3, ecc…).

Un altro tag sicuramente usatissimo è quello par cambiare le dimensioni della propria immagine. In questo caso i tag, che non vanno chiusi, sono due e presentano tra di loro solo una leggera differenza.

  • IMG SCR=”URL” WIDTH=?% HEIGHT=?% = Si usa se le dimensioni dell’immagine si vogliono inserire in percentuale rispetto alla larghezza ed alla altezza della pagina. Per fare un esempio, se la larghezza totale della pagina html è di 30 cm e l’immagine la si vuole fare grande 10 cm, allora essendo 10 un terzo di 30, bisogna calcolare un terzo di 100, che è circa 33. Dunque si scriverà nel tag al posto del punto interrogativo riguardante la larghezza il valore 33. Lo stesso vale per l’altezza.
  • IMG SCR=”URL” WIDTH=? HEIGHT=? = Si usa se le dimensioni dell’immagine si pvogliono inserire in pixel (che, per chi non lo sa, è usata da Html praticamente sempre come unità di misura.

 

Bene, anche oggi abbiamo finito, ma non mancate la prossima settimana perché abbiamo ancora una marea di tag di cui parlare. A presto!

 

Condividi questo articolo:
  • email
  • Print
  • PDF
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Add to favorites
  • BarraPunto
  • blogmarks
  • Diggita
  • Live
  • MSN Reporter
  • MySpace
  • Reddit
  • RSS
  • Segnalo
  • Slashdot
  • Technorati
  • Twitter
  • Yahoo! Bookmarks
  • Yahoo! Buzz

Tags:

Lascia un commento