Come convertire un'immagine in codice HTML

click fraud protection
Digitare le mani sulla tastiera

Le mani di un uomo sulla tastiera di un computer

Credito immagine: JatinderKumar/iStock/Getty Images

Con pochi frammenti di codice HTML, puoi incorporare un'immagine in qualsiasi pagina web, email o altro documento HTML o XML basato su Internet. Sebbene non sia possibile "convertire" un'immagine in codice HTML, è possibile salvare l'immagine localmente o in un indirizzo Web specifico e quindi designare una posizione per essa in un documento HTML. Puoi anche specificare di quanti pixel deve apparire l'immagine, sia verticalmente che orizzontalmente. Continua a leggere per imparare a convertire un'immagine in codice HTML.

Passo 1

Scegli un'immagine. Può essere qualsiasi immagine di qualsiasi dimensione.

Video del giorno

Passo 2

Salva l'immagine in locale o online. Ciò significa che puoi salvarlo sul tuo computer o su un indirizzo Web specifico. Se vuoi che altre persone possano vedere l'immagine online, devi caricare l'immagine su un server Web. Usa il server del tuo sito web o, se non disponi di un sito web, prova a utilizzare Picasa o un'altra applicazione di archiviazione e condivisione di immagini. Prendi nota dell'URL in cui è salvata la foto.

Passaggio 3

Apri un documento HTML. Usa il tag dell'immagine e l'URL esatto di dove è archiviata l'immagine: . Questo incorporerà l'immagine nel tuo documento HTML. Quando l'utente apre quel documento tramite un browser Web o un altro programma, apparirà l'immagine.

Passaggio 4

Regola la larghezza dell'immagine come desideri che appaia, in termini di pixel. Ancora una volta, usa l'URL esatto di dove è archiviata l'immagine. Per esempio, http://example.com/image.jpg" larghezza=400>. Questo allungherà o ridurrà la larghezza esistente dell'immagine a 400 pixel.

Passaggio 5

Regola l'altezza dell'immagine come desideri che appaia, in termini di pixel. Per esempio, . Questo allungherà o ridurrà l'altezza esistente dell'immagine a 700 pixel.

Passaggio 6

Combina le regolazioni di larghezza e altezza secondo necessità. Per esempio, .

Passaggio 7

Se lo desideri, trasforma l'immagine in un collegamento. Usa il tag di ancoraggio con il tag immagine incorporato all'interno. Per esempio, .