CBSE Class 7 Computer Science Hyper Text Markup Language Notes

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’

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