CBSE Class 7 Computer Science Hyper Text Markup Language Notes

Download the latest CBSE Class 7 Computer Science Hyper Text Markup Language Notes in PDF format. These Class 7 Computer Science revision notes are carefully designed by expert teachers to align with the 2025-26 syllabus. These notes are great daily learning and last minute exam preparation and they simplify complex topics and highlight important definitions for Class 7 students.

Chapter-wise Revision Notes for Class 7 Computer Science Hyper Text Markup Language

To secure a higher rank, students should use these Class 7 Computer Science Hyper Text Markup Language notes for quick learning of important concepts. These exam-oriented summaries focus on difficult topics and high-weightage sections helpful in school tests and final examinations.

Hyper Text Markup Language Revision Notes for 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

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

NCERT Based Hyper Text Markup Language Summary

Our expert team has used the official NCERT book for Class 7 Computer Science to design these notes. These are the notes that definitely you for your current academic year. After reading the chapter summary, you should also refer to our NCERT solutions for Class 7. Always compare your understanding with our teacher prepared answers as they will help you build a very strong base in Computer Science.

Hyper Text Markup Language Complete Revision and Practice

To prepare very well for y our exams, students should also solve the MCQ questions and practice worksheets provided on this page. These extra solved questions will help you to check if you have understood all the concepts of Hyper Text Markup Language. All study material on studiestoday.com is free and updated according to the latest Computer Science exam patterns. Using these revision notes daily will help you feel more confident and get better marks in your exams.

Where can I download the latest PDF for CBSE Class 7 Computer Science Hyper Text Markup Language Notes?

You can download the teacher prepared revision notes for CBSE Class 7 Computer Science Hyper Text Markup Language Notes from StudiesToday.com. These notes are designed as per 2025-26 academic session to help Class 7 students get the best study material for Computer Science.

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

Yes, our CBSE Class 7 Computer Science Hyper Text Markup Language 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 7 notes cover all topic-wise concepts for Computer Science?

Yes, our CBSE Class 7 Computer Science Hyper Text Markup Language Notes provide a detailed, topic wise breakdown of the chapter. Fundamental definitions, complex numerical formulas and all topics of CBSE syllabus in Class 7 is covered.

How can I use CBSE Class 7 Computer Science Hyper Text Markup Language Notes for quick last-minute revision?

These notes for Computer Science are organized into bullet points and easy-to-read charts. By using CBSE Class 7 Computer Science Hyper Text Markup Language Notes, Class 7 students fast revise formulas, key definitions before the exams.

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

No, all study resources on StudiesToday, including CBSE Class 7 Computer Science Hyper Text Markup Language Notes, are available for immediate free download. Class 7 Computer Science study material is available in PDF and can be downloaded on mobile.