Come ridimensionare grandi immagini all'interno del codice HTML

September 15

Le immagini in ciascuna delle tue pagine web sono date una dimensione specifica. La dimensione di un'immagine è impostato dal "larghezza" e proprietà "altezza" nei tag immagine HTML. Questo significa che se si dispone di un'immagine che è molto più grande, il browser web mostra solo l'immagine in altezza e la larghezza specificata nel codice HTML. Questo è utile per le persone che hanno immagini di grandi dimensioni che hanno bisogno di fare più piccolo per adattarsi in un layout sito web.

istruzione

1 Pulsante destro del mouse il file HTML e selezionare "Apri con". Fai clic su "Blocco note" per aprire il codice HTML in un editor di testo. È inoltre possibile fare clic su qualsiasi programma di editor avanzato elencato per aprire la pagina nel vostro editor personale.

2 Scorrere la pagina per la vostra immagine. Le immagini vengono indicati utilizzando il tag "<img>". Si noti che il tag contiene il percorso per la vostra immagine.

3 Aggiungere la proprietà di altezza e larghezza. Ad esempio, la seguente è un esempio di un'immagine con una determinata altezza e larghezza:

<Img alt = "Una foto della mia famiglia al lago." height = larghezza "15" = "15">

Questo codice rende la visualizzazione delle immagini "myimage.png" a 15 da 15 pixel.

4 Fare clic sul pulsante "Salva" per salvare le modifiche al codice HTML. Fare doppio clic sul file per aprirlo nel browser Web per testare il nuovo codice.