1 / 12

HTML Links and Anchors

HTML Links and Anchors. HTML Links and Anchors. HTML Hyperlinks (Links) A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

camila
Download Presentation

HTML Links and Anchors

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. HTML Links and Anchors

  2. HTML Links and Anchors • HTML Hyperlinks (Links) • A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document. • When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

  3. HTML Links and Anchors • Links are specified in HTML using the <a> tag. • The <a> tag can be used in two ways: • To create a link to another document, by using the href attribute • To create a bookmark inside a document, by using the name attribute

  4. HTML Links and Anchors • HTML Link Syntax • The HTML code for a link is simple. It looks like this: • < a href="url">Link text</a> • The href attribute specifies the destination of a link. • Tip: The "Link text" doesn't have to be text. It can be an image or any other HTML element.

  5. HTML Links and Anchors • Example • < a href="http://www.w3schools.com/"> Visit W3Schools</a> • which will display like this: Visit W3Schools • Clicking on this hyperlink will send the user to W3Schools' homepage.

  6. HTML Links and Anchors • HTML Links - The name Attribute • The name attribute specifies the name of an anchor. • The name attribute is used to create a bookmark inside an HTML document.

  7. HTML Links and Anchors • Example • A named anchor inside an HTML document: • < a name="tips">Useful Tips Section</a>

  8. HTML Links and Anchors • Create a link to the "Useful Tips Section" inside the same document: • <a href="#tips">Visit the Useful Tips Section</a>

  9. HTML Links and Anchors • Or, create a link to the "Useful Tips Section" from another page: • < a href="http://www.w3schools.com/html_links.htm#tips"> Visit the Useful Tips Section</a>

  10. Anchors Example • Open Notepad ++ • Open your template page • Type the code on the next slide. • Tip – type <br> once, copy and paste the rest. FYI – there are 84 <br>s….

  11. HTML Links and Anchors • Visit for an example. • http://www.lexile.com/faq/#what-is-a-lexile-measure

More Related