csc(7)external pdf

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What is the purpose of the href attribute in an anchor tag?

It determines the text color of the link.

It specifies the page or document to be linked. (correct)

It opens the link in a new browser window.

It specifies the style of the hyperlink.

Which tag is used to create a hyperlink in HTML?

<a> (correct)

<link>

<href>

What does the target attribute in an anchor tag control?

The font size of the hyperlink.

The browser compatibility for the link.

The animation effect of the hyperlink.

The location where the linked document is opened. (correct)

Why would you use a base path in HTML hyperlinks?

To simplify the coding of hyperlinks across multiple documents. Signup and view all the answers

When using the anchor tag, what part of the HTML determines which content becomes clickable?

The content between the opening and closing <a> tags. Signup and view all the answers

What will happen if you omit the href attribute in an anchor tag?

The anchor tag will still be clickable but do nothing. Signup and view all the answers

What HTML element is responsible for linking documents to the same website without a full URL?

<base> Signup and view all the answers

Which CSS property is used to change the background color of table header cells?

background-color Signup and view all the answers

What element is used to define a group of header cells in a table?

thead Signup and view all the answers

For what purpose would you use multiple elements in a table?

To create headers for different sections of data Signup and view all the answers

When styling table headings, which property controls the alignment of the text?

text-align Signup and view all the answers

Which practice is common when creating complex tables with multiple headers?

Utilizing <th> in any row as necessary Signup and view all the answers

What is the purpose of the src attribute in an HTML image link?

It contains the path of the image to be displayed. Signup and view all the answers

How can you create a tooltip for an image link in HTML?

By including the title attribute in the img tag. Signup and view all the answers

Which of the following describes the correct syntax to create an image hyperlink in HTML?

<a href='URL'><img src='image_path'></a> Signup and view all the answers

What is the purpose of the mailto protocol in HTML email links?

To automatically compose an email in the user's default client. Signup and view all the answers

In what scenario would you use a client-side image map in HTML?

When you need to create clickable areas within an image. Signup and view all the answers

Which attribute must be included in the anchor tag to specify the link destination for an image?

href Signup and view all the answers

What would be a correct way to encode a space in the subject of an email link?

%20 Signup and view all the answers

Which type of image maps require server-side processing?

Server-side image maps Signup and view all the answers

Which of the following is NOT a feature of HTML image links?

Embedding large videos directly into the page. Signup and view all the answers

What happens when you click on an image linked using the anchor tag?

You will be redirected to the specified URL. Signup and view all the answers

What attribute is used to navigate to a specific section on the same webpage?

href Signup and view all the answers

Which of the following attributes is NOT used to style hyperlink colors?

hover Signup and view all the answers

What does the download attribute do when used in an anchor tag?

Forces the file to download instead of open Signup and view all the answers

How can colors of links be altered for different states using CSS attributes?

using link, alink, and vlink attributes Signup and view all the answers

Which HTML tag is primarily used to create a hyperlink?

<a> Signup and view all the answers

In the context of image links, what happens when an image is clicked?

The image navigates to a predetermined web page Signup and view all the answers

Which CSS property could be used to set the visual presentation of a link?

color Signup and view all the answers

What is the function of the '#' symbol in an href attribute?

It identifies a specific section in a webpage Signup and view all the answers

How can you check the colors associated with hyperlink states during testing?

By clicking the link and observing its color change Signup and view all the answers

What tag is used to insert data in a table cell?

<td> Signup and view all the answers

Which attribute is used to set a background image for an HTML table?

background Signup and view all the answers

Which tag is typically used for the first row of a table to define headings?

<th> Signup and view all the answers

What is the purpose of the tag in an HTML table?

To provide an explanation or title for the table Signup and view all the answers

If a table should not have a border, what attribute value should be used?

border='0' Signup and view all the answers

What tag is used to define a table row in HTML?

<tr> Signup and view all the answers

How can the color of a table's background be adjusted using HTML attributes?

Using the bgcolor attribute Signup and view all the answers

Which tag signifies the headings of a column in an HTML table?

<th> Signup and view all the answers

What is the role of the tag in a table?

To group header content Signup and view all the answers

Which of the following statements about the tag is false?

It can contain numeric data only. Signup and view all the answers

Study Notes

HTML Links (Hyperlinks)

Hyperlinks are words or buttons that link to another page when clicked.
A hyperlink allows users to navigate from one webpage or resource to another.
Hyperlinks can be created using text or images.
A hyperlink is formed using the HTML Anchor Tag (<a>).

Anchor Tag (`<a>`)

The anchor tag (<a>) creates hyperlinks between pages.
Anything inside the opening <a> and closing </a> tags becomes clickable.
Clicking the link opens the linked page.

Syntax for Hyperlinks

<a href="URL" target="_target_type">Link Text</a>
- href: Specifies the URL of the linked webpage or document.
- target: Specifies where the linked document will open. "_self" opens in the same window, "_blank" in a new window.
- "Link Text": The clickable text or content.

Example HTML Document with Hyperlinks

<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<body>
<p>Click following link</p>
<a href="https://www.kwasu.com.ng/portal/" target="_self">Kwasu Portal</a>
</body>
</html>

Target Attribute

The target attribute specifies the location where the linked document opens.
Possible target values include:
- _self: Opens the linked document in the same window/tab.
- _blank: Opens the linked document in a new window/tab.
- _parent: Opens the linked document in the parent frame.
- _top: Opens the linked document in the full window, replacing any other frames.

Base Path in Hyperlinks

If the linked documents are related to the same website, use a base tag in the HTML header.
This tag defines a base path which concatenates with relative paths to create full URLs.

Linking to a Page Section

Linking to a specific section within the same page is done using an #id value in the href attribute.
The #id targets an element on the page.

HTML Image Links

Images can act as links.
Clicking an image navigates to a different page or resource.
Created with an <img> tag inside an <a> tag.

HTML Email Links (mailto)

The mailto: protocol is used to automatically open a default email client to compose a message.
The href attribute uses the mailto: protocol, example: mailto:[email protected]
Subject and body can be pre-defined using the mailto: protocol with subject= and &body= parameters.

HTML Tables

Tables organize data in rows and columns.
Useful for presenting structured data.
<table> tag wraps the table.
<tr> tag defines a table row.
<td> tag defines a standard table data cell.
<th> tag defines a table header cell.

HTML Table Headers and Captions:

<thead>, <tbody> and <tfoot> are used to define table header, body and footer section, respectively.
` is used to specify the caption.
Headers: <th> tags are used for headings within table rows.
Captions: <caption> tags are used for descriptions/titles of the table.

Styling Tables

CSS can be used to style the appearance of tables

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Explore the foundations of HTML hyperlinks with this quiz focused on the anchor tag. Learn how to create clickable links that navigate users to different webpages. Test your knowledge on the syntax and functionality of hyperlinks in web development.