Qual è il modo corretto di utilizzare un tag immagine HTML?

Le immagini vengono spesso aggiunte alle pagine Web per renderle più invitanti e interessanti rispetto a una pagina di testo normale.Utilizzando il tag immagine HTML, è facile aggiungere immagini a tutte le pagine Web.Questo tag ha anche un numero di attributi o caratteristiche, che puoi specificare.

Quando si aggiungono immagini a una pagina Web, è importante ricordare che un'immagine non fa effettivamente parte del file che costituisce la pagina web stessa.I file utilizzati per la pagina Web sono file separati da tutti i file di immagine.Il tag immagine HTML fa riferimento al browser Web al file di immagine specifico per l'immagine che si desidera mostrare.Quando la pagina Web viene visualizzata in un browser, il file di immagine viene visualizzato insieme a qualsiasi altro file che compongono quella pagina.

Il codice per il tag immagine HTML è: lt; img src ' immagine posizione / gt;.La posizione dell'immagine è il nome del file per l'immagine che si desidera essere mostrata e dove viene memorizzata l'immagine.È importante ottenere queste informazioni corrette per assicurarsi che l'immagine venga visualizzata correttamente.L'organizzazione e l'archiviazione delle immagini che si desidera utilizzare sulla tua pagina web sono considerazioni importanti.

Alcune persone memorizzano le loro immagini nella stessa directory di tutte le altre parti delle loro pagine Web.In questo caso, quando si fa riferimento all'immagine, includeresti solo il nome file nel tag immagine HTML.Quando una pagina Web ha un numero di immagini, è comune creare una sottodirectory, spesso chiamata

immagini .In questo caso, il nome della sottodirectory verrebbe anche incluso nel tag.

Come esempio, ecco cosa faremmo per inserire un'immagine di un albero, FileName Tree.jpg, su una pagina web.Se avessimo archiviato l'immagine dell'albero nello stesso posto degli altri nostri file di pagina Web, il tag immagine HTML sarebbe lt; img src ' albero.jpg gt;.Se il file di immagine fosse archiviato in una sottodirectory all'interno della nostra directory della pagina web, il tag verrebbe modificato in lt; img src ' immagini/albero.jpg gt;.Ciò che è importante da ricordare è che il tag immagine HTML fornisce un riferimento o un percorso al file di immagine.Fondamentalmente, dice al browser dove cercare il file.

Il tag immagine HTML ha un numero di attributi che possono essere specificati per l'immagine che si desidera includere.Gli attributi sono caratteristiche del tag stesso e quindi vengono utilizzati all'interno del tag o tra il lt;e gt;.Gli attributi utilizzati con il tag immagine HTML sono:

    align mdash;Specifica il modo in cui la tua immagine è allineata in relazione al testo sulla tua pagina (sinistra, destra, in alto, medio, in basso)

  • alt mdash;si riferisce a testo alternativo.Questo è un attributo molto importante e dovrebbe essere incluso per tutte le immagini.Specifica il testo che viene visualizzato al posto dell'immagine

  • bordo e mdash;Aggiunge un bordo all'immagine, con lo spessore specificato in pixel

  • altezza e larghezza mdash;Può essere utilizzato per definire la larghezza e l'altezza dell'immagine che si desidera visualizzare, che consente di modificare le dimensioni dell'immagine.Fai attenzione usando questi attributi in quanto è possibile modificare la qualità dell'immagine e delle proporzioni, con conseguenti immagini di scarsa qualità

  • VSPACE e HSPACE MDASH;sono usati per aggiungere spazio bianco attorno alla tua immagine.