Scribd
Upload
421 views

HTML

This document provides exercises for learning HTML across 15 sessions. It includes exercises to create web pages using different HTML tags like font, lists, tables, frames and forms. It also includes exercises to design web pages with specific formatting requirements like background color, text alignment, adding images etc. The exercises increase in complexity across sessions starting with basic tags and attributes to designing multi-page websites using various HTML elements.

Uploaded by

boymatter
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
421 views

HTML

This document provides exercises for learning HTML across 15 sessions. It includes exercises to create web pages using different HTML tags like font, lists, tables, frames and forms. It also includes exercises to design web pages with specific formatting requirements like background color, text alignment, adding images etc. The exercises increase in complexity across sessions starting with basic tags and attributes to designing multi-page websites using various HTML elements.

Uploaded by

boymatter
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

PCTI Limited - A Unique Name for Quality Education

HTML EXERCISES FOR PRACTICE IN LAB


Steps to Solutions:






Open the notepad from Start->Programs->Accessories->Notepad


Write all required tags between < and > symbols
Save the file with in double quotes, and extension should be .html.
Make double click on the explorer icon created by the name you stored.
To compare the output from your coded tags, open the source from the
following pathView->Source; and can edit the code.
 To see the effects of new changes, press F5 to refresh the screen.

Session 1: Introduction to HTML


Exercise:
1. Write HTML code to develop a web page having the background in red and title
My First Page in any other color.
2. Create a HTML document giving details of your name, age, telephone, address,
TLC code & enrollment no. aligned in proper order?
3. Write HTML code to design a page containing a text in a paragraph give suitable
heading style.

Session 2: Tags in HTML


Exercise:
1. Create a page to show different attribute of Font tag.
2. Create a page to show different attribute italic, bold, underline.
3. Design a page having background color given text color red and using all the
attributes of font tab.

Session 3: Tags in HTML


Exercise:

PCTI Limited - A Unique Name for Quality Education

PCTI Limited - A Unique Name for Quality Education


1. Write a HTML code to create a web page of blue color and display links in red
color.
2. Write HTML code to create a WebPages that contains an Image at its center.
3. Create a web page with appropriate content and insert an image towards the left
hand side of the page when user clicks on the image. It should open another web
page.

Session 4: Tags in HTML


Exercise:
1. Create a web Page using href tag having the attribute alink, vlink etc.
2. Create a web page, when user clicks on the link it should go to the bottom of the
page.
3. Write a HTML code to create a web page of pink color and display moving
message in red color.

Session 5: Tags in HTML


Exercise:
1. Create a web page, showing an ordered list of name of your five friends.
2. Create a HTML document containing a nested list showing the content page of
any book

3. Create a web page, showing an unordered list of name of your five friends.

Session 6: Tags in HTML


Exercise:
1. Create a web page which should contain a table having two rows and two
columns.
PCTI Limited - A Unique Name for Quality Education

PCTI Limited - A Unique Name for Quality Education


2. fill in the data in the table created by you in question 1.
3. create the following table in HTML with Dummy Data

Name of
train

Place

Destination

Train No.

Time
Arrival Departure

Fair

Session 7: Tags in HTML


Exercise:
1. Create the following table
a.
Color (White)
RED

GREEN

BLACK

b.
Weather

2.

2.

DELHI

MUMBAI

40

35

Write HTML code to create a web page that contain an image at the center

of the page.
3.

3.

Write HTML code to generate following output

10

4
6

Image

7
9

8
11

12

PCTI Limited - A Unique Name for Quality Education

PCTI Limited - A Unique Name for Quality Education

Session 8: Frames in HTML


Exercise:
1. Create a web page which should divide page into two equal frames

Frame1

Frame2

2. Create a web page which should generate following output:

Frame1

Frame2
Frame3

3. Create a web page having two frames one containing lines and another with contents
of the link. When link is clicked appropriate contents should be displayed on Frame
2.

Session 9: Frames in HTML


Exercise:
1.

1.

Create a home page for a TLC in following format

TLC Information
Links

Appropriate
Information

PCTI Limited - A Unique Name for Quality Education

PCTI Limited - A Unique Name for Quality Education

Session 10: Frames in HTML


Exercise:

1. 1. Create a web page using all the attributes of the frame and other
tags learned till now.
Session 11: Frames in HTML
Exercise:
1. Design a form using all input types.
2. Create a simple form accepting
Name
Enrollment No.
and Submit button
Session 12, 13, 14, 15: Frames in HTML
Exercise:
Create a site for HTML tutorials with proper examples and samples (approx 10 pages).

PCTI Limited - A Unique Name for Quality Education

You might also like