Nwlapcug.com


Come ridimensionare le immagini di grandi dimensioni all'interno del codice HTML

Le immagini in ciascuna delle pagine del sito sono dato una dimensione specifica. La dimensione di un'immagine è impostata dalla proprietà "width" e "height" nei tag immagine HTML. Questo significa che se avete un'immagine che è molto più grande, il browser Mostra solo l'immagine all'altezza e alla larghezza specificata nel codice HTML. Questo è utile per le persone che hanno immagini di grandi dimensioni che hanno bisogno di fare più piccoli per adattarsi in un layout di sito Web.

Istruzioni

1

Pulsante destro del mouse il file HTML e seleziona "Apri con". Fare clic su "Blocco note" per aprire il codice HTML nell'editor di testo. È anche possibile scegliere qualsiasi programma di editor avanzato elencato per aprire la pagina nel vostro editor di personali.

2

Scorrere la pagina alla vostra immagine. Immagini vengono indicate utilizzando il tag "< img >". Si noti che il tag contiene il percorso all'immagine.

3

Aggiungere le proprietà height e width. Per esempio, il seguente è un esempio di un'immagine con un'altezza e una larghezza:

< IMG alt = "Una foto della mia famiglia presso il lago." height = "15" width = "15" >

Questo codice rende il "myimage.png" formato immagine alle 15 per 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.