Exercise
A. Multiple Choice Questions:
1. What is the correct html command for inserting an image?
(a) <image src="image.gif">
(b) <img> image.gif</img>
(c) <img src="image.gif">
(d) <img href=”image.gif>
► <img src="image.gif">
2. Which one of the following is the list type that will create a bulleted list?
(a) Unordered
(b) Option
(c) Decorated
(d) Ordered
► (a) Unordered
3. Which html tag is use to render text as italics?
(a) <b></b>
(b) <i></i>
(c) <ital></ital>
(d) Text?style="italics"
► (b) <i></i>
4. We can view the source code of html in
(a) Notepad
(b) Power point
(c) Excel
(d) Paint
► (a) Notepad
5. To wrap the text to the next line, the tag used for
(a) <BR>
(b) <P>
(c) <I>
(d) <LI>
► (a) <BR>
B. Give one line code for the following
(a) To make “My School Web Page” as the title of a web page.
► <TITLE> My School Web Page </TITLE>
(b) To change the background color of a web page to blue.
► <BODY BGCOLOR="blue"> </BODY>
(c) To insert a horizontal line of yellow color
► <HR color="blue">
(d) To insert an image pic1.jpg onto web page.
► <img src="pic1.jpg>
(e) To insert the list as given below: (i) SHIVANK (ii) SARTHAK (iii) SANYAM
► <OL TYPE="i">
<LI>SHIVANK </LI>
<LI> SRTHAK </LI>
<LI> SNAYAM </LI>
</OL>
C. From the list given below pick the correct answer:
BGCOLOR, HEAD, HTML, VLINK, P, FONT, SIZE,I
(a) This attribute defines the size of the text in the font element.
► SIZE
(b) This attribute changes the background color of a web page.
► BGCOLOR
(c) This tag displays text in italic.
► I
(d) This element identifies the document as an HTML document.
► HTML
(e) This element defines the HTML header and does not affect the appearance of the document.
► HEAD
(f) This element is used to insert a line break with extra spaces in the starting.
► P
(g) This element changes the color of the visited link.
► VLINK
(h) This element displays text or characters in a specific style and size.
► FONT
D. Answer the following questions:
1. What is the difference between ordered list and unordered list?
Answer
Unordered List classifies the data items that have equal importance i.e. none of the data items are ranked. They are identified by a symbol. It may be a square, a circle or a disc whereas
Ordered List classifies the data items that do not have equal importance. All the data items are ranked. The ranking can be done using the numbers, the roman letter or alphabets.
2. Distinguish between href and name attributes of <A> tag with the help of each.
Answer
The meaning of href is hypertext reference. This attribute is mandatory in anchor tag. The href attribute takes the value as the address of the supporting document. Both the relative and the absolute links can act as values to the href attribute.For Example: <a href =”http://www.w3.org/”>website of W3C</a>
NAME attribute gives a name to the anchor tag. This attribute takes the value as “text string”. This helps in linking to a specific section within the webpage that has been named. The purpose of the name is that another anchor can link to the named anchor. For Example: <A name=”salessection”>Sales Order Set Up</A>
3. Define Definition term with the help of a suitable example
Answer
Definition lists (<dl>) are the list elements that have an array of tags. The list prepared by <dl> tag is similar to a dictionary. The other tags used with this are <dt> to define the definition term and the <dd> for the definition of the list item.
<dt>clairvoyance</dt>
<dd>French word for ability to see events in the future.</dd>
<dt><b>Esprit de corps</b></dt>
<dd>French word for feeling of pride and loyalty.</dd>
</dt>
</dl>
4. Which three tags are used to create definition lists?
Answer
1. <dl> (Definition List)
2. <dt> (Defintion Term)
3. <dd> (Definition Description)
5. Differentiate <BODY BACKGROUND> and <IMG> Tag.
Answer
<BODY BACKGROUND> tag is used to insert image for whole web page. The image will be displayed in background while <IMG> tag defines an image which is to be inserted in webpage in foreground.
6. Your school’s web address is www.littlebuds.com. You want to create a link to this web site from your web page. Write the HTML code you will use to do this.
Answer
<a href="www.littlebuds.com"> My School </a>
7. Difference between <A> as an anchor and <A> as a link.
Answer
<A> as an anchor allow us to go from one part of the same page to another while <A> as a link allow us to go from one page to another page.
8. Create an ordered list of the name of the subjects you study in school.
Answer
<ol>
<li> English </li>
<li> Hindi </li>
<li> Mathematics </li>
<li> Physics </li>
<li> Chemistry </li>
<li> Biology </li>
<li> History </li>
<li> Civics </li>
<li> Geography </li>
<li> Economics </li>
</ol>
9. Name and explain the various attributes of <UL> tag.
Answer
<UL> has TYPE attribute which helps in using the symbols to create a list. This attribute takes the value as the name of the symbol.
For xample: <ul type=”square”>
10. How can we set the color of text that acts as a link in a web page?Explain with the help of an example.
Answer
We can set the color of text that acts as a link using <body> tag.
For example: <BODY link=”red” alink=”green” vlink=”pink”>
A. Multiple Choice Questions:
1. What is the correct html command for inserting an image?
(a) <image src="image.gif">
(b) <img> image.gif</img>
(c) <img src="image.gif">
(d) <img href=”image.gif>
► <img src="image.gif">
2. Which one of the following is the list type that will create a bulleted list?
(a) Unordered
(b) Option
(c) Decorated
(d) Ordered
► (a) Unordered
3. Which html tag is use to render text as italics?
(a) <b></b>
(b) <i></i>
(c) <ital></ital>
(d) Text?style="italics"
► (b) <i></i>
4. We can view the source code of html in
(a) Notepad
(b) Power point
(c) Excel
(d) Paint
► (a) Notepad
5. To wrap the text to the next line, the tag used for
(a) <BR>
(b) <P>
(c) <I>
(d) <LI>
► (a) <BR>
B. Give one line code for the following
(a) To make “My School Web Page” as the title of a web page.
► <TITLE> My School Web Page </TITLE>
(b) To change the background color of a web page to blue.
► <BODY BGCOLOR="blue"> </BODY>
(c) To insert a horizontal line of yellow color
► <HR color="blue">
(d) To insert an image pic1.jpg onto web page.
► <img src="pic1.jpg>
(e) To insert the list as given below: (i) SHIVANK (ii) SARTHAK (iii) SANYAM
► <OL TYPE="i">
<LI>SHIVANK </LI>
<LI> SRTHAK </LI>
<LI> SNAYAM </LI>
</OL>
C. From the list given below pick the correct answer:
BGCOLOR, HEAD, HTML, VLINK, P, FONT, SIZE,I
(a) This attribute defines the size of the text in the font element.
► SIZE
(b) This attribute changes the background color of a web page.
► BGCOLOR
(c) This tag displays text in italic.
► I
(d) This element identifies the document as an HTML document.
► HTML
(e) This element defines the HTML header and does not affect the appearance of the document.
► HEAD
(f) This element is used to insert a line break with extra spaces in the starting.
► P
(g) This element changes the color of the visited link.
► VLINK
(h) This element displays text or characters in a specific style and size.
► FONT
D. Answer the following questions:
1. What is the difference between ordered list and unordered list?
Answer
Unordered List classifies the data items that have equal importance i.e. none of the data items are ranked. They are identified by a symbol. It may be a square, a circle or a disc whereas
Ordered List classifies the data items that do not have equal importance. All the data items are ranked. The ranking can be done using the numbers, the roman letter or alphabets.
2. Distinguish between href and name attributes of <A> tag with the help of each.
Answer
The meaning of href is hypertext reference. This attribute is mandatory in anchor tag. The href attribute takes the value as the address of the supporting document. Both the relative and the absolute links can act as values to the href attribute.For Example: <a href =”http://www.w3.org/”>website of W3C</a>
NAME attribute gives a name to the anchor tag. This attribute takes the value as “text string”. This helps in linking to a specific section within the webpage that has been named. The purpose of the name is that another anchor can link to the named anchor. For Example: <A name=”salessection”>Sales Order Set Up</A>
3. Define Definition term with the help of a suitable example
Answer
Definition lists (<dl>) are the list elements that have an array of tags. The list prepared by <dl> tag is similar to a dictionary. The other tags used with this are <dt> to define the definition term and the <dd> for the definition of the list item.
For Example:
<dl><dt>clairvoyance</dt>
<dd>French word for ability to see events in the future.</dd>
<dt><b>Esprit de corps</b></dt>
<dd>French word for feeling of pride and loyalty.</dd>
</dt>
</dl>
4. Which three tags are used to create definition lists?
Answer
1. <dl> (Definition List)
2. <dt> (Defintion Term)
3. <dd> (Definition Description)
5. Differentiate <BODY BACKGROUND> and <IMG> Tag.
Answer
<BODY BACKGROUND> tag is used to insert image for whole web page. The image will be displayed in background while <IMG> tag defines an image which is to be inserted in webpage in foreground.
6. Your school’s web address is www.littlebuds.com. You want to create a link to this web site from your web page. Write the HTML code you will use to do this.
Answer
<a href="www.littlebuds.com"> My School </a>
7. Difference between <A> as an anchor and <A> as a link.
Answer
<A> as an anchor allow us to go from one part of the same page to another while <A> as a link allow us to go from one page to another page.
8. Create an ordered list of the name of the subjects you study in school.
Answer
<ol>
<li> English </li>
<li> Hindi </li>
<li> Mathematics </li>
<li> Physics </li>
<li> Chemistry </li>
<li> Biology </li>
<li> History </li>
<li> Civics </li>
<li> Geography </li>
<li> Economics </li>
</ol>
9. Name and explain the various attributes of <UL> tag.
Answer
<UL> has TYPE attribute which helps in using the symbols to create a list. This attribute takes the value as the name of the symbol.
For xample: <ul type=”square”>
10. How can we set the color of text that acts as a link in a web page?Explain with the help of an example.
Answer
We can set the color of text that acts as a link using <body> tag.
For example: <BODY link=”red” alink=”green” vlink=”pink”>
