HTML Exercise

MAHARAJA SURAJMAL INSTITUTE
BBA(G), COMPUTER APPLICATION II

LAB ASSIGNMENT
Exercise 1
Print your name in green.

Print the numbers 1 - 10, each number being a different color.
Prints your name in a Tahoma font.
Print a paragraph with 4 - 5 sentences. Each sentence should be a different font.
Print a paragraph that is a description of a book, include the title of the book as
well as its author. Names and titles should be underlined, adjectives should be
italicized and bolded.
Print your name to the screen with every letter being a different heading size.
Exercise 2
Print the squares of the numbers 1 - 20. Each number should be on a separate line,
next to it the number 2 superscripted, an equal sign and the result. (Example: 102
= 100)
Prints 10 names with a line break between each name. The list should be
alphabetized, and to do this place a subscripted number next to each name based
on where it will go in the alphabetized list. (Example: Alan1). Print first, the
unalphabetized list with a subscript number next to each name, then the
alphabetized list. Both lists should have an <h1> level heading.
Print two paragraphs that are both indented using the command.
Print two lists with any information you want. One list should be an ordered list,
the other list should be an unordered list.
Prints an h1 level heading followed by a horizontal line whose width is 100%.
Below the horizontal line print a paragraph relating to the text in the heading.
Print some preformatted text of your choosing. (hint: use the <pre> tag)
Print a long quote and a short quote. Cite the author of each quote.
Print some deleted and inserted text of your choosing.
Print a definition list with 5 items.
Print two addresses in the same format used on the front of envelopes (senders
address in top left corner, receivers address in the center).
Print ten acronyms and abbreviations of your choosing, each separated by two
lines. Specify the data that the abbreviations and acronyms represent.
Exercise 3
Create some links to various search engines (google, yahoo, altavista, lycos, etc).
Create links to five different pages on five different websites that should all open
in a new window.
Create a page with a link at the top of it that when clicked will jump all the way to
the bottom of the page.
Create a page with a link at the bottom of it that when clicked will jump all the
way to the top of the page.
Create a page with a link at the top of it that when clicked will jump all the way to
the bottom of the page. At the bottom of the page there should be a link to jump
back to the top of the page.
Exercise 4
Display five different images. Skip two lines between each image. Each image should
have a title.
Display an image that has a border of size 2, a width of 200, and a height of 200.
Display an image that when clicked will link to a search engine of your choice (should be
opened in a new window).
Display an image that when clicked will link to itself and will display the image in the
browser by itself.
Exercise 5 Create the given Form using appropriate tags

Name:
Address:
City:
State:
Zip:
Magazine:
Newsweek
Subscription:
1 year
Additional Comments:
2 years
Send Your Order
Exercise 6
Pick 5 corporations and hunt down their current stock prices. Place them in a neatly
arranged table with their name, symbol, last price, 52wk high, 52wk low and PE ratio.
The end result should look like the following. Notice that the first column is aligned left
and the rest are centered.
My tech stock picks

NAME
SYMBOL CURRENT 52WK HI 52WK LO P/E RATIO
Microsoft
MSFT
86-3/8
Cisco Systems
CSCO
72-1/8
America Online
AOL
63
44-7/16
Qwest Communications
Dell Computers
DELL
119-15/16 75-1/2
82
56.09
24-13/16
400.69
95-13/16 38-15/32
350.00
66
53-59/64 59-11/16
25-3/4
74.06
31-3/8
86.97
Exercise 7 Create the following table, add the fruits basket image and make it an
Imagemap and on click of every fruits a new page mentioning the benefits of fruits
should open. Attach atleast four pages describing about these four fruits.
Fresh Fruits
It has long been
known that a diet
that includes at least
a few servings of
fresh fruit every day
will help keep you
healthy, fit and trim.
Exercise 8
Create a HTML document with two frames, which contains a navigation bar on the lefthand. The right side frame is the target of left frame that should display appropriate
contents reference to links on the left
Exercise 9
Create an embedded style sheet with style rules like For body tag : font color as navy,
arial font, 18pt size, Create a class title and apply it on unordered list and paragraph tag
having style rule color purple, 20pt size, text margin 10 pts.
Exercise 10
Create an embedded style sheet with style rules like For paragraph tag : bold, color red,
times New roman font, 20pt size Create id as myid and apply it on table tag. With style
rule color yellow, font weight heavy, 18pt size. Background color as red.
Exercise 11
Exercise12
Create a html document using unordered list
Exercise 13
Create a html document using Form tag.
Test the Checkbox:
Master CARD
VISA
American Express
Text Fields
Test the Text Field:
Test the Password:
A readonly control is always successful but cannot be modified.
READONLY
Test the Readonly Field:

A disabled control is never successful and cannot be modified.
DISABLED
Test the Disabled Field:

Novanima names (4 each) grouped by species (4)
Pick Kitten:

HTML Exercise

Uploaded by

HTML Exercise

Uploaded by

MAHARAJA SURAJMAL INSTITUTE

BBA(G), COMPUTER APPLICATION II

Print your name in green.

Exercise 5 Create the given Form using appropriate tags

Send Your Order

My tech stock picks

SYMBOL CURRENT 52WK HI 52WK LO P/E RATIO

Test the Readonly Field:

Test the Disabled Field:

You might also like