Scribd
Upload
17 views4 pages

HTML Links and Frames for Grade 8

This document provides notes on HTML links and frames for Grade 8 Computer Science. It covers key concepts such as the <A> tag for hyperlinks, the difference between internal and external linking, and the use of <AUDIO> and <VIDEO> tags for multimedia. Additionally, it includes questions and answers to reinforce understanding of hyperlinking and frames in web design.

Uploaded by

Richmond Yuoni
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
17 views4 pages

HTML Links and Frames for Grade 8

This document provides notes on HTML links and frames for Grade 8 Computer Science. It covers key concepts such as the <A> tag for hyperlinks, the difference between internal and external linking, and the use of <AUDIO> and <VIDEO> tags for multimedia. Additionally, it includes questions and answers to reinforce understanding of hyperlinking and frames in web design.

Uploaded by

Richmond Yuoni
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Computer Science

Chapter 6: Links and Frames in HTML Grade 8

CLASS NOTES-ANSWERS
Brain Developer

A) Select the correct option.

1) The href attribute of <A> tag defines the document to which the link leads.

a) href b) src c) ref

2) Relative URL points to a file within a website.

a) Absolute b) Relative c) Internal

3) Which of the following specifies the color of a link when it is clicked?

a) Visited b) Hover c) Active

4) .webm he is one of the supported file formats for a/an video file.

a) audio c) Frame

b) video

B) Fill in the blanks.

1) Hyperlinking can be defined as linking various web pages together.

2) When one part of a web page is linked to another section of the same page, it is

called internal linking.

3) The <A> tag is used to mark the text as a hyperlink.

4) Frames allow multiple HTML documents to be presented as independent

windows within one browser window.

Internal <A> Hyperlinking Frames

C) Write T for true and F for false.

1) A link can be displayed as a button on a web page. -T

2) Any image can be used as a hyperlink to another document. -T

3) Frames can be created using the <iFRAME> tag. -T

4) A hypertext contains a link to the information on the same web page or another

web page. -T

[Link] 1
Computer Science

Chapter 6: Links and Frames in HTML Grade 8


D) Answer the following questions.

1) Why do you include hyperlinks in your web page?

A website consists of a number of web pages that gives us access to the related

information. HTML renders a powerful feature for linking these web pages together

called hyperlinking. Using hyperlinks, one can open any linked web page on the

internet in no time. When we hover the mouse pointer over a link, it will turn into a

little hand symbol. Hence, we can use hyperlinks to:

• jump from one section to another within the same web page.

• link to another page within the same website.

• page or website anywhere on the web.

2) Distinguish between internal and external linking.

There are two types of hyperlinking:

a) Internal linking: When one part of the web page is linked to another section on

the same page.

b) External linking: When one page is linked to another web page or website.

In HTML, the ‘href’ attribute of the <A> tag is used to define the document to which

the link leads.

Syntax: <A href = "value"> CLICK HERE </A>

where value can be:

• Absolute URL: It points to another website, like <A href =

"[Link]

• Relative URL: It points to a file within a website, like <A href = "[Link]">

• Link to an e-mail address, like <A href = "mailto: info@[Link]">

3) Describe the use of the anchor tag. Give syntax.

In HTML the Anchor tag <A> is used to mark the text as a hyperlink, which a user can

click to display the document anchored to it. It is a container tag used to specify the

following:

[Link] 2
Computer Science

Chapter 6: Links and Frames in HTML Grade 8


• The text or image that is clicked to activate the link.

• The address that will be opened using the defined link.

The href attribute of the anchor <A> tag defines the document to which the link leads.

Syntax: <A href = "value"> CLICK HERE </A>

where value can be:

• Absolute URL: It points to another website, like <A href =

"[Link]

• Relative URL: It points to a file within a website, like <A href = "[Link]">

• Link to an e-mail address, like <A href = "mailto: info@[Link]">

4) List the tags that you use to include audio and video clips. Give syntax.

The <AUDIO> tag specifies a standard way to insert an audio file in a web page. It can

be used for any file format like .mp3, .ogg, dot, .wav, etc. The attributes of the

<AUDIO> tag are src, controls, autoplay and loop.

We can insert video files in our HTML pages with the help of the <VIDEO> tag.

Supported file formats include .mp4, .webm, .ogg, etc. Attributes associated with the

<VIDEO> tag are src, controls autoplay, height and width.

5) How are frames useful in creating web pages?

Frames are a way of organising a website by enabling the user to divide a page into a

number of rectangular segments for different purposes. Frames allow multiple HTML

documents to be presented as independent windows within one browser window.

This gives greater flexibility to design and maintain a website than simply dumping

everything onto one web page. Frames make a website interesting as we can include

the website theme (image, logo, banners, etc.). The navigation menu in frames is not

to be downloaded each time we visit a new page, we only have to change the content

of the page. Frames can be created by using the <iFRAME> tag.

Syntax: <iFRAME src = “value”> where value = path of the document

[Link] 3
Computer Science

Chapter 6: Links and Frames in HTML Grade 8


6) Write a code in HTML to add a sound file national_song.mp3 in your web page.

Answer: <AUDIO controls src="national_song.mp3"></AUDIO>

E) Competency-based question.

Vikram is creating a website in which he wants to use different images as links to the

web pages. He is also interested in adding some video clips in his website. Can you

suggest him the required tags to include the set elements in his website?

Answer: To use an image as a link, Vikram can use the <A> (anchor) tag along with the

<IMG> (image) tag, and to add a video clip, he can use the <VIDEO> tag.

[Link] 4

Common questions

Powered by AI

Despite their organizational benefits, frames can complicate navigation and SEO as they obscure content and URL changes. Maintaining consistent styling and ensuring functionality across all browsers can be challenging. Consequently, frames may complicate bookmark saving and history navigation, leading to a fragmented user experience if not carefully managed .

The href attribute within the <A> (anchor) tag specifies the URL of the page the link goes to. It can point to an absolute URL to link to another website or a relative URL for a file within the same site. Examples include <A href="http://example.com">Example</A> for an external link and <A href="page.html">Page</A> for an internal link .

The <VIDEO> tag enriches a web page by allowing video playback directly within the website interface without needing external applications. Attributes like controls, autoplay, and loop enhance user interaction by providing play/pause buttons, enabling continuous play, and replaying upon completion, respectively. Supported formats such as .mp4 and .webm ensure broad availability and compatibility .

Internal linking involves connecting different sections within the same web page, using an anchor tag that references the element's ID. External linking connects one web page to a different web page or website, usually by using an absolute URL in the href attribute, linking to an entirely different domain .

Audio elements engage users audibly and can be used for background ambiance, alerts, or as part of interactive elements. The <AUDIO> tag allows seamless integration into web pages, supporting multiple formats like .mp3 and .ogg, with attributes such as src for file paths, controls for user interface, and autoplay for automatic playback .

Frames allow a web page to be divided into distinct sections where each section can display a different HTML document. This provides flexibility in website design, enabling consistent navigation menus and content structure. Frames are implemented using the <iFRAME> tag which includes attributes such as src for specifying the path of the HTML document .

Hyperlinking fundamentally enhances web navigation, allowing for intuitive access to a plethora of information and resources seamlessly. By connecting related content within and across websites, it incentivizes user engagement and interaction, thereby enhancing the overall user experience by streamlining the information gathering process .

Images can be made interactive hyperlinks by using the <A> and <IMG> tags together. The <A> tag wraps around the <IMG> tag, setting the image source within the src attribute of <IMG>, and using href in the <A> tag to specify the destination address. For example, <A href="http://www.example.com"><IMG src="image.jpg" alt="example"></A> forms an image link to another website .

The <A> tag in HTML is used to create hyperlinks, which allow users to click on a text or image to navigate to another document. It is implemented by using the href attribute to specify the destination document. For example, the syntax <A href="http://www.google.com/">LINK</A> would direct to Google when clicked .

Relative URLs offer greater portability within the same domain, as links remain valid regardless of the domain name, facilitating site migration or restructuring. However, absolute URLs are necessary for referencing external content but can complicate domain changes due to their fixed nature, requiring extensive updates for consistency, thus presenting a trade-off between convenience and stability .

You might also like