SARDAR PATEL UNIVERSITY

US01CBCA25: Semester – 1 (2018 onwards)

PRACTICAL LIST
(For Journal Writing Only)

ASS -1
BASIC TAGS

Glossary

Term 1

Level 1 Heading
Level 2 Heading
Level 3 Heading

Level 4 Heading

Level 5 Heading

Level 6 Heading

A very intelligent turtle

Found programming UNIX a hurdle
The system, you see,
Ran as slow as did he,
And that's not saying much for the turtle.
Mercifully anonymous

Created by Robert Meegan

Created on 16 December 1996
The bold element uses a bold font to display the text. This is in bold text.
The italic element renders text using an italic font. This is in italic text.
The teletype element displays the contents with a monospaced typewriter font. This is in teletype text.
The underline element causes text to be underlined in the viewer. This text is underlined.
The strikethrough element draws a horizontal line through the middle of the text. This is a
strikethough example.
The big print element uses a larger font size to display the text. This is big text.
The small print element displays the text in a smaller font size. This is small text.
The subscript element moves the text lower than the surrounding text and (if possible) displays the text in a smaller size font. This is
a subscript.
The superscript element moves the text higher than the surrounding text and (if possible) displays the text in a smaller size font.
This
superscript
is a .

This is an example of font selection.

This text is red
This text is green
Size 1

Size 2
Size 3
Size 4

Size 5
Size 6
Size 7
 ASS-2

HTML Assignment related to Ordered & Unordered List

The library has the following cassettes:

1 Cinema
Bombay
I love you
Crazy Crazy
The Sun
2 Educational
Mathematics
I. Part I: Analytical Geometry
II. Part II: Calculus
III. Part III: Trigonometry
3 Cultural
Classical Music
I. M. S. Subalakshmi
II. Sreenivasa Iyengar
III. Yesudas
IV. Thiagaraja Bhagavathar
Classical Dances
I. Bharata Natyam
II. Kuchipudi
III. Bhangra
 ASS-3

HTML Assignment related to Table Tags

1) Generate following output.

Railway Time Table And Fare List

Time
Name of Train Place Destination Fare
Arrival Departure

Rajdhani Express Bombay Delhi 07:30 08:45 Rs. 989.00

Madras Mail Bombay Madras 09:00 10:15 Rs. 450.00

Konya Express Bombay Banglore 11:30 12:25 Rs. 645.00

Konkan Express Bombay Manglore 13:30 14:45 Rs. 756.00

Deccan Express Bombay Pune 16:00 17:30 Rs. 345.00

2) Write an HTML program to print the following table.

Telephone Bill
Subscriber's Name &
Consumer No. P. O. Stamp
Address
K. Shelly
4/45, FOURTH STREET,
SHANTHI NAGAR, PL 00515077
TIRUNELVELI
-627002
TELEPHONE PAY BY
TYPE BILL DATE DUE DATE
NO. DATE
GENL RES
575077 01-Aug-97 18-Aug-97 25-Aug-97
PERM
OPENING CLOSING
METER METER METERED DEBIT CREDIT FREE CHARGE-
READING READING CALLS CALLS CALLS CALLS ABLE CALLS
1052 1297 245 0 0 150 95

DETAILS ITEM PERIOD AMOUNT

10/09/97 to
Rate No. of Calls Charge Rent 200.00
31/10/98
16/05/97 to
0.8 95 76 ITEM 76.00
15/07/97
SURCHARGE AFTER PAY BY TKP/PG 16/05/97 to
10 0.00
DATE CALLS 15/07/97
AMT ON/BEFORE PAY BY 16/05/97 to
290 ITX CALLS 0.00
DATE 15/07/97
AMT AFTER PAY BY DATE 300 MISC TAX 14.00

TOTAL 290.00

ADDRESS

PLEASE PAY BEFORE DUE DATE AND

AVOID DISCONNECTION
E.&O.E PLEASE SEE OVERLEAF FOR CODES/
Account Officer (T.R. Computer)
INSTRUCTIONS
 ASS-4

HTML Assignment related to Form Tags

SUBSCRIBE TO CORPWORLD

Interested in receiving daily email updates of all the latest exploits of BigCorp? Well, now
you can. And, best of all, it's free! Just fill out this form and submit it by clicking the "Send it
In" button. We'll put you on our mailing list, and you'll receive your first email in 3-5 days.

Please complete all of the following:

First Name:
Last Name:
Business:

We must have a correct email address to send you the newsletter:

Email:

How did you hear about BigCorp's email letter?

Here on the Web In a magazine Newspaper story Other

Would you care to be on our regular mailing list?

Yes, I love junk mail

Which are the games you like to play?

Cricket

(Give options like Cricket, Football, Hockey, Chess and Tennis. And only 2 options should
be seen on the screen.)

Enter comments about this Website.

Enter comments about this Web site.

Good or Bad.

Reset Send it!

 ASS-5

LINKS & FRAMESET

1. Develop following HTML pages with inter links to each other:

(You can navigate from any page to the other three pages)

1. home.html
2. aboutme.html
3. friends.html
4. career.html

2. Create a Frameset as shown below:

The left frame area must show Links.html which contains the Contents as
shown below. Out of them, provide links to three other html pages, fruit.html,
animals.html and birds.html.
When any of the three links for Fruits, Animals and Birds is clicked, the relevant
page must open on the right frame area. Each of those pages must contain at
least 10 items in them with variety of formatting.
When the frameset is opened, show some introductory welcome page in the
right frame area.

Contents Welcome to you

 Fruits
 Animals Provide some introductory details
 Birds
 Email
 Contact us
WHOLE DEFINITION – 1 (HTML):
WHOLE DEFINITION – 1 (CSS):

1. Give the Main Title in RED color.

2. Give all the Titles in the table in BLUE color.
3. Give UNDERLINE to all Titles.
4. Give the Page background of LIGHT GRAY color.
5. Give the Table background of DARK GRAY color.
6. Give the Footer of the page in the CENTER, BOLD, ITALICS.
7. Give the Horizontal Lines in BLUE color.
8. Show “Mr. A B Patel” in RED color.
9. Justify the text of the Paragraph.
WHOLE DEFINITION – 2 (HTML):
WHOLE DEFINITION – 2 (CSS):

1. Give the Titles in RED color.

2. Give UNDERLINE to all Titles inside the table..
3. Give the Page background of DARK GRAY color.
4. Give the Table background of LIGHT GRAY color.
5. Remove all the Table’s borders.
6. Give the BOLD, ITALICS, UNDERLINE, STRIKE-THROUGH effects to the text under Company Profile (as shown
in the image).
7. Give RED color to the Special Entity Characters.
8. Give the Main Title in CAPITAL LETTERS.
9. Show a line above the Main Title.
10.Show the word “flexibility” in bigger font size.
11.Give a Red, Dotted and 1 pixel thick border to only the Table (not the rows or cells)
WHOLE DEFINITION – 3 (HTML):
WHOLE DEFINITION – 3 (CSS):

1. Give the Titles in UPPERCASE.

2. Give the Main Title in Red color, Italics effect with a dotted, 1pixel and blue colored border.
3. Give the Table’s titles in BLUE color.
4. Give UNDERLINE to all Titles.
5. Give BLUE color, BOLD effects to all the Numeric values in the left column.
6. Give the Table width of 90%.
7. Remove all the Table’s borders.
8. Show a background image in the cell where the MARKS ENTRY FORM is displayed.