Immagini HTML
- Aggiungi immagini al tuo sito web
- Alterare l'altezza e la larghezza delle immagini
- Aggiunta di immagini da un subdoler
- Aggiunta di immagini da un altro sito Web
- Utilizzo delle immagini come collegamento
Cominciamo.
1. Aggiungi immagini al tuo sito web
Le immagini possono essere incluse in un sito Web utilizzando il tag. Il tag è vuoto e consiste solo di attributi e non ha tag di chiusura.
Sintassi
Il tag ha la sintassi di seguito.
Gli attributi del tag sono spiegati di seguito.
Attributo SRC
Questo attributo descrive il percorso dell'immagine.
Attributo alt
Fornisce un nome alternativo dell'immagine. Questo alternativo appare quando per qualche motivo l'immagine non riesce a caricare. Il nome alternativo dovrebbe descrivere l'immagine.
Esempio
Nel seguente esempio, stiamo aggiungendo un'immagine di Northern Lights su una pagina Web utilizzando il tag. Abbiamo semplicemente dato il percorso dell'immagine all'attributo SRC e un nome alternativo all'immagine nel caso in cui l'immagine non si carichi.
Imparare le immagini HTML
Produzione
L'immagine dell'aurora boreale è stata incorporata nella pagina web.
Ora, nel caso, l'immagine non si carica a causa di un errore, questo è il modo in cui il nome alternativo viene visualizzato nella pagina web anziché l'immagine.
2. Alterare l'altezza e la larghezza delle immagini
Gli attributi di altezza e larghezza vengono utilizzati per alterare l'altezza e la larghezza delle immagini.
Esempio
Supponiamo di voler cambiare l'altezza e la larghezza di un'immagine HTML.
Imparare le immagini HTML
Abbiamo impostato la larghezza dell'immagine su 300 e altezza su 400.
Produzione
La larghezza e l'altezza dell'immagine sono state regolate.
Un altro modo per regolare la larghezza e l'altezza delle immagini HTML è usando l'attributo di stile.
Esempio
Nel seguente esempio, l'attributo di stile viene utilizzato per impostare la larghezza e l'altezza dell'immagine.
Imparare le immagini HTML
Abbiamo impostato la larghezza dell'immagine su 300px e l'altezza su 150px.
Produzione
La larghezza e l'altezza dell'immagine sono state modificate.
3. Aggiunta di immagini da un subdoler
Se le tue immagini vengono salvate in una cartella diversa, è necessario aggiungere il percorso di quella cartella nell'attributo SRC del tag.
Esempio
In questo esempio, l'immagine "uccello.JPG "è posizionato in" immagini "subdole, quindi stiamo dando il percorso di quella cartella nell'attributo SRC del tag.
Imparare le immagini HTML
L'immagine è presente in un sottocartella come mostrato di seguito.
Produzione
L'immagine è stata incorporata nella pagina web presente in un sottocarlo.
4. Aggiunta da un altro sito Web
Per incorporare le immagini da un altro sito Web, è semplicemente fornito l'URL dell'immagine nell'attributo SRC del tag.
Esempio
Nell'esempio seguente, un'immagine viene incorporata da Google.COM Web utilizzando l'URL.
Imparare le immagini HTML
Produzione
Immagine da Google.Il sito Web è stato incorporato.
5. Utilizzo delle immagini come collegamento
Le immagini HTML possono essere utilizzate come collegamenti e a questo scopo includono il tag all'interno del tag.
Esempio
Nel seguente esempio, l'immagine viene utilizzata come collegamento a un altro sito Web.
Imparare le immagini HTML
Produzione
Fare clic sull'immagine e il sito Web si aprirà il cui collegamento è stato fornito nell'attributo HREF del tag.
Il sito Web è stato aperto dopo aver fatto clic sull'immagine.
Conclusione
Le immagini possono essere incorporate all'interno dei siti Web utilizzando il tag HTML. È un tag vuoto con solo due attributi che sono; src e alt. L'attributo SRC prende il percorso dell'immagine e ALT funge da nome alternativo nel caso in cui l'immagine non riesca a caricare, inoltre, la larghezza e l'altezza dell'immagine possono essere regolate in base al desiderio. Le immagini possono essere incorporate da altri siti Web e possono essere utilizzate come collegamenti. Questo post discute in dettaglio le immagini HTML con l'aiuto di esempi.