Hyperlinks are clickable text or images that direct your visitors to other web pages, documents, media files, or another section within a page. In this tutorial, you'll learn how to select text you want to turn into a link and use the <a></a>, or anchor tags, to make the text clickable. You'll then use the href attribute to specify which site, page, or document to open.
Get files Sample files to practice with (ZIP, 16.3 MB)
Scroll to the section titled <!-- Start Here --> and find the first menu item, labeled ABOUT.
First, add anchor tags (<a></a>) around the words ABOUT. Then, add the href=" " attribute to the opening <a> tag. Enter the full web URL http://www.nasa.gov inside the quotes (" ").
When you link to a page outside of your website, you may want to open the page in a separate window so the user does not navigate away from your site. To do this, add the target="_blank" attribute.
A typical website consists of multiple pages or documents. Users will likely access these pages by clicking links from the main menu or other parts of a page. In this example, we'll link to gallery.html which is included in the project files.
Add the <a></a> tags around the word IMAGES. Then, type href=" in the opening <a> tag and browse to gallery.html. Click Open.
Some pages of a website may have a lot of content that requires scrolling. Anchor links enable visitors to click on a link that directs them to another part of the same page. Creating anchor links is a two-step process.
First, add a unique id to the section of the page you want to link to. The practice file already has an id of section2A defined in the <div> tag at about line 42.
Next, add <a></a> tags around the word ARTICLES in the navigation menu. Then add the href=" " attribute. Specify the exact name of the id above starting with a hashtag (#) inside the quotes (" ").
That's it! You're done. Please let us know what you think about this tutorial.