CBSE Class 7 Computer Science Hyper Text Markup Language Notes

Read the CBSE Class 7 Computer Science Hyper Text Markup Language Notes right here in PDF format. Our Class 7 Computer Science revision notes follow the updated 2026-27 syllabus rules and are written by experienced teachers. They simplify tricky chapters and emphasize essential definitions, making them ideal for Class 7 test revision.

Key Concepts & Revision: Class 7 Computer Science Hyper Text Markup Language

Check out these Class 7 Computer Science Hyper Text Markup Language notes to study important concepts in very little time. These concise summaries target difficult questions and scoring chapters, helping you perform better in school exams and final tests.

Download Revision Notes: Hyper Text Markup Language (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

Free study material for Computer Science

Revision Notes & Key Concepts for Class 7 Computer Science Hyper Text Markup Language

Quick Revision Notes: Hyper Text Markup Language (CBSE)

Review these Revision Notes for Hyper Text Markup Language to grasp essential chapter ideas efficiently. Aligned with current CBSE standards for Class 7, this material helps clarify difficult themes. Consistent reading of these targeted notes ensures solid preparation for upcoming school assessments.

Teacher-Verified Notes for Class 7 Computer Science

Our expert team has used the official NCERT book for Class 7 Computer Science to design these notes. These are the notes that definitely help 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 excel in your evaluations, learners should also tackle the MCQ questions and practice worksheets available on this page. These additional solved exercises verify your mastery over Hyper Text Markup Language concepts. Every learning aid online is free and synchronized with current Computer Science exam trends. Reviewing these revision notes daily builds confidence and drives better scores.

FAQs

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 2026-27 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.