CBSE Class 7 Computer Science HTML Lists Notes

Download CBSE Class 7 Computer Science HTML Lists Notes in PDF format. All Revision notes for Class 7 Computer Science have been designed as per the latest syllabus and updated chapters given in your textbook for Computer Science in Class 7. Our teachers have designed these concept notes for the benefit of Class 7 students. You should use these chapter wise notes for revision on daily basis. These study notes can also be used for learning each chapter and its important and difficult topics or revision just before your exams to help you get better scores in upcoming examinations, You can also use Printable notes for Class 7 Computer Science for faster revision of difficult topics and get higher rank. After reading these notes also refer to MCQ questions for Class 7 Computer Science given on studiestoday

Revision Notes for Class 7 Computer Science HTML Lists

Class 7 Computer Science students should refer to the following concepts and notes for HTML Lists in Class 7. These exam notes for Class 7 Computer Science will be very useful for upcoming class tests and examinations and help you to score good marks

HTML Lists Notes 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.

More Study Material

CBSE Class 7 Computer Science HTML Lists Notes

We hope you liked the above notes for topic HTML Lists which has been designed as per the latest syllabus for Class 7 Computer Science released by CBSE. Students of Class 7 should download and practice the above notes for Class 7 Computer Science regularly. All revision notes have been designed for Computer Science by referring to the most important topics which the students should learn to get better marks in examinations. Studiestoday is the best website for Class 7 students to download all latest study material.

Notes for Computer Science CBSE Class 7 HTML Lists

Our team of expert teachers have referred to the NCERT book for Class 7 Computer Science to design the Computer Science Class 7 notes. If you read the concepts and revision notes for one chapter daily, students will get higher marks in Class 7 exams this year. Daily revision of Computer Science course notes and related study material will help you to have a better understanding of all concepts and also clear all your doubts. You can download all Revision notes for Class 7 Computer Science also from www.studiestoday.com absolutely free of cost in Pdf format. After reading the notes which have been developed as per the latest books also refer to the NCERT solutions for Class 7 Computer Science provided by our teachers

HTML Lists Notes for Computer Science CBSE Class 7

All revision class notes given above for Class 7 Computer Science have been developed as per the latest curriculum and books issued for the current academic year. The students of Class 7 can rest assured that the best teachers have designed the notes of Computer Science so that you are able to revise the entire syllabus if you download and read them carefully. We have also provided a lot of MCQ questions for Class 7 Computer Science in the notes so that you can learn the concepts and also solve questions relating to the topics. All study material for Class 7 Computer Science students have been given on studiestoday.

HTML Lists CBSE Class 7 Computer Science Notes

Regular notes reading helps to build a more comprehensive understanding of HTML Lists concepts. notes play a crucial role in understanding HTML Lists in CBSE Class 7. Students can download all the notes, worksheets, assignments, and practice papers of the same chapter in Class 7 Computer Science in Pdf format. You can print them or read them online on your computer or mobile.

Notes for CBSE Computer Science Class 7 HTML Lists

CBSE Class 7 Computer Science latest books have been used for writing the above notes. If you have exams then you should revise all concepts relating to HTML Lists by taking out a print and keeping them with you. We have also provided a lot of Worksheets for Class 7 Computer Science which you can use to further make yourself stronger in Computer Science

Where can I download latest CBSE Class 7 Computer Science HTML Lists notes

You can download notes for Class 7 Computer Science HTML Lists for latest academic session from StudiesToday.com

Can I download the Notes for HTML Lists Class 7 Computer Science in Pdf format

Yes, you can click on the link above and download notes PDFs for Class 7 Computer Science HTML Lists which you can use for daily revision

Are the revision notes available for HTML Lists Class 7 Computer Science for the latest CBSE academic session

Yes, the notes issued for Class 7 Computer Science HTML Lists have been made available here for latest CBSE session

How can I download the HTML Lists Class 7 Computer Science Notes pdf

You can easily access the link above and download the Class 7 Notes for Computer Science HTML Lists for each topic in Pdf

Is there any charge for the Class 7 Computer Science HTML Lists notes

There is no charge for the notes for CBSE Class 7 Computer Science HTML Lists, you can download everything free of charge

Which is the best online platform to find notes for HTML Lists Class 7 Computer Science

www.studiestoday.com is the best website from which you can download latest notes for HTML Lists Computer Science Class 7

Where can I find topic-wise notes for Class 7 Computer Science HTML Lists

Come to StudiesToday.com to get best quality topic wise notes for Class 7 Computer Science HTML Lists

Can I get latest HTML Lists Class 7 Computer Science revision notes as per CBSE syllabus

We have provided all notes for each topic of Class 7 Computer Science HTML Lists as per latest CBSE syllabus