CBSE Class 7 Computer Science HTML Lists Notes

Download the latest CBSE Class 7 Computer Science HTML Lists Notes in PDF format. These Class 7 Computer Science revision notes are carefully designed by expert teachers to align with the 2025-26 syllabus. These notes are great daily learning and last minute exam preparation and they simplify complex topics and highlight important definitions for Class 7 students.

Chapter-wise Revision Notes for Class 7 Computer Science HTML Lists

To secure a higher rank, students should use these Class 7 Computer Science HTML Lists notes for quick learning of important concepts. These exam-oriented summaries focus on difficult topics and high-weightage sections helpful in school tests and final examinations.

HTML Lists Revision Notes for Class 7 Computer Science

HTML LISTS
 
Lists in HTML
 
1. Unordered Lists -

An unordered list has no specific numbering or ordering. It starts with the <ul> tag. Each list item starts with the <li> tag.
Example: Create the following List in HTML
 
<html>
<head>
<title>
Unordered list
</title>
<head>
<body>
<h2><b>Unordered List with Bullets</b></h2>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
 
Class 7 Computer Science HTML Lists Notes
 









Unordered list styling- <ul style="list-style-type:circle"> OR <ul style="list-style-type:square">
 
2.Ordered Lists -

An ordered list can be numerical or alphabetical in a specific order.

Example: Create the following List in HTML
 
<html>
<head>
<title>
Ordered list
</title>
</head>
<body>
<h2><b>Ordered List with Numbers</b></h2>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
Class 7 Computer Science HTML Lists Notes1
Ordered list styling- To change the starting number from default 1 to any number we use the ‘start’ option.
To Change from numbers to alphabet or to roman numbers we use the ‘type’ option.
 
Example: <ol start="10” type=i >
              <li>Coffee</li>
              <li>Milk</li>
              </ol>
Class 7 Computer Science HTML Lists Notes2

TABLES IN HTML:

HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells.

Example: Create the following List in HTML

Class-7-Computer-Science-HTML-Lists-Notes_1

<html>
<head>
<title>
Table in html
</title>
</head>
<body>
<table>
<tr>
<td>Month</td>
<td>Savings</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$75</td>
</tr>
</table>
</body>
</html>

1. Table Border : We add border option in <table> tag i.e.<table border=”1”>

2. Bordercolor: It specifies the color of the table’s border.
Syntax: <table border=3 bordercolor=red>

Class-7-Computer-Science-HTML-Lists-Notes_2

3. Cellspacing: It is the space between cells.

4. Cellpadding: It is the distance between cell border and the cell contents.
Syntax: <table border=3 bordercolor=red cellspacing=10 cellpadding=10>

5. Background: It is used to give image in the background. This attribute takes URL of the file as its value.
Syntax: <table background=”path”

6. Bgcolor: It is used to give colour in the background of the table.
Syntax: <table bgcolor=”red”>

7. Height and Width: These attributes are used to specify the height and width of the table in pixel
Syntax: <table height=200 width=300 >

ROWSPAN AND COLSPAN ATTRIBUTES OF TABLE TAG

Stretching a cell over multiple rows or columns is refered to as spanning. Two or more adjacent rows can be combined together to form a single row using the rowspan attribute. Two or more adjacent columns can be combined together to form a single columns using the colspan attribute.

Class-7-Computer-Science-HTML-Lists-Notes_3

Class-7-Computer-Science-HTML-Lists-Notes_4

 

Please click the link below to download pdf file for CBSE Class 6 Science - Forms and Movements.

CBSE Class 7 Computer Science HTML Lists Notes

Students can use these Revision Notes for HTML Lists to quickly understand all the main concepts. This study material has been prepared as per the latest CBSE syllabus for Class 7. Our teachers always suggest that Class 7 students read these notes regularly as they are focused on the most important topics that usually appear in school tests and final exams.

NCERT Based HTML Lists Summary

Our expert team has used the official NCERT book for Class 7 Computer Science to design these notes. These are the notes that definitely you for your current academic year. After reading the chapter summary, you should also refer to our NCERT solutions for Class 7. Always compare your understanding with our teacher prepared answers as they will help you build a very strong base in Computer Science.

HTML Lists Complete Revision and Practice

To prepare very well for y our exams, students should also solve the MCQ questions and practice worksheets provided on this page. These extra solved questions will help you to check if you have understood all the concepts of HTML Lists. All study material on studiestoday.com is free and updated according to the latest Computer Science exam patterns. Using these revision notes daily will help you feel more confident and get better marks in your exams.

Where can I download the latest PDF for CBSE Class 7 Computer Science HTML Lists Notes?

You can download the teacher prepared revision notes for CBSE Class 7 Computer Science HTML Lists Notes from StudiesToday.com. These notes are designed as per 2025-26 academic session to help Class 7 students get the best study material for Computer Science.

Are these Computer Science notes for Class 7 based on the 2026 board exam pattern?

Yes, our CBSE Class 7 Computer Science HTML Lists Notes include 50% competency-based questions with focus on core logic, keyword definitions, and the practical application of Computer Science principles which is important for getting more marks in 2026 CBSE exams.

Do these Class 7 notes cover all topic-wise concepts for Computer Science?

Yes, our CBSE Class 7 Computer Science HTML Lists Notes provide a detailed, topic wise breakdown of the chapter. Fundamental definitions, complex numerical formulas and all topics of CBSE syllabus in Class 7 is covered.

How can I use CBSE Class 7 Computer Science HTML Lists Notes for quick last-minute revision?

These notes for Computer Science are organized into bullet points and easy-to-read charts. By using CBSE Class 7 Computer Science HTML Lists Notes, Class 7 students fast revise formulas, key definitions before the exams.

Is there any registration required to download Class 7 Computer Science notes?

No, all study resources on StudiesToday, including CBSE Class 7 Computer Science HTML Lists Notes, are available for immediate free download. Class 7 Computer Science study material is available in PDF and can be downloaded on mobile.