All HTML Codes2 Assignment-2

Q.
33 Design a webpage which will display the purpose of action attribute of

form tag.
Form.html
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Third Webpage(form.html) </title>
</head>
<body bgcolor=orange text=red>
<form name=f1 action=a.html>
<input type=submit name=submit value=submit>
<input type=reset name=reset value=reset>
</form>
</body>
</html>
a.html
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Third Webpage(a.html) </title>
</head>
<body bgcolor=lightblue text=black>
</body>
</html>
Q.34 Explain the purpose of get method.

<!DOCTYPE html>
<html>
<head>
<title> My Thirty Fourth Webpage </title>
</head>
<body bgcolor=orange text=red>
<form name=f1>
Name:<input type=text name=t1 size=10 maxlength=20
value=Enteryourname>
<br>
Telephone No.:<input type=text name=t2 size=10 maxlength=10>
<input type=submit>
<input type=reset>
</form>
</body>
</html>
Q.35 Accept Name, Age, Email detail and Password from the user.
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Fifth Webpage </title>
</head>
<body bgcolor=pink text=blue>
<form name=f1 method=post>
Name: <input type=text name=t1 size=10 maxlength=20
placeholder=Enteryourname>
<br>
Age: <input type=text name=t2 size=15 maxlength=3 placeholder=Age>
<br>
Email: <input type=email name=t3 size=15 maxlength=15
placeholder=Email>
<br>
Password: <input type=password name=t4 size=15 maxlength=15
placeholder=Password>
<br>
<input type=submit name=s1 value=DetailsAccepted>
<input type=reset name=r1 value=Refresh>
</form>
</body>
</html>
Q.36 Design a Webpage to address Name, Address and Graduation Detail.
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Sixth Webpage </title>
</head>
<body bgcolor=pink text=blue>
<form name=f1>
<br>
Address: <textarea type=text name=t4 rows=3 cols=40
placeholder=Enteryouraddress></textarea>
<br>
Graduation: Yes<input type=radio name=r1 checked>
No<input type=radio name=r1>
<br>
<input type=submit nam1=s1 value=Submit>
<input type=reset name=r1 value=Refresh>
</form>
</body>
</html>
Q.37 Create a form to accept Name, Language and Country Detail.
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Seventh Webpage </title>
</head>
<body bgcolor=yellow text=blue>
<form name=f1>
<br>
Languages Known: English<input type=checkbox name=c1> Hindi<input
type=checkbox name=c2> Gujarati<input type=checkbox name=c3>
<br>
Country: <select name=s1> <option>India</option> <option>USA</option>
<option>Russia</option> <option>China</option>
<option>Japan</option> <option>UK</option>
<option>Srilanka</option> <option>Australia</option>
</select>
<br>
<input type=submit>
<input type=reset>
</form>
</body>
</html>
Q.38 Design a webpage using heading tags to display all semantic tags with
different colors.
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Eighth Webpage </title>
</head>
<body bgcolor=aqua text=blue>
<font color=red> <h1> Header Tag </h1> </font>
<font color=blue> <h2> Navigation Tag </h2> </font>
<font color=yellow> <h1> Aside Tag </h1> </font>
<font color=green> <h2> Article Tag </h2> </font>
<font color=orange> <h1> Section Tag </h1> </font>
<font color=pink> <h1> Footer Tag </h1> </font>
</body>
</html>
Q.39 Use internal CSS to design a webpage.
<!DOCTYPE html>
<html>
<head>
<title> My Thirty Nineth Webpage </title>
<style>
h1 {color:red; background-color:yellow;}
h2 {color:green; background-color:yellow; font-size:16px;}
body {background-color:pink;}
</style>
</head>
<h1>Use of Internal CSS</h1>
<h2>No effect at all</h2>
</body>
</html>
Q.40 Use of internal CSS to design a webpage using h1 and p tag. The heading
will be types of css with indigo color and all the name of css will be of a blue
color with font size 10. Provide different background color for body as well as
heading and paragrapgh tag.
<!DOCTYPE html>
<html>
<head>
<title> My Fourtieth Webpage </title>
<style>
h1 {color:indigo; background-color:lightblue;}
p { color:blue; background-color:gray; font-size:10px}
body {background-color:red;}
</style>
</head>
<body>
<h1> Types of CSS </h1>
<p>Inline CSS</p>
<p>Internal CSS</p>
<p>External CSS</p>
</body>
</html>
Q.41 Design a webpage to instruct a student to fill the admission form. Accept
personal details like Name, Contact No., Why to take admission, Gender,
Hobby, State name, Email, Password from the user. Form must have Submit
and Reset button. When click on a Submit it has to open internal.html file
which will print a message “Welcome you all”.
a.html
<!DOCTYPE html>
<html>
<head>
<title> My Fourty One Webpage </title>
</head>
<form name=f1 action=internal.html method=post>
placeholder=Name>
<br>
Contact No.: <input type=tel name=c1 size=10 maxlength=10
placeholder=Contact>
<br>
Why to take Admission: <textarea type=text name=t2 rows=3 cols=40
placeholder=Detail></textarea>
<br>
Gender: M<input type=radio name=r1> F<input type=radio name=r1>
<br>
Hobby: Reading<input type=checkbox name=t3> Writing<input
type=checkbox name=t3> Painting<input type=checkbox name=t3>
Dancing<input type=checkbox name=t3> Travelling<input
type=checkbox name=t3> Singing<input type=checkbox name=t3>
<br>
State: <select name=s1> <option>Maharashtra</option>
<option>Gujarat</option> <option>Punjab</option> <option>Madhya
Pradesh</option>
<option>Nagaland</option> <option>Kerala</option>
<option>Uttar Pradesh</option> <option>Delhi</option>
</select> <br>
Email: <input type=email name=t4 size=15 maxlength=20
placeholder=Email>
<br>
Password: <input type=password name=t5 size=10 maxlength=20
placeholder=Password>
<br>
<input type=Submit value=Submit>
<input type=Reset value=Reset>
</body>
</html>
internal.html
<!DOCTYPE html>
<html>
<head>
<title> My Fourty One Webpage </title>
</head>
<body bgcolor=brown text=blue>
<h1>Welcome you all</h1>
</body>
</html>
Q.42 Use an internal CSS where within a body tag an image will get display.
Provide right alignment and italic effect for heading 1.
<!DOCTYPE html>
<html>
<head>
<title> My Fourty Two Webpage </title>
<style>
body {background-image:url("a.jpeg");}
h1 {color:red; background-color:yellow; text-align:right; font-style:italic;}
</style>
</head>
<body>
<h1>Use of different property within Internal CSS</h1>
</body>
</html>
Q.43 What will be the output for the following code.
<!DOCTYPE html>
<html>
<head>
<title> My Fourty Third Webpage</title>
</head>
<body>
<table border=4 align=top width=90% cellspacing=4 cellpadding=4>
<caption>Student's Report</caption>
<tr bgcolor=lightblue>
<th>Name</th>
<th>Grade</th>
</tr >
<tr bgcolor="Yellow">
<td>Amit</td>
<td rowspan=3>O</td>
</tr>
<tr bgcolor="red">
<td>Ami</td>
</tr>
<tr bgcolor="brown">
<td>Shreya</td>
</tr>
<tr bgcolor="green">
<td>Pooja</td>
<td>C</td>
</tr>
</table>
</body>
</html>
Q.44 Use an Internal CSS to print a message of using rgb color.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<style>
h1 { background-color: rgb(300, 200, 350); }
</style>
</head>
<body>
<h1>Welcome</h1>
</body>
</html>

All HTML Codes2 Assignment-2

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

All HTML Codes2 Assignment-2

Uploaded by

Copyright:

Available Formats

Q.

33 Design a webpage which will display the purpose of action attribute of

Q.34 Explain the purpose of get method.

Q.36 Design a Webpage to address Name, Address and Graduation Detail.

Q.37 Create a form to accept Name, Language and Country Detail.

Q.39 Use internal CSS to design a webpage.

Q.43 What will be the output for the following code.

Q.44 Use an Internal CSS to print a message of using rgb color.

You might also like