CBSE Class 7 Computer Science Hyper Text Markup Language Notes

Download CBSE Class 7 Computer Science Hyper Text Markup Language 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 Hyper Text Markup Language

Class 7 Computer Science students should refer to the following concepts and notes for Hyper Text Markup Language 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

Hyper Text Markup Language Notes Class 7 Computer Science

Hyper Text Markup Language (HTML)
 
HTML:
 
HTML is the building block for web pages. Prerequisites: You will need a text editor, such as Notepad and an Internet browser, such as Internet Explorer or Netscape.
 
What is an html File?

i. HTML is a format that tells a computer how to display a web page.
 
ii. An HTML file is a text file containing small markup tags
 
iii. The markup tags tell the Web browser how to display the page
 
iv. An HTML file must have an htm or html file extension
 
What are HTML tags?
 
i. HTML tags are used to mark-up HTML elements.
 
ii. HTML tags are surrounded by the two characters < and >.
 
iii. HTML tags normally come in pairs like <b> and </b>.
 
iv. The first tag in a pair is the start tag, the second tag is the end tag.
 
v. HTML tags are not case sensitive, <b> means the same as <B>.
 
Tag Description

<html> This tag marks the start of an html document
 
<head>...</head>This tag represents the document's header which can keep other HTML tags like <title>, <link> etc.
 
<title> The <title>tag is used inside the <head> tag to mention the document title.
 
<body> This tag represents the document's body which keeps all the contents of a web page- text, images, sound etc.
 
<Hn> This tag represents the heading tags of different sizes.
Where n is the number start from 1…6
Like <H1>,<H2>……..<H6>
 
<center> This tag is used to write a line or text in center
 
<p> This tag represents a paragraph.
<p align=left/right/center>This tag is used to write paragraph alignment in html.
 
<br> This tag is used to insert new line or insert enter in html
 
Bold, Italics, Underline :<b> tag is used to make a text bold in html.
                                      <i>tag is used to make a text italics in html.
                                      <u>tag is used to make a text underlined in html.

Background color and text color: <body bgcolor ="yellow" > tag is used to change the background color of an html page and <body text=”red”> changes text color.

How to create webpages?

1.click Start-> All Programs->Accessories. Open notepad and type the code given below

<html>
<head>
<title>My First Webpage
</title>
</head>
<body>
<center><h1> Webpage </h1></center>
This is my first homepage.
<b>This text is bold</b>
<i> This line is in italics text. </i>
<u> This line is in underline text. </u>
<br>This is the 1st line.
<br>This is the 2nd line.
</body>
</html>

2. Click File, Click Save as

3.Type a Name of your webpage dot html.e.g.: -mypage.html

4. Open the Place where you saved your file. Double click on the file.

Assignment Question

Q. Write the code to create the following Webpage with background color ‘green’ and text color ‘red’

Class-7-Computer-Science-Hyper-Text-Markup-Language-Notes

<html>
<head>
<title>My Webpage
</title>
</head>
<body bgcolor ="yellow" text=”red”>
<center><h1> My School </h1></center>
<p align=left>Im a student of K.V,NFR Maligaon. I read in class 7. </p>
</body>
</html>

Q. Write an html code to show the working of various Paragraph alignment tags

<html>
<head>
<title>
Paragraph in html
</title>
</head>
<body>

This is an html document.

<p align=left>This is a left paragraph in html </p>
<p align=right>This is a right paragraph in html </p>
<p align=center>This is a center paragraph in html </p>
</body>
</html>

Inserting Images in Webpage:

We can insert images to our Html pages to make it look more beautiful. <img> tag is used to insert images in webpage. There are two ways to insert images in a webpage:

1. Internal:

Steps: 1. Open My Pictures or Sample Pictures or any folder containing pictures Copy the picture you want

2. Create a folder on the Desktop or in My Documents

3.Open the Folder, and paste the Picture.

4.Right click, and click new and click text document.

 
Please click the link below to download pdf file for Class-7-Computer-Science-Hyper-Text-Markup-Language-Notes.pdf

CBSE Class 7 Computer Science Hyper Text Markup Language Notes

We hope you liked the above notes for topic Hyper Text Markup Language 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 Hyper Text Markup Language notes

You can download notes for Class 7 Computer Science Hyper Text Markup Language for latest academic session from StudiesToday.com

Are the revision notes available for Hyper Text Markup Language Class 7 Computer Science for the latest CBSE academic session

Yes, the notes issued for Class 7 Computer Science Hyper Text Markup Language have been made available here for latest CBSE session

Is there any charge for the Class 7 Computer Science Hyper Text Markup Language notes

There is no charge for the notes for CBSE Class 7 Computer Science Hyper Text Markup Language, you can download everything free of charge

Which is the best online platform to find notes for Hyper Text Markup Language Class 7 Computer Science

www.studiestoday.com is the best website from which you can download latest notes for Hyper Text Markup Language Computer Science Class 7

Where can I find topic-wise notes for Class 7 Computer Science Hyper Text Markup Language

Come to StudiesToday.com to get best quality topic wise notes for Class 7 Computer Science Hyper Text Markup Language