Anche se HTML è in versione 5 al momento della pubblicazione, il codice IMG SRC non è cambiato molto dalla versione 1. È comunque collegare immagini con il tag "a href", e si chiama per l'immagine invece di testo con il tag "img src". Se si desidera ridimensionare l'immagine, c'è un posto per questo nella codificazione. Se si desidera un bordo, c'è spazio che, anche per. Ma IMG SRC è ancora il tag di inserimento immagine di base.

Il Tag IMG SRC

Quando si desidera aggiungere un'immagine a una pagina web e si modifica utilizzando HTML, è necessario utilizzare il tag IMG SRC. Dovrebbe essere simile al seguente: < img / >

Questo è il codice di inserimento immagine più semplice. In genere, ha pochi altri attributi aggiunti su di esso, come dimensioni, qualsiasi tipo di collegamento, un hover-didascalia o allineamento. È inoltre possibile sostituire un URL per il nome dell'immagine, se l'immagine che si desidera visualizzare non è effettivamente memorizzato nel vostro file manager. In tal caso, il codice di immagine sarebbe < img / >

Aggiunta di quote per l'immagine

Per aggiungere dimensioni di un'immagine che potrebbe essere troppo grande per inserire nel sito Web, tutto quello che fare è aggiungere dimensioni (in pixel) per il tag di immagine: < img altezza = larghezza 200 = 300 / >

Cercare di assicurarsi che le dimensioni si dà l'immagine sono proporzionali all'originale. Se non si prendono cura di mantenere una proporzione, l'immagine finirà per distorta e allungato.

Collegamento l'immagine

Per aggiungere un collegamento a un'immagine, è necessario aggiungere un < a href > tag. Un'immagine collegata dovrebbe essere codificata come questo: < a href = "link URL" >< img altezza = larghezza 200 = 300 / >< /a >

Il < a href > tag opere per qualsiasi collegamento ipertestuale, quindi se hai lasciato fuori la IMG SRC codice e digitato testo dove appare in sopra, il testo sarebbe legato, non l'immagine. Sarebbe simile a questo: < a href = "link URL" > testo < /a >

Aggiunto al Tag IMG ALT

Un'aggiunta comune per il tage IMG SRC è alt, che sta per "alternativa". Nel codice, di solito appare alla fine dell'elenco di attributi, come questo: < img altezza = larghezza 200 = 300 alt = "nome immagine" / > quindi se l'immagine non viene caricata, testo verrà visualizzato con l'icona di immagine interrotta e verrà visualizzato il nome dell'immagine. Il vantaggio di questa operazione è che invece di solo un'icona di immagine spezzata, i visitatori del sito sapranno almeno il nome dell'immagine.