1. Internet Applications Development Lecture 5 L. Obead Alhadreti

2. Lecture Outline: Links with HTML.

3. How do we move from a web page to another ?! We can move between web pages by clicking on a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new destination. Hyperlinks are the spirit of the Web. If the web is a spider as a whole, these links are the threads that make up this network and link between millions of addresses. The question now is: How to insert a hyperlink?

4. Links inserted using the a (anchor) tag: href (Hypertext Reference) attribute: href specifies the address you would like to link to. text/image

5. Example: home page Display: home page

6. Example: Display:

7. There are several options for hyperlinks: it can be a link to another site, another page within the site itself, a place in the same page (up or down), or an email address.

8. 1 st Type : Insert a hyperlink to an external web site. Example: Uqu Display: Uqu

9. Example: Display:

10. 2 nd Type : link refers to an existing file in the same website (i.e. a local file), whether html file, image, or otherwise: Example: times table Display: times table

11. Example: first image Display: first image

12. 3 rd Type : the link refers to a place within the same page,( for example at the beginning or at the end of the page or any other place you want) To link to a place within your existing page, firstly, a name must be given to the anchor using the name attribute. example: top

13. Secondly, we create the links by placing the hash symbol followed by the name of the anchor in the href of the new link. example: top

14. Fth Type : the link refers to email address, using example: ahmed Display: ahmed

16. Questions ? Be active !