Class 9 Computer Science Adding Styles To Web Pages Notes

Access the new Class 9 Computer Science Adding Styles To Web Pages Notes as a downloadable PDF. Get free Class 9 Computer Science revision notes built by expert teachers to match the 2026-27 curriculum guidelines. Perfect for daily review and last-minute exam prep, these summaries break down hard topics and point out key definitions for every Class 9 learner.

Download Class 9 Computer Science Adding Styles To Web Pages Notes

Want to get top marks? Try using these Class 9 Computer Science Adding Styles To Web Pages notes for fast revision of key ideas. These exam-focused guides cover tricky concepts and important topics that frequently appear in school tests and final exams.

Adding Styles To Web Pages Revision Notes for Class 9 Computer Science

ADDING STYLES TO WEB PAGES USNIG CSS 
 
 
Review of HTML

World Wide Web(WWW)

WORLD WIDE WEB –The World Wide Web is a worldwide information service on the Internet. The World Wide Web or the Web, as it is popularly known uses special software called a Browser (client) and TCP/IP, HTTP and a Web server to function.
 
Headers

Information placed in this section is essential to the inner working of the document and has nothing to do with the content of the document. All the information placed with in the <HEAD></HEAD> tags is not displayed in the browser.
 
The HTML tags used to indicate the start and end of the head section are:
         <HEAD>
         <TITLE>…. </TITLE>.
         </HEAD>
 
Body and Titles
 
The tags used to indicate the start and end of the main body of textual information are :
          <BODY>
           ……..
           ……..
          </BODY>
 
 
 
A web page would have a title that describe what the page is about without being too wordy. This can be achieved by using the TITLE tag.
<TITLE>…………………………………..</TITLE>
 
Headings

Paragraphs

HTML documents are divided into paragraphs. Paragraphs are defined with the <p> tag.
                       <p>This is a paragraph</p>
                      <p>This is another paragraph</p>
 
Tables

Tables are defined with the <table> tag.
• A table is divided into rows with the <tr> tag. (tr stands for table row)
• A row is divided into data cells with the <td> tag. (td stands for table data)
• A row can also be divided into headings with the <th> tag. (th stands for table heading)
• The <td> elements are the data containers in the table.
• The <td> elements can contain all sorts of HTML elements like text, images, lists, other tables, etc.
 
 The width of a table can be defined using CSS.
 
<table style="width:300px">
<tr>
<th>First</th>
<th>Last</th>
<th>Points</th>
</tr>
<tr>
<td>Vikram</td>
<td>Vats</td>
<td>98</td>
</tr>
<tr>
<td>Rajesh</td>
 
 
<td>Singh</td>
<td>60</td>
</tr>
</table>
Class-9-Computer-Science-Adding-Styles-to-Web-Pages-Notes 1
 
Lists
 
The most common HTML lists are ordered and unordered lists:
An ordered list:
1. The first list item
2. The second list item
3. The third list item     
 
An unordered list:
• List item
• List item
• List item
 
HTML Ordered Lists
An ordered list starts with the <OL> tag. Each list item starts with the <LI> tag. The list items are marked with numbers.
<OL>
<LI>Coffee</LI>
<LI>Milk</LI>
</OL>
 
How the HTML code above looks in a browser:
1. Coffee
2. Milk
 
HTML Unordered Lists
 
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items are marked with bullets (typically small black circles).
<UL>
<LI>Coffee</LI>
<LI>Milk</LI>
</UL>
 
How the HTML code above looks in a browser:
• Coffee
• Milk
 
HTML Description Lists
 
A description list is a list of terms/names, with a description of each term/name.
The <dl> tag defines a description list.
The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each term/name):
<DL>
< DT>COFFEE</DT>
<DD>- BLACK HOT DRINK</DD>
<DT>MILK</DT>
<DD>- WHITE COLD DRINK</DD>
</DL>
 
How the HTML code above looks in a browser:
 
- Coffee
- black hot drink
 
Milk
- white cold drink
 
Adding Style Sheets
 
CSS is a style sheet language used to determine the formatting of an HTML document.Using separate style sheets for an entire site, leveraging semantic markup and identifiers like ids (for unique page elements) and classes (for multiple, like elements) a developer can apply styles across a whole site while updating a single (cacheable) file.

Free study material for Computer Science

Download CBSE Revision Notes: Class 9 Computer Science

CBSE Class 9 Computer Science Adding Styles To Web Pages Notes

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

Important Chapter Summary & Solutions for Adding Styles To Web Pages

Our professional educators designed these notes using the official NCERT book for Class 9 Computer Science. Pairing your summary review with our recommended NCERT solutions for Class 9 clarifies complex ideas and ensures a rock-solid comprehension of Computer Science.

Master Class 9 Computer Science with Extra Practice Sets

Enhance your academic standing by completing the MCQ questions and practice worksheets offered alongside. These solved checks confirm your command of Adding Styles To Web Pages ideas. All website learning assets are free of charge, structured around latest Computer Science patterns. Reading these revision notes daily cultivates deep test assurance.

FAQs

Where can I download the latest PDF for Class 9 Computer Science Adding Styles To Web Pages Notes?

You can download the teacher prepared revision notes for Class 9 Computer Science Adding Styles To Web Pages Notes from StudiesToday.com. These notes are designed as per 2026-27 academic session to help Class 9 students get the best study material for Computer Science.

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

Yes, our Class 9 Computer Science Adding Styles To Web Pages 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 9 notes cover all topic-wise concepts for Computer Science?

Yes, our Class 9 Computer Science Adding Styles To Web Pages Notes provide a detailed, topic wise breakdown of the chapter. Fundamental definitions, complex numerical formulas and all topics of CBSE syllabus in Class 9 is covered.

How can I use Class 9 Computer Science Adding Styles To Web Pages Notes for quick last-minute revision?

These notes for Computer Science are organized into bullet points and easy-to-read charts. By using Class 9 Computer Science Adding Styles To Web Pages Notes, Class 9 students fast revise formulas, key definitions before the exams.

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

No, all study resources on StudiesToday, including Class 9 Computer Science Adding Styles To Web Pages Notes, are available for immediate free download. Class 9 Computer Science study material is available in PDF and can be downloaded on mobile.