19. Creating Absolute Links <a href="url">Text to be displayed</a> Anchor Tag href attribute used to address the document to link to Where this link will take you (website, page, open file etc.) Text hyperlink that appears in browser Closing Anchor Tag
20. Creating Relative Links <a href=“nameofpage.html">Text to be displayed</a> Anchor Tag href attribute used to address the document to link to Where this link will take you (page within website name.) Text hyperlink that appears in browser Closing Anchor Tag
21. Creating Links Target attribute With the target attribute, you can define where the linked document will be opened. Target=“_blank” ….opens link in new browser window Enrichment….additional targets (4 of them), and Name attribute of Anchor tag <a href="url“ target=“_blank” >Text to be displayed</a>
22. Creating Links Email Link (Mailto) <a href= “ mailto:mlackner@loyolablakefield.org?subject=Hello%20Again ”> click here to email me</a>
23. Link Colors You can change all of the link colors by adding the following attributes to the body tag. link –any hyperlink on page vlink –any visited (or link once clicked on) link on the page <body link=“red” vlink=“blue”>
24. Images Img = image src = source of the image alt = stands for alternate and is used to name the image, important for visually impaired users (text to speech) <img src =“nameoftheimage.jpg” alt=“description”> <img src =“nameoftheimage.gif” alt=“description”>
25. Images Aligning Images can be done with the “align=“ tag. Place this inside of your image source code. You can only align to the right or to the left with this tag. <img src=“name.jpg” alt=“description” align=“right”> *Note <img….> tag is an empty tag with no </img> tag necessary
26. Image as a Link <a href=“url or file name”><img src = “imagefile.jpg” alt=“description”></a> Insert the img src tag in place of the clickable text on a normal link
![[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)