Kips Class 8 Cyber Beans Chapter 10 Images, Links & Frames in HTML5


Chapter 10 Images, Links & Frames in HTML5

Brain Developers
A. Fill in the blanks:
1. Images can be added to the document with the help of <img> tag.
2. The alt attribute lets you specify text as an alternate to the image.
3. Hyperlinking is the process to link various web pages together.
4. When one part of a web page is linked to another section of the same page, it called internal linking.
5. Frames allow you to present multiple HTML document as independent windows within one browser window.
6. Groove is one of the possible values for the CSS border-style property.

B. State True or False:
1. You cannot display photographs on a web page. (False)
Correct Answer:
You can display photographs on a web page.
2. <H> is used to mark the text as a hypertext link. (False)
Correct Answer:
<A> is used to mark the text as a hypertext link.
3. The value for the alt attribute is a text string of up to 2000 characters. (False)
Correct Answer:
The value for the alt attribute is a text string of up to 1024 characters.
4. Any image can be used as a hyperlink to another document. (True)
5. We can insert an Audio clip or file of any format like .mp3, .ogg, .wav, etc. in our web page with the help of Audio tag. (True)
6. In HTML5, Frames can be created using <iframe> tag. (True)

C. Application Based Questions:
1. Asmita has added a few images on her web page, but she wants to keep some provision for visually impaired persons using text-based browsers so that they get the description for the images. Which attribute should she use to accomplish the task?
Answer:
She should use alt attribute of <img> tag to accomplish this task.

2. 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 to his website. Can you suggest him the required tags to include the above said elements to his website?
Answer:
Vikram can use image tag inside anchor tag to make the image as a link to some web page. Example:
<a href=”file.html”>
<img src=”Games.jpg”></a>

D. Multiple Choice Questions:
1. ____________ attribute of <A> tag defines the document to which the link leads.
a) href
b) src
c) ref
Answer:
a) href

2. A ______________ URL points to a file within a web site.
a) Absolute
b) Relative
c) Internal
Answer:
b) Relative

3. ________ property is used to align an image to the right or left of the text.
a) Wrap
b) Float
c) Align
Answer:
c) Align

4. _____________ attribute of <audio> tag plays the audio file automatically when the web page is loaded.
a) Start
b) Autoplay
c) Auto
Answer:
b) Autoplay

5. .webm is one of the supported file formats for _________ file.
a) Audio
b) Video
c) Frame
Answer:
b) Video

6. _______________ attribute specifies the path of the document that should be displayed in the inline frame.
a) Height
b) Src
c) Autoplay
Answer:
b) Src

E. Answer the following:
1. How are images added in an HTML document? What are the different attributes of an image element?
Answer:
The <img> tag is used to add images in an HTML web page. Attributes used with image tag are
• src: To add or define the source of an image on a web page.
• height: To specify the height (in pixels) of an image in the form of an integer or percentage value.
• width: To specify the width (in pixels) of an image in the form of an integer or percentage value.
• alt: To display text as an alternative to the image.

2. What is the importance of associating an alternate text with an image?
Answer:
Sometimes a browser on the user’s computer does not display images due to some reason (maybe because of slow connection or error in the src attribute). In that case, you can display the text to describe the image. The only purpose of ALT attribute is to describe the contents of an image file. It is generally used in case the user has a text-based browser on his computer, such as Lynx. It also proves to be useful when the user is blind surfer for whom the browser is programmed to read aloud the alternative text instead of displaying the image. In many cases, people have the image display disabled on their browsers or use settings that do not support automatic loading of images. In such cases as well the ALT attribute is used.

3. How can we link web pages in HTML? What are the different types of linking?
Answer:
The webpages can be linked to each other by using the anchor tag.
• Internal linking: When one part of a web page is linked to another section on the same page, it is called internal linking.
• External linking: When one page is linked to another web page or website, it is called external linking.

4. Explain with the help of a code, how audio and video clips can be added in an HTML document.
Answer:

To add audio clips:
<html><head><title>Adding Audio Clips</title><style type=”text/css”>body{background-color:#eee}</style></head></body><h3 style=”color:blue”>Music</h3><audio controls src=”C:\User\Desktop\Music.mp3”>Your browser does not support the audio tag</audio></body></html>
To add video clips:
<html><head><title>Adding Video Clips</title><h1>A Video</h1><video controls src=”C:\Users\User\Desktop\video.mp4” width=”720” height=”540” autoplay>Your browser does not support the video tag.</video></body></html>

5. Explain how frames are useful.
Answer:
Frames allow you to present multiple HTML documents as independent windows within one browser window, which gives greater flexibility in designing and maintaining your website.

F. Answer in one word:
1. The tag which inserts an inline image on the web page.
2. The attribute of <img> tag that specifies the text as an alternative to the image.
3. The tag which marks the text as a hyperlink.
4. The attribute of <a> tag that defines the document to which the link leads.
5. The attribute of <video> tag that plays the video file automatically when the web page is loaded.
6. The CSS property that renders the inline frame borderless.
Answer:

1. <img> tag
2. Alt attribute
3. Anchor tag <a>
4. href attribute
5. Autoplay
6. border:none

No comments:

Post a Comment

Also read!

Click on any of the below text for additional links:

Class 6

Class 6 Computer Kips Solutions
Class 6 Gul Mohar English Solutions
→ Class 6 Map Pointing Solutions
Class 6 NCERT Civics Solutions
Class 6 NCERT Geography Solutions
Class 6 NCERT History Solutions
Class 6 NCERT Maths Solutions
Class 6 NCERT Science Solutions

Class 7

Class 7 Computer Kips Solutions
Class 7 Gul Mohar English Solutions
English Grammar Class 7
English Writing Skills Class 7
Class 7 Map Pointing Solutions
Class 7 NCERT Civics Solutions
Class 7 NCERT Civics Notes
Class 7 NCERT Civics Extra Questions
Class 7 NCERT Geography Solutions
Class 7 NCERT Geography Notes
Class 7 NCERT Geography Extra Questions
Class 7 NCERT History Solutions
Class 7 NCERT History Notes
Class 7 NCERT History Extra Questions
Class 7 NCERT Maths Solutions
Class 7 NCERT Science Solutions
Class 7 NCERT Science Notes
Class 7 NCERT Science Extra Questions

Class 8

Class 8 Kips Artificial Intelligence Solutions
Class 8 Gul Mohar English Solutions
English Grammar Class 8
English Writing Skills Class 8
Class 8 Map Pointing Solutions
Class 8 NCERT Civics Solutions
Class 8 NCERT Civics Notes
Class 8 NCERT Civics Extra Questions
Class 8 NCERT Geography Solutions
Class 8 NCERT Geography Notes
Class 8 NCERT Geography Extra Questions
Class 8 NCERT History Solutions
Class 8 NCERT History Notes
Class 8 NCERT History Extra Questions
Class 8 NCERT Maths Solutions
Class 8 NCERT Science Solutions
Class 8 NCERT Science Notes
Class 8 NCERT Science Extra Questions
Class 8 NCERT Science Exemplar
Class 8 NCERT Science MCQs

Class 9

Class 9 Kips Artificial Intelligence Solutions
Class 9 Map Pointing Solutions
Class 9 NCERT Civics Solutions
Class 9 NCERT Geography Solutions
Class 9 NCERT History Solutions
Class 9 NCERT Maths Solutions
Class 9 NCERT Science Solutions

Class 10

Class 10 Kips Artificial Intelligence Solutions
Class 10 NCERT English Solutions
→ Class 10 Map Pointing Solutions
Class 10 NCERT Civics Solutions
Class 10 NCERT Civics Notes
Class 10 NCERT Civics Extra Questions
Class 10 NCERT Geography Solutions
Class 10 NCERT Geography Notes
Class 10 NCERT Geography Extra Questions
Class 10 NCERT History Solutions
→ Class 10 NCERT History Notes
Class 10 NCERT History Extra Questions
Class 10 NCERT Maths Solutions
Class 10 NCERT Science Solutions
Class 10 NCERT Science Notes
Class 10 NCERT Science Extra Questions

Computer Languages

Python Basics

Extra Activities

Extra Activities

Extra Knowledge

Extra Information
General Knowledge
Historical Places in India
Latest technology
Physical Sciences
Facts

• Mathematics quick links
Mathematical Terms
Maths Tricks

Home Top