Anchor tag basics in HTML - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of the <a> tag in HTML?

The <a> tag creates a clickable link that can take you to another webpage, a different part of the same page, or start an email.

beginner

What attribute of the <a> tag specifies the destination URL?

The href attribute sets the URL where the link will go when clicked.

beginner

How do you make a link open in a new browser tab?

Add target="_blank" to the <a> tag to open the link in a new tab.

intermediate

Why should you use the rel="noopener noreferrer" attribute with target="_blank"?

It improves security and privacy by preventing the new page from accessing the original page's window object.

beginner

What does this anchor tag do? <a href="#section2">Go to Section 2</a>

It links to a part of the same page with the ID section2, scrolling the page to that section.

Which attribute is required to make an <a> tag a clickable link?

A href

B src

C alt

D title

The href attribute defines the link's destination URL.

What happens if you omit the href attribute in an <a> tag?

A The link opens in a new tab.

B The link will not be clickable.

C The link downloads a file.

D The link scrolls to the top of the page.

Without href, the <a> tag is not a link and is not clickable.

How do you make a link open in the same tab?

A No attribute needed; default is same tab

B Add <code>target="_blank"</code>

C Add <code>rel="noopener"</code>

D Add <code>target="_self"</code>

By default, links open in the same tab without extra attributes.

What does href="#top" do in an anchor tag?

A Opens a new tab

B Links to a page named 'top'

C Links to the top of the current page

D Downloads a file named 'top'

The hash (#) links to an element with the ID 'top' on the same page.

Which attribute improves security when using target="_blank"?

A href="noopener"

B alt="noopener"

C target="_self"

D rel="noopener noreferrer"

Adding rel="noopener noreferrer" prevents the new page from accessing the original page.

Explain how to create a link that opens a new website in a new browser tab using the anchor tag.

Think about the attributes needed for the link destination and opening behavior.

Describe how you can link to a specific section within the same webpage using an anchor tag.

Consider how the URL can point to a part of the current page.