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=" 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=" 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….

12. HTML Links and Anchors Visit for an example.