Come ridimensionare le immagini con l'HTML

March 7

Come ridimensionare le immagini con l'HTML


Utilizzando HyperText Markup Language (HTML), si ha la possibilità di ridimensionare le immagini nella pagina Web in modo che diventino più grande o più piccolo. le dimensioni di un'immagine sono tradizionalmente modificati utilizzando un editor di foto, ma se non si desidera modificare il file di immagine reale e vuole solo modificare la sua comparsa sul sito web, modificando il codice HTML è una soluzione ideale. Modificare il documento HTML per ridimensionare le immagini, come si preferisce.

istruzione

1 Avviare il software editor di testo del computer e aprire la pagina HTML che ha la vostra immagine.

2 Posizionare il cursore all'interno del "<img>" tag di immagine, che è il codice che controlla la tua foto. Il tag immagine appare come il seguente esempio:

<Img />

3 Inserire "width =" e "height =" descrizioni all'interno del tag. Posizionare un set di virgolette dopo ogni segno di uguale come segue:

<Img width = "" height = "" />

4 Digitare un valore numerico, dopo le voci di larghezza e altezza. Questi numeri ridimensionare l'immagine in pixel per le dimensioni che hai inserito. Ad esempio, per specificare che la foto è ampia "300" pixel da "200" pixel di altezza, inserire il seguente:

<Img width = "300" height = "200" />

5 Salvare il file. Selezionare l'opzione "Apri file" o l'opzione "Apri" dal menu "File" del browser web per visualizzare in anteprima il vostro lavoro.

Consigli e avvertenze

  • Se il codice immagine ha attualmente un attributo di larghezza e altezza, assicurarsi di diminuire o aumentare il valore di numero in modo uniforme in modo che l'immagine conserva le sue proporzioni. Per esempio, se si aumenta il numero di larghezza per 50, aggiungere 50 all'altezza pure.