È possibile modificare la dimensione dell'immagine visualizzata sulla pagina specificando gli attributi appropriati per il tag
che è responsabile della visualizzazione della grafica nella pagina HTML. L'aumento o la diminuzione viene effettuato tramite gli attributi di larghezza e altezza.
Inserisci una foto
Prima di modificare, aggiungi un'immagine alla pagina specificando i tag
… Per modificare un documento HTML, devi aprire la pagina in qualsiasi editor di testo. Fare clic con il pulsante destro del mouse sul file e selezionare l'attributo "Apri con" - "Blocco note". Puoi anche specificare qualsiasi altro editor che ti è più comodo da usare per modificare il codice.
Vai alla sezione documenti e trova il tag
… Se l'immagine non è stata ancora aggiunta alla pagina, inserisci il seguente codice:
Il percorso del file immagine può essere relativo o assoluto. L'attributo alt="Immagine" è responsabile del nome dell'immagine e dell'aggiunta di una didascalia, che verrà visualizzata quando il puntatore del mouse si trova sull'immagine.
Cambio di taglia
Per ingrandire l'immagine, imposta i parametri di larghezza e altezza appropriati aggiungendo attributi al tag dell'immagine:
Il parametro larghezza corrisponde alla larghezza dell'immagine e l'altezza contiene l'indicatore dell'altezza dell'immagine. In questo caso, all'apertura della pagina, nella finestra del browser verrà visualizzata un'immagine con una larghezza di 300 pixel e un'altezza di 350 pixel. Puoi anche aggiungere gli attributi hspace e vspace per modificare le impostazioni di formattazione nella pagina:
In questo descrittore sono stati specificati i margini orizzontali (hspace) e verticali (vspace) dell'immagine. Qualsiasi testo aggiunto alla pagina sarà distanziato di 5 pixel orizzontalmente dall'immagine e di 10 pixel verticalmente. L'attributo border è responsabile della creazione di un bordo di 1 pixel attorno all'immagine.
Va notato che la dimensione dell'immagine può essere impostata non solo in pixel, ma anche come percentuale rispetto alla dimensione della finestra del browser. Per esempio:
Come risultato del lavoro di questo codice, l'immagine verrà allungata su tutta la larghezza della finestra. Vale la pena notare che l'immagine in questo caso potrebbe risultare distorta. La visualizzazione ingrandita dell'immagine dipende dalla qualità dell'immagine stessa.
Salvare le modifiche effettuate tramite la funzione "File" - "Salva" della finestra "Blocco note". Verificare la visualizzazione dell'immagine nella finestra del browser aprendo il file HTML facendo clic con il tasto destro e scegliendo l'opzione "Apri con". Nell'elenco delle opzioni proposte, seleziona il programma che utilizzi per navigare in Internet. Puoi modificare il file HTML un numero qualsiasi di volte per regolare la dimensione dell'immagine.
