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.

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. Our team of expert teachers have referred to the NCERT book for Class 7 Computer Science to design the Computer Science Class 7 notes. 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. 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. 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

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

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