Class 9 Computer Science Adding Styles To Web Pages Notes

Download Class 9 Computer Science Adding Styles To Web Pages Notes in PDF format. All Revision notes for Class 9 Computer Science have been designed as per the latest syllabus and updated chapters given in your textbook for Computer Science in Standard 9. Our teachers have designed these concept notes for the benefit of Grade 9 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 9 Computer Science for faster revision of difficult topics and get higher rank. After reading these notes also refer to MCQ questions for Class 9 Computer Science given our website

Adding Styles To Web Pages Class 9 Computer Science Revision Notes

Class 9 Computer Science students should refer to the following concepts and notes for Adding Styles To Web Pages in standard 9. These exam notes for Grade 9 Computer Science will be very useful for upcoming class tests and examinations and help you to score good marks

Adding Styles To Web Pages Notes 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.

Tags: 

 


Click to View or Download pdf file
Click for more Computer Science Study Material

Latest NCERT & CBSE News

Read the latest news and announcements from NCERT and CBSE below. Important updates relating to your studies which will help you to keep yourself updated with latest happenings in school level education. Keep yourself updated with all latest news and also read articles from teachers which will help you to improve your studies, increase motivation level and promote faster learning

National Youth Day and Birth Anniversary of Swami Vivekananda

Ministry of Education, Govt. of India vide D.O No. 12-4/2021-IS.4 dated 04.01.2022 intimated that 12 January 2022 will be celebrated as “National Youth Day” and “Birth Anniversary of Swami Vivekananda”.   All Schools affiliated to CBSE may celebrate 12 January 2022 as...

All India Children Educational Audio Video Festival

The Central Institute of Educational Technology (CIET), a constituent unit of National Council of Educational Research and Training (NCERT), is inviting entries for the 26th All India Children’s Educational Audio Video Festival (AICEAVF). This festival showcases the...

Pariksha Pe Charcha 2022

The 5th edition of Pariskhas Pe Charcha the unique interactive program of Hon’ble Prime Minister with students teaches and parents will be held through virtual mode in February, 2022. In order to select participants who will be featured in Pariksha Pe Charcha programme...

Board Exams Date Sheet Class 10 and Class 12

Datesheet for CBSE Board Exams Class 10  (Scroll down for Class 12 Datesheet) Datesheet for CBSE Board Exams Class 12

Heritage India Quiz 2021 2022

CBSE Heritage India Quiz is conducted every year to raise the awareness about the preserving human heritage, diversity and vulnerability of the India's built monuments and heritage sites. It is an attempt of the Board to motivate the future generations of this country...

CBSE Science Challenge 2021 22

Science is inexplicably linked with our lives and helps us to understand the world around us better. Scientific and technological developments contribute to progress and help improve our standards of living. By engaging with this subject, students learn to think, solve...