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