You are on page 1of 11

Practical : 1 Create a webpage with the following features:

• The title name should be " PRACTICAL 2 ".


• Give the heading of the webpage as "GOOGLE". Give text color to the text Google according
to following:
G : Blue
O : Red
O: Yellow
G: Pink
L : Green
E : Red
• Give Horizontal Rule after the text “GOOGLE”.
• Insert image google.jpg, height should be 35% and width should be 55% with alignment
center.
• Insert following ordered and unordered list in to your webpage.
1. Batch Mates o
School List o
College List
3. Friends

 Area/Location Wise
 Profession Wise
OUTPUT: 1

Practical:2 Write the HTML code to generate the following output:


• Link color is green, active link color is blue and visited link color is red.
• Title of the page is “ Eat healthy, live healthy”.
• Heading of the page is Maroon.
• Image used is “Restaurant.jpg”.
• Caption of table is blue.
• Table border is blue and of size 2.
• The links are one.html, two.html, three.html and four.html.  The email id for contact us is
abc@xyz.com

OUTPUT:2

Practical : 3 Write the HTML code to generate the following output:


• Link colour is green, active link color is blue and visited link color is red.
• Title of the page is “Dances of India”.
• Heading of the page is maroon.
• Background colour of page is yellow.
• Image used is “GodofDance.jpg”.  Cpation of Table is blue.
• Table border is Red and of size 2.
• The 3 links are one.html, two.html and three.html.
• The email id for contact us is abc@xyz.com.
OUTPUT: 3

Practical: 4 Observe the following table and write the html code to generate it use rowspan and col
span wherever necessary.
Practical: 5 Observe the following table and write the html code to generate it use rowspan and
colspan wherever necessary.

Practical: 6 Download and save the following:


a) Image of Computer mouse.
b) Any audio file with the extension .mp3
c) Any video file with the extension .mp4
Create a web page with three row frames and display the above image, audio and video files from top to
bottom.
OUTPUT:6

Practical: 7 Creating a blog discussing about the Computer Viruses using HTML code.
Suppose your computer teacher has asked you to create a blog discussing about Computer Viruses
using the HTML code. Here are the steps that you can follow to complete this task.
To perform the above mentioned activity, follow these steps:
• Use the HTML code and the CSS properties to create a blog page discussing about computer viruses.
• Insert an image of your choice on the background of the web page by using the background attribute of
the <body> tag. Keep the image and the HTML document in the same folder.
• Give a name to your blog and adjust it at the center of the page( Here, My First Blog). Apply any
formatting effects to the text as per your choice.
• Now write a post discussing about computer viruses, malware spam and antivirus software. Insert related
text and relevant images to the web page. Also, insert the date of the post.
• Adjust the text and images on the page by using different CSS properties with the HTML tags or the tag
attributes.
• Write something about yourself at the bottom of the post.
OUTPUT:7

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


Note the following points while generating the webpage:
i. Title of the page should be “Dubai Tourism”.
ii. The heading text “Welcome to Dubai” is in Arial font and is of maroon color. iii.
The horizontal lines below the heading are 5 pixels thick and of red color. iv. Image
used in the page is Dubai.jpg.
v. The bulleted list contains links as specified below:
• The text Morning is link to the webpage “morning.html”.  The text Evening is link to the webpage
“evening.html”.
OUTPUT:8

Practical: 9 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.
1. Computer fundamentals
2. Software
3. Internet
4. Hardware

Apply the following formatting:


1. The title of the document should be 14 points in Arial form with bold and italic styles.
2. Use the 10 points Times New Roman font for the rest of the text except numbered
text.
3. “globalization“ is shown in bold letters.
4. “Internet” word is shown in italics letters.
5. “communication” word should be underlined.
6. O2 should be shown as it is given.
7. Save the document as practical1.html
8. The “Internet” word in the list should have the effect which is shown in the text.
9. All numbered text must be numbered using list tags.

Practical: 10 Prepare a list as given below:


1. Educational Movies o
3 Idiots o Tare
Jamin par o
Chalk n duster o
Pathshala
2. Educational Web
series o Kota
Factory o Lakho me
ek o Engineering
Girls
3. Cultural Movies o
Family Drama
1. Hum sath sath hai
2. Hum apke hai kaun
3. Vivah o Indian Culture
1. Lagaan
2. Pardesh

Practical: 11 Create the following form in HTML:


Practical: 12 Links in HTML:

Practical:13 . Make mystyle.css file having following type of specification and link this file in html file:
1. Body : background ivory
2. Paragraph : 12point, arial, brown font
3. Heading : 14-24point, arial, red font
4. Horizontal Rule : color=green / background image
5. Table : backgroundcolor=pink; border=2; text-align=right; color=brown;

Practical:14 Create frames as per given the following structure. Ensure that the picture should open in the
right side frame after clicking accordingly on the anchor text Show Pics.
Practical:15 Create a webpage similar to the one given above and use CSS properties for :
 Image
• Table
• H1 style

You might also like