bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/HTML/HTML Foundations
HTML•HTML Foundations

HTML Links - Create Bookmarks

Flash cards

Review the key moves

1/4
Core idea

What is the main idea behind HTML Links - Create Bookmarks?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Fill blank

Complete the missing token from the example code.

<h2 id="C4">___ 4</h2>
3Order

Put the learning moves in the order that makes the concept easiest to apply.

HTML links can be used to create bookmarks, so that readers can jump to specific parts of a web page.
Create a Bookmark in HTML
HTML Links - Create Bookmarks

HTML links can be used to create bookmarks, so that readers can jump to specific parts of a web page.

Create a Bookmark in HTML

Bookmarks can be useful if a web page is very long.

To create a bookmark - first create the bookmark, then add a link to it.

When the link is clicked, the page will scroll down or up to the location with the bookmark.

Example

First, use the id attribute to create a bookmark:

<h2 id="C4">Chapter 4</h2>

Then, add a link to the bookmark ("Jump to Chapter 4"), from within the same page:

Example

Formatted code
<a href="#C4">Jump to Chapter 4</a>

Live preview

You can also add a link to a bookmark on another page:

<a href="html_demo.html#C4">Jump to Chapter 4</a>

Chapter Summary

  • Use the id attribute (id=" value ") to define bookmarks in a page
  • Use the href attribute (href="# value ") to link to the bookmark

HTML Link Tags

TagDescription
<a>Defines a hyperlink

For a complete list of all available HTML tags, visit our HTML Tag Reference .

Previous

HTML Links - Different Colors

Next

HTML Images