Come aggiungere un'immagine in HTML
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.