Satya Prakash Public School

Class 7th

CH:9 USING LIST AND TABLE IN HTML 5

Fill in the blanks

1. List
2. Unordered
3. Border spacing
4. Reversed
5. Description

State True or false

1. False
2. True
3. False
4. True
5. False

Application based

1. Border-collapse:collapse
2. List-style-image: url(“……………………….”)

MCQ

1. Bulleted
2. 1
3. List-style-position
4. <dd>
5. Caption-side

Answer the following

Q1. Differentiate between <UL> and <OL>.

<UL> <OL>
An unordered list is used when the items are not An order list is is used to display the list of items
to be displayed in any particular sequence. in a specific sequence.
Syntax: Syntax:
<ul> <ol>
<li>…..</li> <li>…..</li>
<li>…..</li> <li>…..</li>
</ul> </ol>

Q2.What are the different types of list supported by HTML explain each one briefly.

A. the different types of list supported by HTML are:

1. ordered list: An order list is is used to display the list of items in a specific sequence.
2. unordered list: An unordered list is used when the items are not to be displayed in any
particular sequence.
3. nested list: A nested list is list inside any other list. It may be ordered or unordered.
4. description list:A description list consists of a term followed by its definition.

Q3. What are tables and how are they created in HTML?

A. Tables are an attractive way of presenting information in the form of rows & columns.
Syntax to create table in HTML
<table>
<tr>
<th>…..</th>
<th>….</th>
</tr>
<tr>
<td>….</td>
<td>….<td>
</tr>
</table>
Where
<table> tag is used to create table
<tr> tag is used to create row
<th> tag is used to create table heading.
<td> tag is used for data

Q4. Write a short notes on :

1. List-style-image: with this property we can specifies image as an list item maker.
Syntax: list-style-image:value
Were value=url(path of an image) or none
2. List-style: this is the shorthand property wherein all the list properties can be specified in one
declaration.
Syntax: list-style:value
Where value=value of list style type, value of list style position, and value o list style position.
3. Empty-cell: this property helps in specifying whether or not the border and background are to
be placed around empty cell in the table.
Syntax: empty-cell: value
Where value=show(default) or hide