HTML Chapter First
HTML Chapter First
Question 1
Answer
Question 2
A coded HTML command that indicates how part of a web page is displayed is called ............... .
1. Attribute
2. Tag
3. Style
4. All of these
Answer
Tag
Reason — A coded HTML command that indicates how part of a web page is displayed is called tag.
Question 3
1. <HTML>
2. <HEAD>
3. <BODY>
4. <P>
Answer
<HTML>
Reason — <HTML> tag identifies the document as an HTML document. An HTML document begins
with <HTML> and ends with </HTML>.
Question 4
The tags that require a starting as well as an ending tag are called ............... .
1. Pair Element
2. Twin Element
3. Container Element
4. Empty Element
Answer
Container Element
Reason — The tags that require a starting as well as an ending tag are called Container Element.
Question 5
1. <html><head><title></title></head><body></body></html>
2. <html><head><title><body></title></head></body></html>
3. <html><head><title</head><body></body>></title></</html>
4. <htm1><head><title><body></body></title></head></html>
Answer
<html><head><title></title></head><body></body></html>
Reason — The correct document structure of an HTML document
is <html><head><title></title></head><body></body></html>.
Question 6
To specify the background image for the document, Background attribute is used with which of the
following tags ?
1. <BODY>
2. <HTML>
3. <P>
4. None of these
Answer
<BODY>
Reason — "background" is an attribute of the <BODY> tag which is used to specify the background image for
the document. The syntax is as follows:
BODY background = "fileame.gif">
Question 7
1. SIZE
2. BASEFONT
3. FONT
4. All of these
Answer
BASEFONT
Reason — The <BASEFONT> tag lets us define the basic size for the font, which the browser uses for text
with no defined font size.
Question 8
The unnumbered lists can be created by ............... tag.
1. <UL>
2. <OL>
3. <LI>
4. Both (1) and (2)
5. Both (1) and (3)
6. Both (2) and (3)
Answer
Reason — The unnumbered lists can be created by <UL> and <LI> tags. An unnumbered list begins with a
tag that identifies the type of list (<UL> for unnumbered) and then uses the <LI> tag to denote the beginning
of each new list item. For example:
<UL>
<LI>Apples</LI>
<LI>Bananas</LI>
<LI>Grapes</LI>
</UL>
Question 9
1. <UL>
2. <OL>
3. <LI>
4. Both (1) and (2)
5. Both (1) and (3)
6. Both (2) and (3)
Answer
Reason — The numbered lists can be created by <OL> and <LI> tags. A numbered list begins with a tag that
identifies the type of list (<OL> for numbered) and then uses the <LI> tag to denote the beginning of each
new list item. For example:
<OL>
<LI> First item</LI>
<LI> Second item</LI>
<LI> Third item</LI>
</OL>
Question 10
<ol type='i'>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ol>
Choose the correct output that would be shown upon execution of the above code , from the choices given
below:
1. I. First
II. Second
III. Third
IV. Fourth
2. i. First
ii. Second
iii. Third
iv. Fourth
3. I First
II Second
III Third
IV Fourth
4. i First
ii Second
iii Third
iv Fourth
Answer
i. First
ii. Second
iii. Third
iv. Fourth
Reason — The "type" attribute with <OL> tag specifies the type of numbering style. With the <OL> tag, the
type attribute may have a value of 'i' for lowercase Roman numerals.
Question 11
1. <UL>
2. <list>
3. <OL>
4. <DL>
Answer
<OL>
Reason — We can create a numbered list using the <OL> tag.
Question 12
Identify which of the following type of list will create a bulleted list.
1. Unordered
2. Ordered
3. Definition
4. Numbered
Answer
Unordered
1. type attribute
2. style attribute
3. both (1) and (2)
4. None of the above
Answer
type attribute
Reason — In <OL> and <UL>, the style of bullet or number is defined by type attribute. For unordered list,
the type attribute may have a value of either disc for a solid circle, circle for a hollow circle or square for a
solid square.
For ordered list, the type attribute may have the value of 'A' for numbering with capital letters, 'a' for
lowercase letters, 'I' for capital and 'i' for lowercase Roman numerals and '1' for common Arabic numerals.
Question 14
Which of the following will produce a solid circle bullet when given as value of type with <UL> ?
1. disc
2. circle
3. square
4. none of these
Answer
disc
Reason — When the value of type attribute is disc, a solid circle bullet is displayed in an unordered list.
Question 15
1. <DL>
2. <DT>
3. <DD>
4. All of the above
Answer
Reason — A definition list <DL> usually consists of an alternating definition term <DT> and a definition
description <DD>.
Question 16
Answer
Reason — An advantage of using basic HTML to create a document is that all browsers can display the
document. HTML is a document layout and hyperlink specification language which tells the browser to
display the contents of a hypertext document in a certain way.
Question 17
Factors that affect how an HTML document looks on the monitor do not include :
1. operating system
2. window size
3. color depth
4. html tags
Answer
operating system
Reason — Factors that affect how an HTML document looks on the monitor do not include operating
system.
Question 18
Answer
Question 19
1. Welcome
2. Welcome
3. Welcome
4. Welcome
Answer
Welcome
(Option 3)
Reason — face, size and color attributes of <FONT> tag set the font, size and colour of the text respectively.
Thus, the text (Welcome) will be displayed in "Arial" font of size "3" and its colour will be "#000000" i.e.,
black.
Question 20
1. background
2. color
3. vlink
4. leftmargin
Answer
color
Reason — color is not an attribute of <BODY> tag. background, vlink and leftmargin are the attributes
of <BODY> tag which specify the background image of the document, the colour of visited link and the left
margin of the document, respectively.
Question 21
1. background
2. color
3. vlink
4. bgcolor
Answer
color
Reason — color is not an attribute of <BODY> tag. background, vlink and bgcolor are the attributes
of <BODY> tag which specify the background image of the document, the colour of visited link and the
background colour of the document, respectively.
Question 22
1. color
2. face
3. type
4. size
Answer
type
Reason — type is not an attribute of <FONT> tag. face, size and color attributes of <FONT> tag set the font,
size and colour of the text respectively.
Question 23
Answer
Reason — <b> and <strong> tags both can be used to make a text appear bold.
Question 24
1. <italic>
2. <i>
3. <italicise>
4. all of these
Answer
<i>
Reason — <i> tag is used to make a text italic.
Question 25
If the background image is smaller than the screen, what will happen ?
1. It will be stretched
2. It will leave a blank space at the bottom of your page
3. It will be repeated
Answer
It will be repeated
Reason — If the background image is smaller than the screen, the browser uses a feature called tiling to
repeat the image and fill the browser window.
Question 26
1. Head
2. Arm
3. Body
4. Foot
Answer
Head
Reason — The <title> tag belongs to the <HEAD> tag in HTML.
Question 27
1. <heading>
2. <h6>
3. <head>
4. <h1>
Answer
<h1>
Reason — HTML has six levels of headings, numbered 1 through 6, with 1 being the largest
i.e., <H1> appears as the largest heading and <H6> appears as the smallest heading.
Question 28
1. <strong>
2. <dark>
3. <fat>
4. foot
Answer
<strong>
Reason — <strong> tag can be used to make the text appear bold.
Question 29
1. Character
2. Face
3. Text-type
4. Font-type
Answer
Face
Reason — face attribute of <FONT> tag is used to choose the type of font in HTML.
Question 30
Why should you specify a background color if you are using an image for the actual background of your
page ?
Answer
The background color will be shown until the image loads
Reason — We should specify a background color if we are using an image for the actual background of our
page because the background color will be shown until the image loads.
Question 31
Answer
Question 32
HTML is a :
1. Programming language
2. Web page layout language
3. Markup language
4. Both (2) & (3)
Answer
Question 33
A tag is ............... .
1. HTML command
2. VB command
3. C++ command
4. None of these
Answer
HTML command
Reason — A tag is a coded HTML command that indicates how part of web page should be displayed.
Question 34
1. Starting tag
2. Ending tag
3. Starting and Ending tag
4. None of these
Answer
Reason — Container elements in HTML require Starting and Ending tags. For example, to make text bold,
we write <B> text </B>. <B> is a container tag.
Question 35
Answer
Reason — Background attribute of <BODY> is used to load an image and use it as a background when
displaying webpage.
Question 36
With which HTML tag do you apply attributes that modify text size, font-face, and color ?
1. <font>
2. <mod>
3. <f>
4. <text>
Answer
<font>
Reason — We apply size, face, and color attributes with <FONT> tag to modify text size, font-face, and color
of the text.
Question 37
Which HTML tag would you apply the bgcolor attribute to in order to change the background color of the
web page ?
1. <html>
2. <head>
3. <body>
4. <p>
Answer
<body>
Reason — We apply the bgcolor attribute with the <BODY> tag in order to change the background color of
the web page.
Question 38
Gagandeep has written the following code to display an image in the background of HTML document :
<BODY BgGround = "Animals.jpeg">
but he is not getting the desired output. Help him in identifying correct code from the following :
1. <BODY Bg = "Animals.jpeg">
2. <BODY BACK = "Animals.jpeg">
3. <BODY BGIMAGE = "Animals.jpeg">
4. <BODY BACKGROUND = "Animals.jpeg">
Answer
<BODY BACKGROUND = "Animals.jpeg">
Reason — "bgGround" is not an attribute of <BODY> tag. Background attribute of <BODY> is used to display
an image in the background of HTML document.
Question 39
Answer
Reason — We use the <P> element in the body section of an HTML document.
Question 40
In which HTML element do you apply attributes that modify the background image ?
Answer
Question 41
Which of the following heading tags will cause a browser to render text at the largest default size ?
1. <h3>
2. <h2>
3. <h5>
4. <h4>
Answer
<h2>
Reason — HTML has six levels of headings, numbered 1 through 6, with 1 being the largest
i.e., <H1> appears as the largest heading and <H6> appears as the smallest heading. Thus, in the given
options, <h2> will cause a browser to render text at the largest default size.
Question 42
1. Using ## and #
2. Using <!-- and -->
3. Using </-- and -/->
4. Using <!-- and -!>
Answer
Question 43
1. <!--
2. <!>
3. <comment>
4. <notate>
Answer
<!--
Reason — <!-- is the proper syntax to start an HTML comment.
Question 44
Which one of the following is the HTML tag used to insert a horizontal rule ?
1. <h1>
2. <hr>
3. <rule>
4. <br>
Answer
<hr>
Reason — <hr> tag is used to insert a horizontal rule in an HTML document.
Question 45
1. <h1>
2. <hr>
3. <hline>
4. None of the above
Answer
<hr>
Reason — <hr> tag is used to draw horizontal line in an HTML document.
Question 46
What HTML container tags do you apply to text to format the text as a paragraph ?
1. <para></para>
2. <text></text>
3. <p></p>
4. <format style="para"></format>
Answer
<p></p>
Reason — <p></p> tags are used to format the text as a paragraph.
Question 47
Answer
<i></i>
Reason — <i></i> tags are used to display the text as italics in an HTML document.
Question 48
Answer
Reason — <STRONG> tag is used to make text appear bold. Thus, it will print out Michelle in bold font.
Question 49
1. <b>Click Here<b>
2. <strong>Click Here<strong>
3. <b>Click Here</b>
4. </strong>Click Here</strong>
Answer
<b>Click Here</b>
Reason — HTML tags are written in angle brackets ( <> ). Container tags require pair tags. The ending tag
is similar to that of the starting tag except that it begins with a slash ( / ) symbol.
In option 1 and 2, the ending tag doesn't have a slash symbol. In option 4, the starting tag has a slash symbol
which is incorrect. Thus, option 3, <b>Click Here</b> is correct.
Question 50
1. Body
2. Head
3. Division
4. Table
Answer
Head
Question 51
1. Justify
2. DIV
3. Align
4. None of these.
Answer
DIV
Question 52
1. Black
2. White
3. Red
4. none of the above.
Answer
White
Question 53
The value of #000000 is :
1. Black
2. White
3. Red
4. none of the above.
Answer
Black
Question 54
1. unnumbered
2. numbered
3. definition
4. all of these
Answer
all of these
Reason — In HTML, lists can be of three types — unnumbered, numbered and definition.
Question 55
1. <ol start="3">
2. <ol begin="3">
3. <ol list="5">
Answer
<ol start="3">
Reason — The start attribute of <OL> tag sets the starting value of an item integer counter at the beginning
of an ordered list.
Question 56
Which of the following is the correct way to create a list using the lowercase letters ?
Answer
<ol type = "a">
Reason — The type attribute of <OL> tag sets the actual numbering style of an ordered list.
Question 57
1. <body background="yellow">
2. <background>yellow</background>
3. <body style="background-coloris:white">
4. <body bgcolor="white">
Answer
<body bgcolor="white">
Reason — bgcolor attribute of <BODY> tag sets the background colour of the HTML document.
Question 58
1. <il>
2. <ul>
3. <ol>
Answer
<ul>
Reason — We use <UL> to create a bulleted list.
Question 59
Answer
Reason — For unordered list, the type attribute may have a value of either disc for a solid circle, circle for a
hollow circle or square for a solid square.
Question 60
Which one of the following is the list type that will create a bulleted list ?
1. unordered
2. option
3. decorated
4. ordered
Answer
unordered
HTML is a :
1. Package
2. Software
3. Language
4. None of these
Answer
Language
Question 62
1. <B>
2. <BOLD>
3. <STRONG>
4. Both (1) & (3)
Answer
Reason — <b> and <strong> tags both can be used to make a text appear bold.
Question 63
1. <H1>
2. <H6>
3. <H10>
4. <HEAD>
Answer
<H1>
Reason — HTML has six levels of headings, numbered 1 through 6, with 1 being the largest
i.e., <H1> appears as the largest heading and <H6> appears as the smallest heading.
Question 64
1. <H3>
2. <H6>
3. <H2>
4. <H4>
Answer
<H2>
Reason — HTML has six levels of headings, numbered 1 through 6, with 1 being the largest
i.e., <H1> appears as the largest heading and <H6> appears as the smallest heading. Thus, in the given
options, <h2> will result in the largest text size.
Question 65(a)
False
Reason — <BR> is an empty element. It does not have a closing tag </BR>.
Question 65(b)
False
Reason — <P> is a container element. Thus, it requires a starting tag <P> and a closing tag </P>.
Question 65(c)
False
Reason — The <HR> tag produces a horizontal line spread across the width of the browser window while
the <BR> tag is used to end one line and jump to the next line.
Question 65(d)
False
Reason — <KBD> tag is used to display text as user keyboard entry. It is typically displayed in a fixed width
font.
Question 66
In <BR> tag resets the paragraph alignment to the default left alignment. True or False ?
Answer
False
Reason — The <HR> tag resets the paragraph alignment to the default left alignment while after
the <BR> tag, the previously set alignment of the paragraph is retained.
Question 67
The textual content that appears in the source HTML document but is not rendered by the browser is
called ............... .
Answer
The textual content that appears in the source HTML document but is not rendered by the browser is
called comment.
Question 68
Answer
Question 69
Question 70
............... text styles are handled in its own way by the browsers.
Answer
Logical text styles are handled in its own way by the browsers.
Question 71
To display an & on the web page, ............... is used in the source HTML code.
Answer
To display an & on the web page, & is used in the source HTML code.
Question 72
Two tags break the line flow. These are : ............... and ............... .
Answer
Two tags break the line flow. These are : <BR> and <HR>.
Question 73
Background colour is set by ............... attribute and background graphics is set by ............... attribute
of ............... tag.
Answer
Background colour is set by Bgcolor attribute and background graphics is set by Background attribute
of Body tag.
Question 74
An element that only has a starting tag and no ending tag is ............... element.
Answer
An element that only has a starting tag and no ending tag is empty element.
Theoretical Questions
Question 1
Answer
Question 2
Answer
A tag is a coded HTML command that indicates how a part of web page should be displayed. HTML tags
are written inside angle brackets (< >). For example,
<H1>Main Heading</H1>
Question 3
Answer
An attribute is a special word used inside tag to specify additional information to tag such as color,
alignment, etc. For example, 'bgcolor' attribute of <BODY> tag is used to set the background colour of an
HTML document.
<BODY bgcolor = "white">
Question 4
Answer
The <HTML> tag it the root element of the html document. It identifies the document as an HTML
document. An HTML document begins with <HTML> and ends with </HTML>.
<HTML>
....HTML document lines here
</HTML>
Question 5
Answer
Answer
Question 7
Answer
Every HTML document should follow the general form given below:
<HTML>
<HEAD>
<TITLE> Title of page is written here </TITLE>
</HEAD>
<BODY>
The HTML tags that define the page are written here
</BODY>
</HTML>
The <HEAD>...</HEAD> tags make the header of the document and the <BODY>...</BODY> tags make the
body of the HTML document.
Question 8
Face attribute is used with ............... tag and used for ............... .
Answer
Face attribute is used with <FONT> tag and used for setting the font type of the text.
Question 9
1. Justify
2. DIV
3. Align
4. None of these
Answer
Align
Reason — Align attribute of <P> tag is used to change the alignment of a paragraph. It is not supported in
HTML5.
Question 10
Question 11
Question 12
Answer
1. Left alignment — When the value of align attribute of <P> tag is 'left', the paragraph is aligned to
the left margin of the page.
2. Center alignment — When the value of align attribute of <P> tag is 'center', the paragraph is aligned
to the center of the page.
3. Right alignment — When the value of align attribute of <P> tag is 'right', the paragraph is aligned to
the right margin of the page.
Question 13
1. Black
2. White
3. Red
4. none of the above
Answer
Question 14
1. Black
2. White
3. Red
4. none of the above
Answer
<BR> tag has its closed tag as </BR>. State True or False?
Answer
False
Reason — <BR> is an empty element. It does not have a closing tag </BR>.
Question 15(b)
False
Reason — <P> is a container element. Thus, it requires a starting tag <P> and a closing tag </P>.
Question 15(c)
False
Reason — The <HR> tag produces a horizontal line spread across the width of the browser window while
the <BR> tag is used to end one line and jump to the next line.
Question 15(d)
False
Reason — <KBD> tag is used to display text as user keyboard entry. It is typically displayed in a fixed width
font.
Question 16
The default alignment of text is ................. , default text color is ................. and the default background color
is ................. .
Answer
The default alignment of text is left, default text color is black and the default background color is white.
Question 17
Give the coding for giving the heading 'PACE Computer Education' of <H1> tag, font style as Comic Sans
MS, text color as blue. Body text color as red, background as green, alignment as center, font style of body
text as Brush script, size = 15. The text for body is as follows :
Education is the
ability to listen to almost
anything without
losing your temper
or your
self confidence.
And so is Democracy and Maturity too.
Answer
Question 18(i)
The <TITLE> tag must be entered between the opening and closing <HEAD> tags. Since "my web page" is not
a tag, it should not be enclosed between angle brackets and should be written inside the <BODY> tag.
The correct code is as follows:
<HEAD>
<TITLE> Welcome to My Web Page </TITLE>
<BODY>
my web page
</BODY>
</HEAD>
Question 18(ii)
Question 18(iii)
Question 18(iv)
All HTML tags are enclosed in angle brackets (< >). The values of attributes are given in double quotes ("
").
Question 18(v)
Question 18(vi)
<BR> </BR>
Answer
Question 18(vii)
The paragraph <P> tag and the font <FONT> tag should be written in separate angle brackets as both are
different tags.
The correct code is as follows:
Question 18(viii)
The attributes 'leftmargin' and 'topmargin' of <BODY> tag are used to specify the left and top margin of the
document, respectively. The values of attributes should be enclosed in double quotes (" ").
The correct code is as follows:
Question 18(ix)
<BODY>
<BASEFONT SIZE = 5>
Text with New format
</BODY>
Question 18(x)
<HTML>
<HEAD>
<TITLE> New Page
</HEAD>
</TITLE>
</HTML>
Answer
The <TITLE> tag must be entered between the opening and closing <HEAD> tags.
The correct code is as follows:
<HTML>
<HEAD>
<TITLE> New Page
</TITLE>
</HEAD>
</HTML>
Question 19
<TITLE> tag contains the document The <HEAD> tag is used to define the document header. It contains
title and identifies its content in a information about the document, including its title, scripts used, style
global context. definitions and document descriptions.
<TITLE> tag is enclosed
<HEAD> tag contains <TITLE> tag inside it.
in <HEAD> tag.
Question 20
Answer
Container elements affect the text appearing between their Empty elements just carry out the job
opening and a closing tag. assigned to them.
For example, <TITLE>...</TITLE>, <FONT>...</FONT> etc. For example, <BR>, <HR> etc.
Question 21
<BR> tag is a line break tag that is used to end one line and jump <P> tag is a paragraph tag that is used
to the next line without showing any line in between. to define a paragraph of text.
It is an empty element. It is a container element.
Question 22
Answer
HTML has six levels of headings, numbered 1 through 6, with 1 being the largest. Headings are typically
displayed in larger and bolder fonts than normal body text.
1. <H1>
2. <H2>
3. <H3>
4. <H4>
5. <H5>
6. <H6>
The first heading in a document is tagged <H1>, the second heading is tagged as <H2> and so on.
Question 23
Answer
The attributes are used with <BODY> tag in the following way:
<BODY ALINK = "BLUE" VLINK = "YELLOW" BACKGROUND = "ANIMALS.JPG" BGCOLOR
= "BLACK" TEXT = "WHITE" LEFTMARGIN = "60" TOPMARGIN = "80">
Question 24
Answer
The <BASEFONT> tag sets a base font size The <FONT> tag applies font and text styling to a specific
for the entire document. section of text enclosed within its opening and closing tags.
The closing tag </BASEFONT> is The closing tag </FONT> is must for the changes in appearance
optional. to take effect.
Question 25
Answer
The <HR> tag is used to produce horizontal line spread across the width of the browser window. By default, a
3D horizontal line is produced.
If we want to produce a 2D rule, we add "noshade" to <HR> tag.
For example:
Question 26
Answer
Logical text styles are general descriptions. Each browser handles a logical style in its own way. Logical
styles render the text according to its meaning. For example, <EM> is for emphasizing something
and <STRONG> is for strongly emphasizing something.
<STRONG> This is an example of logical text style </STRONG>
Physical text styles indicate the specific type of appearance for a section. For example, bold, italics,
underlined etc. They are rendered in the same manner by all browsers.
Question 27
Answer
HTML allows us to combine various tags together so as to achieve the desired result and effect. Different
tags are enclosed in one another to combine their effects.
For example, if we want our text to appear bold and underlined, we can use <B> and <U> tags together in the
following manner:
<B><U> Bold and Underlined </U></B>
Question 28
Answer
1. <HTML>...</HTML>
2. <HEAD>...</HEAD>
3. <BODY>...</BODY>
Question 29
Write the HTML code for the following to appear one after the other :
Answer
Output
Question 30
Insert the appropriate line break and paragraph break tags to format the following poems with a blank line
between them :
<P>
A Morning is a Wonderful Blessing, <BR>
Either Cloudy or Sunny <BR>
It stands for Hope, giving us another <BR>
Start of what we call Life. <BR>
</P>
Output
Question 31
Write a complete HTML Web page with the title "Foo Bar" and a heading at the top which reads "Happy
Hour at the Foo Bar", followed by the words "Come on down!" in regular type.
Answer
<HTML>
<HEAD>
<TITLE> Foo Bar </TITLE>
</HEAD>
<BODY>
<H1> Happy Hour at the Foo Bar </H1>
<P>Come on down!</P>
</BODY>
</HTML>
Output
Question 32
Answer
Output
Question 33
Answer
1. Unnumbered or bulleted list — These lists are indented lists with a special bullet symbol in front of
each item. For example,
<UL>
<LI>Apples</LI>
<LI>Bananas</LI>
<LI>Grapes</LI>
</UL>
2. Numbered or ordered list — These are indented lists that have numbers or letters in front of each item.
For example,
<OL>
<LI>Apples</LI>
<LI>Bananas</LI>
<LI>Grapes</LI>
</OL>
3. Definition lists — A definition list <DL> usually consists of an alternating definition term <DT> and a
definition description <DD>. For example,
<DL>
<DT>Apples</DT>
<DD>Apples are rich in Vitamin A. They are good for eye sight. They
should be eaten in the morning.</DD>
<DT>Bananas</DT>
<DD>Bananas are rich in calcium. They keep the stomach healthy. They
should be eaten during the day.</DD>
</DL>
Question 34
Differentiate between ordered and unordered lists.
Answer
Ordered list are indented lists that have numbers or Unordered list are indented lists with a special bullet
letters in front of each item. symbol in front of each item.
Question 35
Answer
We can nest an unordered list inside an ordered list in the following manner:
<OL>
<LI>Fruits
<UL>
<LI>Apples</LI>
<LI>Grapes</LI>
<LI>Bananas</LI>
</UL>
</LI>
<LI>Vegetables
<UL>
<LI>Potatoes</LI>
<LI>Cabbages</LI>
<LI>Gourd</LI>
</UL>
</LI>
<LI> Dairy Products
<UL>
<LI>Milk</LI>
<LI>Curd</LI>
<LI>Buttermilk</LI>
</UL>
</LI>
</OL>
Question 36
Answer
The three tags that let us create the definition lists are :
1. <DL> — It is used to define the starting and ending of a definition list.
2. <DT> — It specifies a definition term.
3. <DD> — It specifies a definition description. Web browsers usually format the definition on a new
line and indent it.
<DL>
<DT>Apples</DT>
<DD>Apples are rich in Vitamin A. They are good for eye sight. They
should be eaten in the morning.</DD>
<DT>Bananas</DT>
<DD>Bananas are rich in calcium. They keep the stomach healthy. They
should be eaten during the day.</DD>
</DL>
Question 37
Answer
(i) The <UL> and <LI> tags let us create unnumbered lists.
(ii) The <OL> and <LI> tags let us create numbered lists.
Application Oriented Questions
Question 1
Hamish is creating a website for the Highland Chess League. Part of the HTML for the home page is shown
below:
<head>
<title> Highland Chess League </title>
<meta name = "description" content = "The Highland Chess League" />
<meta name = "keywords" content = "chess, league, games, Highland,
hobbies" />
</head>
<body>
<div align = "centre">
<p> Welcome to the Highland Chess League Home Page </p>
<p>Play the board <u>not</u> the man </p>
</div>
</body>
(a) The window shown alongside is seen when a browser is used to view the home page. Use the HTML
code above to identify the contents displayed in A, B and C.
(b) The meta tag specifies keywords used by spiders of search engines. Where do you provide (inside which
tag) the meta information in HTML code ?
Answer
(a) The following contents are displayed in A, B and C :
Explanation
Question 2
1. a web address
2. a postal address
3. an email address
4. an office address
1. P
2. R
3. S
4. T
1. Left
2. right
3. center
4. same as alignment of pointer S
(d) The text at S provides a way to contact Ski Breaks Ltd using :
1. fax
2. post
3. email
4. telephone
(e) To use the Internet to find more websites about winter sports, the user should use :
1. a book
2. an email
3. a CD ROM
4. a search engine
Answer
Reason — A web address or URL is given in the address bar of the browser to access a web page.
(b) R
Reason — R is a link which can be followed by clicking to find more information about the destination
(USA).
(c) Left
(d) email
Reason — A search engine helps a user to find information about any topic using keywords.
Practical Assessment
Question 1
<HTML>
<BODY>
<P>
This paragraph contains a lot of lines in the source code, but the
browser ignores it.
</P>
<P>
This paragraph contains a lot of spaces in the source code, but the
browser ignores it.
</P>
<P>
The number of lines in a paragraph depends on the size of your browser
window.
If you resize the browser window, the number of lines in this paragraph
will change.
</P>
</BODY>
</HTML>
Answer
Output
Question 2
Output
Question 3
<HTML>
<BODY>
<P>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</P>
<P> Note that your browser simply ignores your formatting!</P>
</BODY>
</HTML>
Answer
Output
Question 4
<HTML>
<BODY>
<H1>This is heading 1</H1>
<H2>This is heading 2</H2>
<H3>This is heading 3</H3>
<H4>This is heading 4</H4>
<H5>This is heading 5</H5>
<H6>This is heading 6</H6>
<P>Use heading tags only for headings. Don't use them to make something
big.
Use other tags for that.</P>
</BODY>
</HTML>
Answer
Output
Question 5
Centralized heading.
<HTML>
<BODY>
<H1 align = "center">This is heading 1</H1>
<P>The heading above is aligned to the center of this page. The heading
above is aligned to the center of this page. The heading above is
aligned to the center of this page.</P>
</BODY>
</HTML>
Answer
Output
Question 6
<HTML>
<BODY>
<P>The hr tag defines a horizontal rule:</P>
<HR>
<P>This is a paragraph</P>
<HR>
<P>This is a paragraph</P>
<HR>
<P>This is a paragraph</P>
</BODY>
</HTML>
Answer
Output
Question 7
<HTML>
<BODY>
<!--This comment will not be displayed-->
<P>This is a regular paragraph</P>
</BODY>
</HTML>
Answer
Output
Question 8
<HTML>
<BODY bgcolor = "yellow">
<H3>Look: Colored Background!</H3>
</BODY>
</HTML>
Answer
Output
Question 9
<HTML>
<BODY background = "background.jpg">
<H3>Look: Image Background!</H3>
<P>Both gif and jpg files can be used as HTML backgrounds.</P>
<P>If the image is smaller than the page, the image will repeat
itself.</P>
</BODY>
</HTML>
Answer
Output
Question 10
Text formatting.
<HTML>
<BODY>
<B>This text is bold</B>
<BR>
<STRONG>This text is strong</STRONG>
<BR>
<BIG>This text is big</BIG>
<BR>
<EM>This text is emphasized</EM>
<BR>
<I>This text is italic</I>
<BR>
<SMALL>This text is small</SMALL>
<BR>
This text contains<SUB> subscript</SUB>
<BR>
This text contains
<SUP>
superscript
</SUP>
</BODY>
</HTML>
Start Notepad from Programs menu. In the opened file give the coding for the following :
(i) Give the Title Pace Computer Education. (this should appear on title bar)
(ii) Make the background colour as Grey and text colour as Red.
(iii) Give the heading My First Web Page as H1 tag, Face = Times New Roman, Color = Red, Align =
Center.
(iv) Write the paragraph with <P> tag, Align = Right, Font = Comic Sans MS, Color = Blue and Size = 4.
Today, one of the major reasons businesses, homes and other users purchase computers is to gain Internet
access. Many companies and organizations assume that the public is familiar with the Internet. Web
addresses appear on television, in radio broadcasts, in printed news-papers, magazines and in other forms
of advertising. Software companies use their Web sites as a place for you to download upgrades or
enhancements to software products. To be successful today, you must have an understanding of the Internet.
Without it, you are missing a tremendous resource for goods, services and information.
(v) Create two copies of above paragraph and apply <B> tag, <TT> tag, <I> and <U> tags in between.
(vi) "Exciting Features Offered By HTML". Give it as heading H3, Align = Left, Color = Red, Font =
Comic Sans Ms.
1. E-Mail
2. Information
3. Discussion Groups
4. Online- Shopping
5. Entertainment
6. Programme
(viii) Add a horizontal rule spread on the 50% of the browser window.
(ix) Combine different font effects : <B>, <I>, <U> and <TT>.
(x) Select File menu and click on Save, type your file name with extension .HTML, and click on Save button
to complete the procedure of saving.
Answer
<HTML>
<HEAD>
<TITLE> Pace Computer Education </TITLE>
</HEAD>
<P> Today, one of the <B> major reasons </B> businesses, homes and other
users purchase computers is to gain Internet access. Many companies and
organizations assume that the public is <TT> familiar with the Internet
</TT>. Web addresses appear on <I> television, in radio broadcasts, in
printed news-papers, magazines and in other forms of advertising </I>.
Software companies use their Web sites as a place for you to download
upgrades or enhancements to software products. To be successful today,
you must have an understanding of the Internet. Without it, you are <U>
missing a tremendous resource </U> for goods, services and information.
</P>
Today, one of the <TT> major reasons </TT> businesses, homes and other
users purchase computers is to gain Internet access. Many companies and
organizations assume that the public is <B> familiar </B> with the
Internet. Web addresses appear on television, in radio broadcasts, in
printed news-papers, magazines and in other forms of advertising.
Software companies use their Web sites as a place for you to <I>
download upgrades or enhancements </I> to software products. To be
successful today, you must have an understanding of the Internet.
Without it, you are <U> missing </U> a tremendous resource for goods,
services and information.
</BODY>
</HTML>
Output
Question 21
<HTML>
<BODY>
<H4>Numbered list:</H4>
<OL>
<LI>Apples</LI>
<LI>Bananas</LI>
</OL>
<H4>Letters list:</H4>
<OL type="A">
<LI>Apples</LI>
<LI>Bananas</LI>
<LI>Lemons</LI>
<LI>Oranges</LI>
</OL>
<H4>Lowercase letters list:</H4>
<OL type="a">
<LI>Apples</LI>
<LI>Bananas</LI>
</OL>
<H4>Roman numbers list:</H4>
<OL type="I">
<LI>Apples</LI>
<LI>Bananas</LI>
</OL>
<H4>Lowercase Roman numbers list:</H4>
<OL type="i">
<LI>Apples</LI>
<LI>Bananas</LI>
</OL>
</BODY>
</HTML>
Answer
Output
Question 22
<HTML>
<BODY>
<H4>Disc bullets list:</H4>
<UL type="disc">
<LI>Apples</LI>
<LI>Bananas</LI>
</UL>
<H4>Circle bullets list:</H4>
<UL type="circle">
<LI>Apples</LI>
<LI>Bananas</LI>
</UL>
<H4>Square bullets list:</H4>
<UL type="square">
<LI>Apples</LI>
</UL>
</BODY>
</HTML>
Answer
Output
Question 23
Nested List.
<HTML>
<BODY>
<H4>A nested List:</H4>
<ul>
<LI>Coffee</LI>
<LI>Tea</LI>
<ul>
<LI>Black tea</LI>
<LI>Green tea</LI>
</UL>
<LI>Juice</LI>
<LI>Milk</LI>
</UL>
</BODY>
</HTML>
Answer
Output
Question 24
Definition List.
<HTML>
<BODY>
<H4>A Definition List:</H4>
<DL>
<DT>Coffee</DT>
<DD>Black hot drink</DD>
<DT>Milk</DT>
<DD>White cold drink</DD>
</DL>
</BODY>
</HTML>
Answer
Output
Question 25
Answer
Output
Question 26
II. Recourse for a lady toward unpleasant men who persist in bowing.
III. A simple stare of iciness should suffice in most instances.
IV. Her ignorance is sufficient that she is not willing to be friendly.
V. As a last resort: " Sir, I have not the honor of your acquaintance."
Answer
Output
Question 27
Output
Question 28
Insert the <UL> tags (unordered list) around the following list text.
Car
Scooter
Van
Answer
<UL TYPE = "DISC">
<LI> Car </LI>
</UL>
<UL TYPE = "SQUARE">
<LI> Scooter </LI>
</UL>
<UL TYPE = "CIRCLE">
<LI> Van </LI>
</UL>
Output
Question 29
Insert the <OL> tag (ordered list) around the following list text.
e. Story Books
f. Computer Books
g. Text Books
h. General Books
Change the style of the bullets : e.g., I, i, A and 1,2
Answer
Output
Question 30
Create a nest list as follows using both ordered and unordered list tags :
1. Operating System
MS - Office
Word
Excel
PowerPoint
Access
OpenOffice.org
Writer
Calc
Impress
Base
Accessories
Paint
Calculator
Note Pad
Word Pad
Answer
Output
Question 31
Answer
<LI>
MS - Office
<UL TYPE = "SQUARE">
<FONT FACE = "ARIAL BLACK" COLOR = "BLUE" SIZE = "3">
<LI> Word </LI>
<LI> Excel </LI>
<LI> PowerPoint </LI>
<LI> Access </LI>
</FONT>
</UL>
</LI>
<LI>
OpenOffice.org
<UL TYPE = "DISC">
<FONT FACE = "TIMES NEW ROMAN" COLOR = "GREY" SIZE = "3">
<LI> Writer </LI>
<LI>Calc </LI>
<LI>Impress </LI>
<LI>Base </LI>
</FONT>
</UL>
</LI>
<LI>
Accessories
<UL TYPE = "DISC">
<FONT FACE = "ARIAL" COLOR = "MAGENTA" SIZE = "3">
<LI> Paint </LI>
<LI> Calculator </LI>
<LI> Note Pad </LI>
<LI> Word Pad </LI>
</FONT>
</UL>
</LI>
</FONT>
</OL>
Output
Question 32
Write HTML code to display an ordered list (with uppercase roman numbers) listing any three subjects
being taught in your school. The web page should have a red background and the title of the page should be
'My Subjects'.
Answer
<HTML>
<HEAD>
<TITLE>My Subjects</TITLE>
</HEAD>
<BODY BGCOLOR = "RED">
<OL TYPE = "I">
<LI>English</LI>
<LI>Mathematics</LI>
<LI>Computer Applications</LI>
</OL>
</BODY>
</HTML>
Output
Question 1
(ii) The tag ............... is used to create subscripts and ............... tag is used to create superscripts on a web
page.
Answer
(ii) The tag <SUB> is used to create subscripts and <SUP> tag is used to create superscripts on a web page.
Question 2(i)
1. HTML
2. BODY
3. HEAD
4. All the above
Answer
<html>
<head>
<title> ... </title>
</head>
<body>
...the body of the document...
</body>
</html>
Question 2(ii)
1. Size
2. Colour
3. Width
4. Length
Answer
Length
Reason — The attributes of <HR> tag are size, color and width which are used for setting the thickness, the
color and the percentage of the window covered by the rule, respectively. Length is not used with <HR> tag.
Question 2(iii)
1. Surfer
2. Portal
3. Browser
4. Provider
Answer
Browser
Reason — A web browser is a program that lets us visit different websites on the internet and display their
offerings on our own computer. For example, Google Chrome, Mozilla Firefox, Safari, etc.
Question 2(iv)
1. <?-->
2. <?---?>
3. <!-- and -->
4. </--->
Answer
Question 2(v)
1. MS Power Point
2. Internet Explorer
3. MS Excel
4. Notepad
Answer
Notepad
Question 3
Answer
Answer
To display text in the title bar of browser, we write the text within <TITLE> tag. Consider the following
example,
<HEAD>
<TITLE> Text for the title bar </TITLE>
</HEAD>
Question 5
Answer
The font size of a single line on a web page can be changed by using <FONT> tag. Consider the following
example,
<FONT> Line of Text </FONT>
Question 6
Distinguish between <P> tag and <BR> tag with the help of an example.
Answer
<BR> tag is a line break tag that is used to end one line and jump to the next line without showing any line in
between. It is an empty element.
<P> tag is a paragraph tag that is used to define a paragraph of text. It is a container element.
The following example highlights the difference between the two:
Question 7
Why do we insert comments in an HTML document even though they are not displayed on a web page ?
Answer
1. Comments can be used to explain code. The explanation can be for oneself or for other people.
2. Comments can be used to leave notes, a reminder to come back to a section or prioritize it during the
next redesign.
Question 8
Answer
Home Page Web Site
The first page that appears when viewers go to a A website is a complete collection of interconnected
website is called the Homepage. web pages.
Homepage provides an overview and direct A website serves as a comprehensive online platform
visitors to the relevant sections or content within that provides information, services, or products to
the website. visitors.
Question 9
Answer
We can insert horizontal lines in a Web Page by using the <HR> tag.
Question 10
Answer
Comments are inserted in HTML code by enclosing them in <!-- and --> tags. For example,
<BODY>
<!-- Body tag starts here -->
This is the document body.
</BODY>
Here, the text "Body tag starts here" is enclosed in <!-- and --> and thus, it is regarded as comment and not
displayed in the web browser.
Question 11
What do you mean by the term 'source code' of the current page viewed in a Web Browser ?
Answer
The term 'source code' refers to the underlying HTML, CSS, and JavaScript code of the current web page
viewed in a web browser.
Question 12
Which tag do we use to change the size and style (face) of the text of a HTML file viewed on a Web
Browser ? Also explain any two attributes used with this tag.
Answer
We use the <FONT> tag to change the size and style (face) of the text of a HTML file viewed on a Web
Browser. Two attributes of the <FONT> tag are:
Question 13
What is the purpose of using the tags <H1>...<H6> ?
Answer
The purpose of using the tags <H1> ... <H6> is to define headings of different levels, with <H1> being the
highest level and <H6> being the lowest level.
Question 14
What is the method of viewing the source code of the current page in Web Browsers ?
Answer
A user can right click on the Web page and then select "View Source" from the context menu to view the
source code of the current page in a Web Browser.
Question 15
Answer
Comments are inserted in HTML code by enclosing them in <!-- and --> tags. For example,
<BODY>
<!-- Body tag starts here -->
This is the document body.
</BODY>
Here, the text "Body tag starts here" is enclosed in <!-- and --> and thus, it is regarded as comment and not
displayed in the web browser.
Question 16
What is the use of <BODY> tag in HTML code ? Write any two attributes used with this tag.
Answer
The <BODY> tag defines a document's body. It contains all the contents of an HTML document, such as the
text, images, lists, tables, hyperlinks etc.
The two attributes used with this tag are:
Question 17
Answer
Container elements affect the text appearing between their Empty elements just carry out the job
opening and a closing tag. assigned to them.
Container elements Empty elements
For example, <TITLE>...</TITLE>, <FONT>...</FONT> etc. For example, <BR>, <HR> etc.
Question 18
What is the use of <font> tag in HTML code ? Write any two options used with this tag.
Answer
We use the <FONT> tag to change the size, colour and style (face) of the text of a HTML file viewed on a
Web Browser. Two attributes of the <FONT> tag are:
Question 19
Which HTML tag is used to insert an image in a page ? Write an option used with this tag.
Answer
Question 20
(i) <LI>
(ii) <VLINK>
(iii) <HR>
(iv) <P>
Answer
Question 21
(i) border
(ii) img
(iii) alt
(iv) src
(v) href
Answer
(i) border — Attribute
Question 22
Name the following with respect to HTML : Attribute for changing bullet type of list tag.
Answer