Scribd
Upload
4K views4 pages

Advanced Web Designing Practice Practical

The document contains HTML code for several web pages: 1) A form to collect a user's name, college selection from a dropdown, and buttons to submit or clear the form. 2) CSS code to display the text "Mobile World" in a large blinking font on an aqua background. 3) CSS code to display the text "XII Online Exam" in large red text with underlining. 4) CSS code to display the text "World is Beautiful" with large letter spacing between characters. 5) CSS code to apply a dotted green border around the text "Information Technology" displayed in large font. 6) A form to book tickets for a show, collecting name,

Uploaded by

BINCY THOMAS
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
4K views4 pages

Advanced Web Designing Practice Practical

The document contains HTML code for several web pages: 1) A form to collect a user's name, college selection from a dropdown, and buttons to submit or clear the form. 2) CSS code to display the text "Mobile World" in a large blinking font on an aqua background. 3) CSS code to display the text "XII Online Exam" in large red text with underlining. 4) CSS code to display the text "World is Beautiful" with large letter spacing between characters. 5) CSS code to apply a dotted green border around the text "Information Technology" displayed in large font. 6) A form to book tickets for a show, collecting name,

Uploaded by

BINCY THOMAS
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

ADVANCED WEB DESIGNING

PRACTICE PRACTICAL

PRACTICAL 10
Write html code to display a web page with heading My Details. Allow users to
choose his college from dropdown list. Use textbox to accept user name. Provision
should be made to submit the contents to server and clear data

Coding:
<html>
<body>
<h1>My Details</h1>
<form name"f1">
Student name
<input type="text" name="t1"><br>
Select College
<select name="s1">
<option>Ratnam College</option>
<option>Vivekanand College</option>
<option>Birla College</option>
<option>RKT College</option>
<option>Maharashtra College</option>
</select><br>
<input type="submit" value="Submit" name="b1">
<input type="reset" value="clear"name"b2">
</form></body></html>
PRACTICAL:- 11

Write html code to display a text Mobile World having font size 24, background
color aqua and blinking effect using CSS
Coding:
<html>
<head><title>CSS</title>
<style>
body{background-color:aqua}
p{font-size:24;text-decoration:blink}
</style></head>
<body>
<p>Mobile World</p>
</body></html>

PRACTICAL :- 12

Write html code to display a text XII Online Exam having font size 36, text color
red and underline text effect using CSS.
Coding:
<html>
<head><title>CSS</title>
<style>
p{font-size:36;text-decoration:underline;color:red}
</style></head>
<body>
<p>XII Online Exam</p>
</body></html>

PRACTICAL :- 13
Write html code to display a text World is Beautiful having font size 35, spacing between the lett

Coding:

<html>
<head><title>CSS</title>
<style>
p{font-size:35;letter-spacing:35pt}
</style></head>
<body>
<p>World is Beautiful</p>
</body></html>

PRACTICAL :- 14

Write html code to display a text Information Technology having font apply dotted border to the
Coding:

<html>
<head><title>CSS</title>
<style>
h1{border-style:dotted;border-color:green;font-size:36}
</style></head>
<body>
<h1>Information Technology</h1>
</body></html>

PRACTICAL :- 15

Write html code to book tickets of a show. Form fields are Name, Contact no,
dropdown list for show timings. Submit and Reset buttons. The page should have a suitable head

Coding:
<html>
<body bgcolor="pink">
<h2>Online Ticket Booking</h2>
<form name="f1">
Name
<input type="text" name="t1"><br><br>
Contact No
<input type="text" name="12"><br><br>
Select Show timings
<select name "sl">
<option>9.30 - 11.45 </option>
<option>12.00 -2.30</option>
coption>3.00 -5.30</option>
<option>5.45-8.00</option>
</select><br><br>
<input type="submit" value"Submit" name="b1">
<input type="reset" value="Reset" name="12">
</form></body> </html>

You might also like