INDEX

Sr. No Practical Title Pag Sig

e n
No.
HTML

1 Developing Webpage: [Use of superscript, subscript, hr

tags].

2 Developing Webpage: [Use of definition list, logical style

tags]
3 Developing Webpage: [Use of heading level, font]

4 Working with Nested List In HTML Web page.

5 Inserting table.

6 Creating Form in HTML-Disney Movie Review.

7 Developing Web site in HTML- Artificial Intelligence

[Hyperlink, image, video]
8 Developing Web site in HTML- A Restaurant[Email Link,
Audio,inline css]
9 Creating a webpage in HTML-Save Tiger[external css]

10 Creating a webpage in HTML- International Year of

Millets[internal css]
Bibliography

Page 1 of 9
Question1: Write an HTML code to design the below given
webpage[Use of formatting tags and hr tag].

Note: The font size 5 and the background color is skyblue. Apply different
attributes to the HR the get the output as shown above.

Question 2: Write an HTML code to create the following definition list.

Note:
The
title of
the
page is
Q2
Cyber
Crime.
The definition term is of style dfn and definition descriptions are of style
emp.The heading level is of level 1. The top margin of the web page is 50 and
left margin is 100.

Question3: Create an HTML Basic Web page using basic tags and
formatting tags. Write a paragraph with proper headings
and subheadings and relevant text with some images.
Type the following paragraph and apply the formatting as displayed in the
paragraph:

Computer
As we know that computer has changed our life. Nowadays computers are
essential in every field, before globalization we were not aware of the
importance of computers. But the Internet is playing a major role because by
using it we are very close to each other and communicate anywhere.

Nowadays internet is like O2 for people. They cannot imagine their life without
the internet. Actually, it helps users to acquire new skills with a2 speed.

A. Computer fundamentals
B. Software
C. Internet
Page 2 of 9
 D. Hardware

Apply the following formatting:

a. The title of the document should be 14 points in Arial form with bold
and italic styles. Assign a background color pink.
b. Use the 10 points Corbel font for the rest of the text except numbered
text.
c. “globalization“ is shown in bold letters, red color.
d. “Internet” word is shown in italics letters, blue color.
e. “communication” word should be underlined, green color.
f. O2 should be shown as it is given.
g. Save the document as practical1.html
h. The “Internet” word in the list should have the effect which is shown in
the text. Use appropriate list.

Question4: Write an HTML code to create the following nested list

as given below:

Page 3 of 9
 Note: The bullets and the list items have a different color and
do not close li for the font effect to continue.

Question5: Prepare a table as given below:

Question 6:

Page 4 of 9
Create the following form in HTML:

Page 5 of 9
Question 7: Write the HTML code to generate the following output:

Note the following points while generating the Web page:

 Link color is green, active link color is blue, and visited link color is red.
 Title of the page is “AI”.
 Create and external css file style.css to assign Color of the heading of
the page is maroon. Letter spacing 10px, style italic. The paragraph
should be justified, it should have a background color white and
padding 20,40,50,60,70
 Image used is “ai.jpg”.
 The text AI in the Caption of table contains an internal link to the

definition of AI.
 Use internal CSS to assign Background of table is “cyan”. Table border
is blue and of size 2. List Heading is red, word spacing 10 px.
 The 4 links are t1.html, t2.html, t3.html, and t4.html[email link to
[email protected].
 Insert a audio clip on AI

Question 8: Write the HTML code to generate the following output:

Page 6 of 9
Note the following points while generating the webpage:

• Link colour is red, active link colour is blue and visited link colour is
green.
• Title of the page is "RESTAURANTLY"
• Use inline CSS for the following
• Backgroung color of the page is grey, top and left padding is 80 px
each.
• Heading of the page is white in color, small capital and overlined.
• The images used for home, menu, room type have border color blue,
style dotted.
• Image used is "Restaurant.jpg" with yellow color border , thickness 3
and style dashed
• The 4 links[Home,Menu,Room type] are home.html, menu.html,
roomtype.html
• Insert an video clip to the webpage

Question 9: Observe the following webpage

Page 7 of 9
Note the following points while generating the web page. Formatting should
be included in an external CSS file.
1. Background colour of a page is yellow
2. Link colour is green and visited link is blue
3. Heading of the page is Maroon and has padding left and top of 50px
4. Image used is “tiger.jpg”
5. Caption of table is blue and has word spacing 30px, Capitalize, overline.
6. Background of table is Cyan, border color is gold and style is grove, the
content of the table are 2em size, small-caps.
7. Table border is green and size = 2
8. Link for ContactUs is Contact.html

Question 10: Write the HTML Code for the following Web Page. All
formatting should be done using Internal CSS.

Page 8 of 9
1. The heading of the page should be of weight 800, Small capital, color
maroon.
2. The paragraph after the heading should have letter spacing 7 px,
indent 10px
3. The paragraph after the hr should be oblique, justified, title case and
should have a background color yellow.
4. The lists should be of level 3 and ordered list should be of size
15,overline and color blue, unordered list should be of size 10, letter
spacing 6 px and underlined.

Page 9 of 9