The document discusses various aspects of hypertext markup language (HTML) links. It explains how to create internal and external links using the <a> anchor tag, and how attributes like href, title, name and target can be used to further specify link properties and behavior. It also discusses how to link to email addresses and different types of paths for linking to files locally or between folders.

1. HYPERTEXT MARKUP LANGUAGE WEB ENGINEERING LAB-3

2. Overview Working with links

3. Using the ANCHOR tag The anchor element <a> is used to create links. <a href=“url” title=“text”> description </a>

6. Observe the output

7. Observe the output Did you notice that there is a space after heading but not after the links?

8. Types of HTML elements Inline elements: have no line breaks associated with the element and flow horizontally using a soft line break when reaching the edge of its parent element. Block-level elements: place a line break before and after the element. Such elements stack vertically on top of each other.

10. Absolute path specifies a file’s precise location within a computer’s entire folder structure. course C:/course/bcit/class1/eng.html se bcit index.html class1 list.html intro.html chem.html math.html eng.html

11. Relative path specifies a file’s location in relation to the location of the current document. course se bcit index.html class1 list.html intro.html chem.html math.html eng.html

12. If the file is in same folder as the current document, you do not specify the folder name. contact.html course se bcit index.html class1 list.html contact.html intro.html eng.html chem.html math.html

13. If the file is in a subfolder of the current document, include the name of the subfolder followed by the file name. class1/math.html course se bcit index.html class1 list.html contact.html intro.html eng.html chem.html math.html

14. To go one level up the folder tree, start the relative path with a double period (..) & then provide the name of the file ../index.html course se bcit index.html class1 list.html contact.html intro.html eng.html chem.html math.html

15. To specify the same folder on same level (sibling folder), move up the folder tree using double period (..) & then down the tree using the name of the sibling folder. ../se/list.html course se bcit index.html class1 list.html contact.html intro.html eng.html chem.html math.html

18. Once you have named a location in the document, you can go to that location taking a normal link tag & adding a number sign (#) & the name assigned to the URL.<a href=“#top”> go to top of the page</a>

21. To return the previous page, one has to click their browser’s Back button.

24. When someone clicks on this type of anchored link, their default email program initiates an email message to the linked address.