CH-4 Lists and Tables in HTML5
Book Work
1. Tick the correct option/ MCQ:
a. (ii) <OL>
b. (i) Unordered list
c. (ii) Writing the terms that are to be defined
d. (i) <TH>
e. (ii) Padding
2. Fill in the blanks:
a. <LI>
b. Style-type
c. <TR>
d. Border-collapse
3. Answer in one or two words:
a. Width property
b. <DD> tag
c. Nested list
d. <TH> tag
5. Application based questions:
a. Asmi can use type attribute in <ol> tag. Syntax-
<ol type= “I”>
b. Nitya can use border property
Notebook work:
Keywords:
1. Ordered list/ Numbered list
2. Unordered list/ Bulleted list
3. Reversed attribute
4. Definition / Description list
5. Nested list
6. List-style property
7. <Table> tag
8. <Caption> tag
9. Border-collapse property
10. Padding property
Questions-Answers:
1. Write the syntax for using the list-style-type attribute.
Ans- <ul style= “list-style-type: square”>
<li> Air Pollution </li>
<li> Noise Pollution </li>
</ul>
2. What do you mean by a nested list?
Ans- The list within a list is known as a nested list or sub-list. An item in a list can contain another
list.
3. Define padding property.
Ans- Padding property is used to add space between the border and the contents of a cell. We can
use spacing to increase the border size or distance between cells.
4. What is a description list? Define the different tags used to create description list.
Ans- A description list is not a list of items. We can use this type of list formatting for defining terms
on a web page. It is also called a definition list.
It contains the following tags:
<DL> tag (Definition list): The tags mark the beginning of the definition list.
<DT> tag (Data Term): This tag defines the names or terms.
<DD> tag (Data Definition): This tag describes each item in the description list.
5. Describe border-collapse property with an example.
Ans- The border-collapse property tag is used to create a single border for the table cells.
E.g.-
<style>
Table, tr, th, td
{
Border: 2 px solid black;
Border-collapse: collapse;
}
</style>
Important tags/property related to HTML & CSS:
Tag/attribute/ Property name Purpose
<ul> Create unordered/ bulleted list
Type attribute It helps to define the sequence in ordered
list or bullets in unordered list.
For ordered list-
Type attributes values are- 1/I/i/A/a
For unordered list-
Type attributes values are- disc, circle,
square
Style attribute It specifies the start value of the first list
item in an ordered list.
Reversed attribute It arranges ordered list items in descending
order.
<ol> Create ordered/ Numbered list
<dl> Beginning of the definition list
<dt> Define the names or terms of definition list
<dd> Describes each item in the description list
<li> Used to mark each list items in ordered and
unordered list
List-style-image property Set a picture or image as a list item
List-style-position property Specify the position of list item
List-style-type property Specify the style of bullets for list item
<table> Define the table
<tr> Define a row of cells/ Table row
<td> Defines the data cell/ Table data
<th> Defines the heading of each column or
row/ Table Header
<caption> Defines the heading of the table
Border property Defines the border of a table.
Border thickness & type of border
Border-color property Specifies the color of all sides of the border
Border-collapse property Applies single border or separate border for
each cell
Background-color property Change the background color
Padding property Add space between the border and the
contents of a cell
Color property Change the color of the text
