Come aggiungere un'immagine in HTML

Se vuoi attirare l'attenzione di un utenti quando visita il tuo sito Web, l'aggiunta di immagini può essere una cosa divertente da fare. Le immagini rendono l'aspetto del tuo sito Web più accattivante, aggiungendo così alla bellezza generale del tuo sito Web. Ma come aggiungere immagini a un sito Web? Bene, abbiamo riassunto i modi usando quali immagini possono essere inserite nelle pagine Web.

Come aggiungere immagini in HTML

Per aggiungere immagini alle pagine Web utilizzare il etichetta. Questo tag è vuoto ed è costituito da alcuni attributi e non ha tag finali.

Gli attributi del tag sono; IL src attributo che viene utilizzato per definire il percorso dell'immagine e del Al L'attributo viene utilizzato come testo alternativo in scenari quando l'immagine non si carica a causa di qualche problema.

Qui abbiamo mostrato come usare questo tag per aggiungere immagini.

Html

Nel codice sopra, stiamo aggiungendo tre immagini alla pagina Web utilizzando il tag. In ogni tag, il percorso delle immagini è stato fornito all'attributo SRC e un testo alternativo è stato aggiunto a questi tag. Inoltre, stiamo anche fornendo una certa larghezza e altezza alle immagini.

Produzione

Le immagini sono state aggiunte alla pagina.

Come regolare la larghezza e l'altezza dell'immagine

Se si desidera modificare la larghezza e l'altezza di un'immagine, usa semplicemente le proprietà di larghezza e altezza all'interno del tag.

Html

Il codice sopra aggiungerà le immagini alla pagina Web con larghezza e altezza specificate utilizzando la larghezza e le proprietà di altezza.

Produzione

Entrambe le immagini hanno larghezze e altezze diverse.

Come aggiungere immagini da un'altra cartella

Se le immagini che si desidera incorporare nella tua pagina web sono presenti in un'altra cartella come mostrato nello screenshot in basso, aggiungi il nome della cartella nell'attributo SRC.

Le immagini sono presenti nella cartella denominata "Immagini".

Html

Per dimostrare correttamente come aggiungere immagini da un'altra cartella abbiamo allegato uno screenshot dell'editor di codice. La sezione evidenziata in rosso mostra che le immagini sono presenti in un'altra cartella presente proprio accanto al file HTML. Il nome della cartella insieme al nome dell'immagine e al formato viene fornito all'attributo SRC del tag come evidenziato in verde.

Produzione

L'immagine è stata aggiunta da un'altra cartella.

Come aggiungere immagini da un'altra pagina web

Per aggiungere immagini da un'altra pagina Web o fonte è necessario fornire l'URL completo di tale fonte all'attributo SRC del tag.

Html

Il codice sopra prevede l'immagine dall'URL specificato e lo aggiungerà alla nostra pagina web.

Produzione

L'immagine è stata aggiunta correttamente da un'altra pagina web.

Come aggiungere immagini come collegamenti

Se si desidera reindirizzare il tuo utente a un'altra pagina Web, puoi utilizzare le immagini per eseguire questa attività.

Html

Nel codice sopra, stiamo prima di tutti fornendo il collegamento della pagina Web che vogliamo reindirizzare i nostri utenti e fornire questo collegamento all'attributo HREF del tag e quindi nidificando la nostra immagine che è una gif in questo caso all'interno dell'ancoraggio etichetta.

Produzione

Quando l'utente fa clic sull'immagine, verrà reindirizzato alla pagina Web fornita come collegamento nel tag di ancoraggio.

Conclusione

Allo scopo di aggiungere immagini in HTML utilizzare il etichetta. Questo tag è vuoto, non ha tag finali ed è costituito da due attributi richiesti che sono; L'attributo SRC e l'attributo Alt. L'attributo SRC viene utilizzato per indicare il percorso dell'immagine, mentre l'attributo Alt afferma un testo che viene visualizzato come alternativa nel caso in cui l'immagine non si carichi a causa di qualche problema. Utilizzando questo tag puoi aggiungere immagini da un'altra cartella o da un altro sito Web o utilizzarle come collegamenti.