Loading... Login Loading... Register

HTML Links and Navigation Quiz

Want to learn more than this quiz offers you? Have a look at my Frontend web development courses.

Create an account and save your quiz results

Login and save your results

First Name *

Last Name *

Email *

Password *

Confirm Password *

I agree to the Terms of Service & Privacy Policy.

Add me to your newsletter.

Question 1/15

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

Select your answer

color

background-color

text-decoration

:hover

Question 2/15

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

Select your answer

style

scroll

scrolling

There is no such attribute

Question 3/15

Which of these events is triggered when a user clicks on a link?

Select your answer

ondblclick

onmouseout

onmouseover

onclick

Question 4/15

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

Select your answer

Set

display: block;

for each link

Set

display: none;

for each link

Set

display: inline;

for each link

Set

display: table-row;

for each link

Question 5/15

What do you use the

_self

value with the

target

attribute for?

Select your answer

Open the link on top of all frames

Open the link in a new window

Open the link in the same frame as it was clicked

Open the link in the parent's frame

Question 6/15

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

Select your answer

src

href

link

path

Question 7/15

What is the default value of the

target

attribute in the element?

Select your answer

_blank

_parent

_self

_top

Question 8/15

What is the effect of setting

target="_top"

in a hyperlink?

Select your answer

It does nothing special.

It opens the link at the top of the page.

It opens the link in the same frame.

It opens the link in the full body of the window, exiting any frames.

Question 9/15

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

Select your answer

Opens a new tab.

Navigates to the top of the page.

None of the above.

Creates a dummy link with no navigation.

Question 10/15

What is a fragment identifier used for in a URL?

Select your answer

To style text

To access server resources

To create a new domain suffix

To define a section within a web page

Question 11/15

What does the CSS property

text-indent

do when applied to a hyperlink?

Select your answer

Creates a border around the hyperlink

Indents the hyperlink horizontally

Changes the text color

Moves the hyperlink vertically

Question 12/15

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

Select your answer

To display images in a scrollable area

To contain advertisement banners

To store user's login information

To provide links for navigating between different sections or pages

Question 13/15

What is a benefit of using a

element over a

for navigation links?

Select your answer

semantic meaning and SEO benefit

It includes JavaScript by default

It cannot be used in HTML5

It automatically adds styles

Question 14/15

What does the

title

attribute do when used in an

tag?

Select your answer

Opens the link in a new window.

Adds an underscore effect to the link.

Changes the color of the link.

Provides a tooltip with more information about the link.

Question 15/15

What is the purpose of the

rel

attribute in a link element?

:hover

pseudo-class allows you to change how a link appears when hovered over.

Question 2/15

😊 Your answer was correct 🙁 Your answer was incorrect

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

Available answers

<pre><code>style</code></pre>

<pre><code>scroll</code></pre>

<pre><code>scrolling</code></pre>

There is no such attribute

There is no specific HTML attribute that defines whether a hyperlink is scrolling or not. Scrolling properties are controlled via CSS or JavaScript.

Question 3/15

😊 Your answer was correct 🙁 Your answer was incorrect

Which of these events is triggered when a user clicks on a link?

Available answers

<pre><code>ondblclick</code></pre>

<pre><code>onmouseout</code></pre>

<pre><code>onmouseover</code></pre>

<pre><code>onclick</code></pre>

The

onclick

event is triggered when a user clicks on a link or any other element.

Question 4/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

Set <pre><code>display: block;</code></pre> for each link

Set <pre><code>display: none;</code></pre> for each link

Set <pre><code>display: inline;</code></pre> for each link

Set <pre><code>display: table-row;</code></pre> for each link

Setting

display: inline;

on each link will display them horizontally.

Question 5/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

Open the link on top of all frames

Open the link in a new window

Open the link in the same frame as it was clicked

Open the link in the parent's frame

The

target='_self'

value opens the link in the same frame as it was clicked.

Question 6/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 7/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

<pre><code>_blank</code></pre>

<pre><code>_parent</code></pre>

The default value of the

target

attribute is

_self

, which means the link will open in the same window/tab.

Question 8/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

It does nothing special.

It opens the link at the top of the page.

It opens the link in the same frame.

It opens the link in the full body of the window, exiting any frames.

The

target="_top"

attribute is used to open the link in the full window, exiting any frames.

Question 9/15

😊 Your answer was correct 🙁 Your answer was incorrect

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

Available answers

Opens a new tab.

Navigates to the top of the page.

None of the above.

Creates a dummy link with no navigation.

An anchor with

href='#'

serves as a placeholder and does not navigate to any page.

Question 10/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is a fragment identifier used for in a URL?

Available answers

To style text

To access server resources

To create a new domain suffix

To define a section within a web page

A fragment identifier, indicated by a hash

followed by a name, specifies a section within a web page to navigate to.

Question 11/15

😊 Your answer was correct 🙁 Your answer was incorrect

What does the CSS property <pre><code>text-indent</code></pre> do when applied to a hyperlink?

Available answers

Creates a border around the hyperlink

Indents the hyperlink horizontally

Changes the text color

Moves the hyperlink vertically

The

text-indent

property sets the horizontal indent for the first line of the hyperlink's text within its container.

Question 12/15

😊 Your answer was correct 🙁 Your answer was incorrect

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

Available answers

To display images in a scrollable area

To contain advertisement banners

To store user's login information

To provide links for navigating between different sections or pages

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

Question 13/15

😊 Your answer was correct 🙁 Your answer was incorrect

What is a benefit of using a <pre><code><nav></code></pre> element over a <pre><code><div></code></pre> for navigation links?

Available answers

semantic meaning and SEO benefit

It includes JavaScript by default

It cannot be used in HTML5

It automatically adds styles

Using a

element provides semantic meaning to the document structure and can enhance SEO, as search engines identify it as a block of navigation links.

Question 14/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

Opens the link in a new window.

Adds an underscore effect to the link.

Changes the color of the link.

Provides a tooltip with more information about the link.

The

title

attribute provides a tooltip that appears on hover, giving more information about the link.

Question 15/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

Specifies the language of the URL.

Specifies the relationship between the current document and the linked document.

Specifies the target of the link.

Specifies a link for the document’s favicon.

The

rel

attribute specifies the relationship between the current document and the linked document.

Create an account and save your quiz results

Login and save your results

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Select your answer

Your Results

Your Answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers

Available answers