Scribd
Upload
44 views8 pages

11CA 11 HTML Formatting Text Creating Tables List and Links v7

The document discusses HTML formatting of text, creating tables, lists and links. It contains questions to test the understanding of tags used for these purposes. The answers to the questions are also provided in the form of explanations and code snippets.

Uploaded by

kms195kds2007
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
44 views8 pages

11CA 11 HTML Formatting Text Creating Tables List and Links v7

The document discusses HTML formatting of text, creating tables, lists and links. It contains questions to test the understanding of tags used for these purposes. The answers to the questions are also provided in the form of explanations and code snippets.

Uploaded by

kms195kds2007
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
You are on page 1/ 8

11th Standard / Computer Application

Chapter 11 - HTML Formatting Text, Creating Tables, List and Links

Choose the correct answer


1) Which of the following tags are called as physical style tags?
(A) <html>, <b>, <br> B) <b>, <br>, <u> (C) <A>, <b>, <i> (D) <b>, <i>, <u>
2) Which feature is used to call attention to the reader?
(A) Highlight (B) Bold (C) Italics (D) Underline
3) The tags <sub> and <sup> are used for:
(A) Subject and Super (B) Subscript and Super
(C) Subject and Superscript (D) Subscript and Superscript
4) A named set of certain style of character and number is:
(A) Style (B) Character (C) Font (D) List
5) Pick odd one from the list
(A) <tr> (B) <th> (C) <dh> (D) <td>
6) Match the following:
(a) tfoot - (1) Order list
(b) start - (2) Hyperlink
(c) href - (3) Highlight
(d) mark - (4) Table
(A) 4 1 2 3 (B) 1 4 3 2 (C) 4 3 2 1 (D) 1 2 4 3
7) Definition list has how many parts?
(A) 5 (B) 4 (C) 3 (D) 2
8) A list block can be defined inside another list is:
(A) Inner List (B) Nested List (C) Outer List (D) Listing List
9) Read the following statement and choose the correct statement(s):
(I) Link in HTML is used to create hyperlinks to web content.
(II) HREF is abbreviated as Hypertext Markup File
(A) I is correct (B) II is correct (C) I and II is correct (D) Both are wrong

10) To create internal link, which of the following attribute should be used?
(A) link (B) name (C) local (D) Inter

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 1 of 8
Part – II
Very Short Answers
1) Write a short note on (i) <strong> (ii) <em>
<strong> used to define important text. This tag displays the text as bold. The <strong> tag is a
phrase tag.
<em> used to emphasize the text. the text will be in italics.

2) What is the use of <mark> tag?


The <mark> tag is used to highlight the text in HTML. This is also a container tag.
Whatever the text given between <mark> and </mark> will be displayed as highlighting with default
color (mostly yellow).

3) Write the following equation as HTML notation: Pd = 2s – Q2


Pd = 2s -Q <sup>2</sup>

4) Write about any two attributes of font tag.


Color attribute is used to set the color to the text. color name or color code in hexadecimal may be
used.
Size attribute is used to set size of the text. The value are from 1 to 7. These predefined sizes are
known as virtual size. Each virtual size is successively 20% larger than the previous one

5) What is thematic break?


The <hr> (Horizontal Rules) tag is known as “Thematic Breaks”. It separate sections of an HTML
document visually. It produces a horizontal line spread across the width of the browser. this tag has
no closing tag.

6) What is pixel?
A pixel is one of the tiny dots that make up the display on computer. Generally, 72 pixels is equal to
an inch. Pixel is usually referred as points.

7) What are the types of list in HTML?


Ordered List, Unordered List and Definition List

8) How will you define numbered list?


Numbered list is created within the tag pair <OL> ….. </OL> tag. The tag <LI> is used
to present the list item in the list. Ordered list displays items in a numerical or alphabetical
order. Both <OL> and <LI> tags are container tags. But the usual practice, closing tag
</LI> is normally not used.

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 2 of 8
Part-III
Short Answers
1) Write an HTML code to display the following text in exactly the same way as given below.
I am studying Computer Application.

<HTML>
<HEAD><TITLE> ABOUT ME</TITLE> </HEAD>
<BODY>
I am studying Computer Application
</BODY>
</HTML>

2) Briefly explain the attributes of <hr> tag.


size, width, noshade and color are the attributes of <HR> tag
These attributes are used to set size, width, 3D appearance and color to the horizontal line
respectively. <hr size=value width=value noshade, color=color_name/code>
Eg : <hr size=2 width=700 noshade, color=blue>

3) What are the core tags used to create table in HTML?

<TABLE> tag is used to create a table.


<TR> tag defines table rows
<TH> tag defined table columns
<TD> tag is used to specify the data in a cell
<CAPTION> tag defines title for the table

4) Write an HTML code to provide hyperlink to https://www.w3schools.com

<HTML>
<HEAD><TITLE> Link to w3schools</TITLE> </HEAD>
<BODY>
<A HREF=” https://www.w3schools.com”> Click Here for W3Schools web site</A>
</BODY>
</HTML>

5) Difference between <UL> and <OL> tags.


UL OL
Un Ordered List Ordered List
Also called as Bulleted List Also Called as Numbered List
Attributes : type Attributes : type, start

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 3 of 8
6) Write HTML code to produce the following table:

CODE :
<HTML>
<BODY>
<TABLE BORDER=1 WIDTH=100 CELLSPACING=0>
<TR VALIGN=TOP>
<TD ROWSPAN=2>A</TD>
<TD>B</TD>
</TR>
<TR ALIGN=TOP>
<TD>C</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Part-IV
Explain in Detail
1) Write an HTML code the show the following text:

MODERN ATOMIC THEORY


The findings of modern atomic theory are given as follows:
• An atom is the smallest particle which takes part in chemical reaction.
• An atom is considered to be a divisible particle.
• The atoms of the same element may not be similar in all respects.
eg: Isotopes (17Cl35 , 17Cl37 )
• The atoms of different elements may be similar in some respects.
eg. Isobars (18Ar40, 20Ca40 )

CODE :
<HTML>
<HEAD><TITLE>MODERN ATOMIC THEORY</TITLE></HEAD>
<BODY>
<CENTER><H1>MODERN ATOMIC THEORY</H1></CENTER>
<B>The findings of modern atomic theory are given as follows:</B>
<UL>

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 4 of 8
<LI>An atom is the smallest particle which takes part in chemical
reaction.</LI>
<LI>An atom is considered to be a divisible particle.</LI>
<LI>The atoms of the same element may not be similar in all respects.
<DD>eg: Isotopes (17Cl<SUP>35</SUP> , 17Cl<SUP>37</SUP> )</DD></LI>
<LI>The atoms of different elements may be similar in some respects.
<DD>eg. Isobars (18Ar<SUP>40</SUP>, 20Ca<SUP>40</SUP> )</DD></LI>
</UL>
</BODY>
</HTML>

2) Explain the attributes used with <table> tag in HTML.

1. CELLSPACING
It is used to set the space between cells in a table. The value should be in pixels
2. CELLPADDING
It is used to set the space between the contents of a cell and its border. The value should
be in pixels.
3. BORDER:
it is used to specify the thickness of the border lines around the table. The value of the border
attribute should be a non zero value in pixels. If its value is zero, HTML displays the table
without border. The default value is Zero in most of the browsers.
4. BORDERCOLOR:
It is used to apply colour to the border lines.
5. ALIGN:
It is used to set the position of the table within the browser window. Left is the default
position. Right or center may be the value of align attribute.
6. BGCOLOR
It is used to apply background colour to the table.
7. HEIGHT and WIDTH
These two attributes are used to specify the height and width of a table in terms of pixels
or percentage.

3) Explain the types of list with suitable HTML code.

1. Numbered List / Ordered List


Numbered list is created within the tag pair <OL> ….. </OL> tag. The tag <LI> is used
to present the list item in the list. Ordered list displays items in a numerical or alphabetical
order. Both <OL> and <LI> tags are container tags. But the usual practice, closing tag
</LI> is normally not used.

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 5 of 8
Attributes of Ordered List:
There are two attributes that can be used to customize ordered list, they are
(1) Type - changing numbering style
(2) Start - changing numbering order.
Type – is used to change the number style. The default number style is standard Arabic
numerals (1,2,3,…………).
Start – is used to specify the number or letter with which to start the list. The default starting
point is 1. The value of the start attribute should be a decimal number, regardless of the
numbering style being used.

2. Un-numbered List / Unordered List


Unordered lists are often referred as bulleted lists. Instead of numbers, each element
in the list is prefixed with a special bullet symbol. Unordered list is surrounded within <UL>
……… </UL> tags. As discussed above, each list element is defined by <LI> tag.

Attribute of Unordered List:


Like ordered list, type attribute is used to customize bullet style for the list of elements.
By default, a solid circle is used as bullets.
Disc • A solid circle
Square □ A solid square
Circle o An unfilled circle

3. Definition List
Definition list is different from other two types of list. No bullet or number is provided
for the list items. In this list type, the list element has two parts.
(1) A definition term
(2) The definition description

Definition list is surrounded within <DL> ……. </DL> tags.


Definition term is presented in between <DT> ….. </DT> tag and
Definition description should be surrounded within <DD> …… </DD> tag.

Nested Lists:
A list block can be defined inside another list is called as nested list.

<HTML>
<HEAD>
<TITLE> LISTS </TITLE>
</HEAD>
<BODY>
<OL TYPE=I START=5>
11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 6 of 8
<LI> RED
<LI> GREEN
<LI> YELLOW
<LI> BLUE
</OL>
<UL TYPE=circle>
<LI> CHENNAI
<LI> SALEM
</UL>
<DL>
<DT> HTML: </DT>
<DD> Hyper Text Markup Language </DD>
<DT> Website: </DT>
<DD> It is a collection of web pages </DD>
</BODY>
</HTML>

4) What is Link and explain the types of links.


Links:
Link in HTML is used to create hyperlinks to web content. Web content may be an HTML document or
an external webpage or any multimedia content such as an image, video, audio, animation etc., or
even a part of the current document.

There are two important things needed to create a link in HTML,


(1) The name of the file or URL to which you want to link
(2) The text that will serve as the clickable link.

The anchor tag <A> is used to create links along with HREF attribute. HREF is abbreviated as
“Hypertext Reference”.
<A href = “ Web content path / URL “> Text – Clickable link </A>
Eg : <A HREF=www.salemholycross.com>MY SCHOOL</A>

Internal Links:
Creating a link to a particular section of the same document is known as Internal Link. To
create an internal link, the attribute Name is used along with <A> tag. The Name attribute of
<A> tag establish the link to the content within the document.

External Link:
To Establish link with an external web page in known as external link. It is created by
providing the URL of the external file in the HREF attribute of <A> tag of the current page.

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 7 of 8
5) Write HTML code to create the following table:

<HTML>
<HEAD><TITLE>MERGED TABLE</TITLE></HEAD>
<BODY>
<TABLE BORDER=1 CELLSPACING=0 WIDTH=300>
<TR>
<TD ROWSPAN=3 VALIGN=TOP>A</TD>
<TD COLSPAN=4 ALIGN=CENTER>B</TD>
</TR>
<TR>
<TD>C</TD>
<TD>D</TD>
<TD>E</TD>
<TD ROWSPAN=2 VALIGN=TOP>G</TD>
</TR>
<TR>
<TD COLSPAN=3 ALIGN=CENTER>F</TD>
</TABLE>
</BODY>
</HTML>

11 CA / Chapter 11 - HTML Formatting Text, Creating Tables, List and Links / Page 8 of 8

You might also like