HTML Links and Navigation Quiz

Create an account and save your quiz results

Login and save your results

OR

Question 1/15

Which CSS property would you use to remove the underline from hyperlinks?

Select your answer

Question 2/15

Which attribute is used in HTML to specify the URL of the linked page?

Select your answer

Question 3/15

What is the default value of the 
target
attribute in the element?

Select your answer

Question 4/15

Which of the following link states can be styled using CSS pseudo-classes?

Select your answer

Question 5/15

Which CSS property should be used to ensure that a link changes appearance when it is hovered over?

Select your answer

Question 6/15

What does the 
title
attribute do when used in an
tag?

Select your answer

Question 7/15

What does an anchor link with only '#' as the href attribute do?

Select your answer

Question 8/15

How would you display a list of links as a horizontal navigation menu using CSS?

Select your answer

Question 9/15

Which attribute specifies whether a hyperlink is scrolling or non-scrolling?

Select your answer

Question 10/15

What is the purpose of the 
rel
attribute in a link element?

Select your answer

Question 11/15

What do you use the 
_self
value with the 
target
attribute for?

Select your answer

Question 12/15

What is a fragment identifier used for in a URL?

Select your answer

Question 13/15

To make a navigation bar responsive, which CSS feature can be used?

Select your answer

Question 14/15

What is the effect of setting 
target="_top"
in a hyperlink?

Select your answer

Question 15/15

Which of the following BEST describes the purpose of a navigation bar?

Select your answer

Your Results

You did not answer any questions correctly.

Your Answers

Question 1/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which CSS property would you use to remove the underline from hyperlinks?

Available answers

To remove the underline from hyperlinks, use the CSS property 
text-decoration: none;
.
Question 2/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which attribute is used in HTML to specify the URL of the linked page?

Available answers

The 
href
attribute specifies the URL of the page the link goes to.
Question 3/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the default value of the <pre><code>target</code></pre> attribute in the <a> element?

Available answers

The default value of the 
target
attribute is 
_self
, which means the link will open in the same window/tab.
Question 4/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which of the following link states can be styled using CSS pseudo-classes?

Available answers

The pseudo-classes 
:hover
, 
:visited
, and 
:active
can be used to style links in various states.
Question 5/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which CSS property should be used to ensure that a link changes appearance when it is hovered over?

Available answers

Using the 
:hover
pseudo-class allows you to change how a link appears when hovered over.
Question 6/15
😊 Your answer was correct 🙁 Your answer was incorrect
What does the <pre><code>title</code></pre> attribute do when used in an <pre><code><a></code></pre> tag?

Available answers

The 
title
attribute provides a tooltip that appears on hover, giving more information about the link.
Question 7/15
😊 Your answer was correct 🙁 Your answer was incorrect
What does an anchor link with only '#' as the href attribute do?

Available answers

An anchor with 
href='#'
serves as a placeholder and does not navigate to any page.
Question 8/15
😊 Your answer was correct 🙁 Your answer was incorrect
How would you display a list of links as a horizontal navigation menu using CSS?

Available answers

Setting 
display: inline;
on each link will display them horizontally.
Question 9/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which attribute specifies whether a hyperlink is scrolling or non-scrolling?

Available answers

There is no specific HTML attribute that defines whether a hyperlink is scrolling or not. Scrolling properties are controlled via CSS or JavaScript.
Question 10/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the purpose of the <pre><code>rel</code></pre> attribute in a link element?

Available answers

The 
rel
attribute specifies the relationship between the current document and the linked document.
Question 11/15
😊 Your answer was correct 🙁 Your answer was incorrect
What do you use the <pre><code>_self</code></pre> value with the <pre><code>target</code></pre> attribute for?

Available answers

The 
target='_self'
value opens the link in the same frame as it was clicked.
Question 12/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is a fragment identifier used for in a URL?

Available answers

A fragment identifier, indicated by a hash 
#
followed by a name, specifies a section within a web page to navigate to.
Question 13/15
😊 Your answer was correct 🙁 Your answer was incorrect
To make a navigation bar responsive, which CSS feature can be used?

Available answers

Flexbox is often used to create responsive layouts by allowing elements to shrink, wrap, and adjust based on the container size.
Question 14/15
😊 Your answer was correct 🙁 Your answer was incorrect
What is the effect of setting <pre><code>target="_top"</code></pre> in a hyperlink?

Available answers

The 
target="_top"
attribute is used to open the link in the full window, exiting any frames.
Question 15/15
😊 Your answer was correct 🙁 Your answer was incorrect
Which of the following BEST describes the purpose of a navigation bar?

Available answers

A navigation bar provides a set of links that help users navigate between different sections or pages of a website.