1 / 16

Internet Applications Development

In this lecture, we explore the fundamentals of hyperlinks, essential for navigation on the web. Hyperlinks, which can be words, groups of words, or images, allow users to jump seamlessly between web pages. We'll discuss how to create hyperlinks using HTML through the anchor tag `<a>`, including specifying destinations with the `href` attribute. You'll learn about different types of hyperlinks: external links, local file links, internal page links, and email links. Engage actively and enhance your web development skills with practical examples.

tuvya
Download Presentation

Internet Applications Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Internet Applications Development Lecture 5 L. ObeadAlhadreti

  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: <a> </a> • href(Hypertext Reference) attribute: href specifies the address you would like to link to. < a href=“address”> text/image </a>

  5. Example: <a href=“index.html”> home page </a> • Display: home page

  6. Example: <a href=“index.html”> <imgsrc=“1.jpg”> </a> • 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. 1st Type : Insert a hyperlink to an external web site. Example: <a href=“http://www.uqu.edu.sa”> Uqu<‎/a> Display: Uqu

  9. Example: <a href=“http://www.uqu.edu.sa”> <imgsrc=“uqu.jpg”> <‎/a> Display:

  10. 2nd Type : link refers to an existing file in the same website (i.e. a local file), whether html file, image, or otherwise: Example: <a href=“timestable.html"> times table <‎/a> Display: times table

  11. Example: <a href="http://www.uqu.edu.sa/images/1.jpg "> first image <‎/a> Display: first image

  12. 3rd 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: <a name=“abc”> top </a>

  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: <a name=“abc”> top </a> <a href=“#abc”> top </a>

  14. Fth Type : the link refers to email address, using <a href=“mailto: …….@....... ”> </a> example: <a href=“mailto: ahmed@yahoo.com”> ahmed </a> Display: ahmed

  15. Questions ? Be active !

More Related