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.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

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

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.

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.

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.

HTML Links and Anchors Example A named anchor inside an HTML

document: < a name="tips">Useful Tips

Section</a>

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>

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>

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

HTML Links and Anchors Visit for an example.

http://www.lexile.com/faq/#what-is-a-lexile-measure