Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Links and Anchors.

Similar presentations

Presentation on theme: "HTML Links and Anchors."— 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=" 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.

Download ppt "HTML Links and Anchors."

Similar presentations

Ads by Google