Immagini e Link
Per visualizzare un'immagine si usa il tag <img>
Tipici attributi del tag <img> sono:
- src (obbligatorio) contiene l'url dell'immagine da visualizzare
- width indica la larghezza in pixel dell'immagine
- height indica l'altezzaa in pixel dell'immagine
- title Indica il tooltip da visualizzare quanda il mouse va sopra l'immagine
- alt Indica il testo altenativo all'immagine quando l'url è errata
Esempio d'uso
<img src="https://www.caruso.link/davide/Images/Banner.jpg" width="460" height="161" title="Informatica" alt="Banner Informatica">
Per inserire il link ad un'altra pagina si usa il tag <a>
Tipici attributi del tag <a> sono:
- href (obbligatorio) contiene l'url della pagina da aprire
- target indica dove deve essere aperta la pagina, valori consentiti sono:
- _self apre il collegamento nella stessa finestra o scheda( IMPOSTAZIONE DI DEFAULT)
- _blank apre il collegamento in una nuova finestra o scheda
- _parent apre il collegamento nell’eventuale riquadro principale
- _top apre il collegamento a tutta finestra
- framename apre un collegamento in uno specifico riquadro (frame)
Esempio d'uso
<a href="https://www.caruso.link/davide" target="_blank">Pagina di Davide Caruso</a>
Ecco i link all'esercizio di esempio sulle liste con aggiunta di immagini e link
Es liste, immagini e link Es liste, immagini e link su JSFiddle