ORGANISING AND ENCANCING WEBPAGES CLASS VIII

Lists are an important part of a document. Whether it is a word document or pdf document or web document. It adds functionality to understand the contents clearly. In textbook there is list of questions, points are listed in numbers or symbols!

This information makes your text and document contents more attractive and readable.

Types of Lists in HTML

HTML support three types of lists basically. They are:

Ordered (Numbered) Lists – A list with numbers.
Unordered (Bulleted) Lists – A list with symbols or bullets
Description (Definition) Lists – A list to write definitions or terminologies

Ordered (Numbered) Lists

To generate order lists in HTML following tags are used:

OL: The ordered lists always starts with <ol> and ends with </ol>.
LI: LI tag specifies list items and written between <ol> and </ol>. For a number of the list items, the same number of <li> tags are required.

Q1. Write HTML code to create an ordered list of Indian National cricket team 2023

<html>

<head>

<title> Team India </title>

</head>

<body>

<ol>

<li> Rohit sharma (C) </li>

<li> Virat kohli </li>

<li> Hardik (VC) </li>

<li> shreyas </li>

<li> kuldeep </li>

<li> mohd. shami </li>

<li> ashwin </li>

<li> ravindra jadeja </li>

<li> Jasprit B </li>

<li> surya kumar </li>

<li> siraj </li>

</ol>

</body>

</html>

A. Tick the correct option:-

1. Which of the following is not a type of bullet in an unordered list?

ans1. C. Number

2. Which attribute is used to display a list of items from the last to the first?

ans2. A. Reversed

3. Which of these is used to define a table heading?

ans3. d. All of these ( <dl> <dt> <dd> )

4. Which of these is used to define a table heading?

ans4. C. <th>

5. Which of the following elements can you insert in a webpage using HTML?

ans5. d. All of these ( Image, Audio, Video )

B. Write T for True or F for False.

1. The start attribute is used to decide the start value of the first item in an unordered list. FALE

2. The bgcolor attribute is used to change the background color of an individual cell.

FALSE

3. The src attribute defines the path or the URL of the image to be inserted.

TRUE

4. The <a> tag is used to create a table.

FALSE

5. Both text and images can be hyperlinked on a webage.

TRUE

C. List an attribute and its function for each of the following tags.

1. <ol>

Attributes - 1. Type 2. Start

1. The type attribute gives the type of numbering to be used in the list type "a" gives

alphabetical order.

2. The start attribute defines the start value for the ordered list numbers.

<ul> tag is a container tag. It is use to display list of item with bulleted style. Its attribute help us to change the different type of list

Attribute- Type

3. <th> tags: It is a container element that is used to specify row headings in the table.

attributes- 1. colspan 2 rowspan

4. <a> Anchor tag is used to create a hyperlink. The href attribute is used with the <a> tag to specify the URL of the location to be linked.

Attributes- 1. href 2. name 3. target

5. <audio> an audio can be inserted using the <audio>....</audio> element. The controls attribute is used to display audio controls such as play, pause and volume buttons.

The <source> tag within the <audio>....</audio> element specify the audio files to be inserted using the src attribute.

6. <video> an video can be inserted using the <video>....</video> element. The controls attribute is used to display video controls such as play, pause and volume buttons.

The <source> tag within the <video>....</video> element specify the video files to be inserted using the src attribute. The width and height attributes specify the width and height of the video that appears on the webpage.

D. Short answer question:-

1. Mention the attributes required to build an orderd list.

ANS1. Attributes - 1. Type 2. Start

2. Name the tags used to create a definition list.

ANS2. 1. Definition list <dl>

2. Definition list term <dt>

3. Definition list description <dd>

3. Mention the tags used to create a table in HTML.

ANS3. Tags used to create a table in HTML are:-

1. <Table> .......</Table>

2. <tr>............</tr>

3. <td>.......</td>

4. <caption>.......</caption>

5. <th>....</th>

4. Name two attributyes of <td> and <th> tags.

ANS4. ALIGN, ROWSPAN, COLSPAN

5. Name three types of hyperlinks.

ANS5.The three types of hyperlinks are

1. Internal : Links on the same page.

2. Local: Links to another page within the same website.

3. Global: Links to pages on different websites.

LONG

1. Define a list. Write the differences between an ordered and an unoreded list.

Ans1. A list is a number of similar items that are presented in a particular way mostly one below the other.

A list helps organize data in a specific order so that the data becomes easy to read and understand.

Ordered list

1. The list items appear in a particular order. The ordered list displays items in numerical or alphabetical order.

2. <OL> is created using the <OL>...</OL> element.

3. <OL> has attributes :- Type and Start

Unordered list

1. In unordered list, there is no particular order. Instead of numbers each element in the list has prefixed with a special bullet symbol.

2. <UL> is created using the <UL>...</UL> element.

3. <UL> has attribute :- Type

Q2. What is a nested list? Explain with the help of an example in HTML.

ANS- A list inside another list forms a nested list.

<html>

<head>

<title> Today's Timetable </title>

</head>

<body>

<ol>

<li> Monday </li>

<ul>

<li>English </li>

<li> Maths </li>

<li> Science </li>

</ul>

<li>Tuesday </li>

<li> Wednesday </li>

<li> Thursday </li>

<li> Friday </li>

</ol>

</body>

</html>

Q3. Explain the syntax of inserting an audio and a video on a webpage.

Ans3. Syntax

<body>

</audio>

</body>

Syntax

<body>

</video>

</body>

Q4. What is the importance of inserting hyperlinks on a webpage?

Ans- A website consists of many webpages. These webpages are linked with the help of hyperlinks.

Q5. Explain the type attribute used to create an ordered list.

Ans5. In an ordered list, each item is marked with numbers starting from 1, by default. A different kind of numbering, use the type attribute with the <ol> tag.

Syntax- <ol type="value">

Q6. Describe any four tags required to create a table.

Ans6. <table> tag: The <table> ...</table> element is used to define a table in HTML. This is a container element and is defined inside the <body> tag.

<tr> tag: This tag is used to define table rows. The <tr> tag marks the starting of data in a row.

The </tr> tag marks the end of data in a row.

<td> tag: This tag is used to specify data in the table for each row. The data can be in the form of text, image, list or link. it is a container element.

<th> tag: It is a container element that is used to specify row headings in the table.

Search This Blog

aicomputerscience