1 / 7

Creating Links

This guide explains the different types of hyperlinks you'll encounter on web pages, including text links, image links, and links to email addresses. Learn how to use the anchor tag (`<a>`) to create links to various resources such as HTML pages, images, and sound files. The guide also covers how to format links with the `href` attribute and offers step-by-step instructions for creating anchor points for internal navigation on the same page. Follow the example to create a simple HTML file with image links and more.

pamela-stanton
Télécharger la présentation

Creating Links

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. Creating Links

  2. Links that you normally encounter on a webpage are… • Links created by using text • Links created by using images • Links for email address The tag used for creating link is <a> </a> (Anchor Tag). An anchor can link to any resource on the Web: an HTML page, an image, a sound file, a movie, email address etc.

  3. Links that you normally encounter on a webpage are… For example:- <a href= “url”>This is hypertext link to this url</a> The url is the targeted link. E.g. ? The text between the open and close of the anchor tag will be displayed as a hypertext. If you put an image in between the tags instead of text, then the image will contain link.

  4. <a> </a> Tag

  5. <a> </a> Tag

  6. <a> </a> Tag • To create an anchor / bookmark for link on the same page, rather than to other html page, here are the steps:- • 1) Create an anchor point, <a name=“airlines”>Airline Section</a> • 2) Link your text (e.g. Airlines) to that anchor, <a href=“#airlines”>Airlines></a>

  7. Do it now (15 minutes) Create one html file which contains the following links:- • 1) MMU Logo (an image) links to mmu’s website. • 2) A link to the bottom of your html page. From the bottom, you are able to create a link to the top of the page. • 3) Create an email link to your email.

More Related