U kunt de volgende HTML-code om een afbeelding insluiten in uw HTML document. De code maakt gebruik van de <img> tag, dat is de officiële code te gebruiken voor het inbedden van foto's op webpagina's.

U kunt ook kijken op de HTML-beelden sectie van de HTML Tutorial.

Voorbeeld Picture Code

Deze code resulteert in:

Meer Picture Codes

Hier staan ​​links naar meer foto codes. Je kunt dingen doen als hyperlink afbeeldingen of voeg een rand rond je foto. U kunt zelfs een rollover effect wanneer u de muis over de afbeelding.

• Image Links - Hiermee opent u een webpagina wanneer de gebruiker klikt op uw foto.
• Image maps - Dit zijn "klikbaar" hotspots op je afbeelding. Een foto kan linken naar vele verschillende webpagina's.
• Foto Borders - Voegt een rand om je afbeelding.
• Image Rollovers - Maakt dat "Ga met je muis over" effect. Makkelijker dan u denkt!

Foto Code Template

U kunt gebruik maken van de volgende template als basis voor uw HTML-codes afbeelding. Gewoon Vul in of verwijder uneeded attributen.

Voor een uitleg van alle attributen, zie de HTML-tag img specificaties .

<Img src = ""
	width = ""
	height = ""
	border = ""
	alt = ""
	class = ""
	id = ""
	title = ""
	style = ""
	dir = ""
	lang = ""
	ISMAP = ""
	USEMAP = ""
	align = ""
	hspace = ""
	vspace = ""
	onclick = ""
	ondbclick = ""
	onmousedown = ""
	onmouseup = ""
	onmouseover = ""
	onmousemove = ""
	onmouseout = ""
	onkeypress = ""
	onkeydown = ""
	onkeyup = "" />