Nwlapcug.com


Come ridimensionare le immagini con HTML

Come ridimensionare le immagini con HTML


Utilizzando HyperText Markup Language (HTML), avete l'opzione per ridimensionare le immagini sulla tua pagina Web in modo che diventino più grandi o più piccoli. Dimensioni di un'immagine sono tradizionalmente modificati utilizzando un editor di foto, ma se non si desidera modificare il file di immagine reale e voglia di modificare il suo aspetto sul sito Web, modificare il codice HTML è una soluzione ideale. Modificare il documento HTML per ridimensionare le immagini, come si preferisce.

Istruzioni

1

Lanciare il software di editor di testo e aprire la pagina HTML contenente l'immagine.

2

Posizionare il cursore all'interno del tag di immagine "< img >", ovvero il codice che controlla la tua foto. Il tag di immagine risulti simile all'esempio seguente:

< img / >

3

Immettere "larghezza =" e "altezza =" descrizioni all'interno del tag. Inserire un set di virgolette dopo ogni segno di uguale come segue:

< img width = "" altezza = "" / >

4

Digitare un valore numerico dopo la larghezza e l'altezza voci. Questi numeri di ridimensionare l'immagine in pixel le dimensioni che hai inserito. Ad esempio, per specificare che l'immagine è "300" pixel di larghezza e "200" pixel di altezza, immettere quanto segue:

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

5

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

Consigli & Avvertenze

  • Se il codice immagine attualmente ha un attributo width e height, assicurarsi che diminuire o aumentare il valore del numero in modo uniforme in modo che l'immagine mantiene le proporzioni. Per esempio, se si aumenta il numero di larghezza di 50, è possibile aggiungere 50 all'altezza anche.