You are on page 1of 2

<!

DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style type="text/css">
div
{
width:100px;
height:75px;
background-color:red;
border:1px solid black;
}
#div2
{
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
background-color:yellow;
}
</style>
</head>
<body>
<center>
<caption align="centre"><br>SMIU TABLE</br></caption>
<center>
<table width=300 border=1 cellspacing=15>
<tr>
<td colspan=2 height=100 bgcolor="red">red cell</td>
</tr>
<tr>
<td height=100 bgcolor="silver">silver cell</td>
<td bgcolor="gold" height = 100>gold cell</td>
<tr>
</table>

<br><br>
<form>
<label>Username: </label><input type="text"><br><br>
<label>Email: </label><input type="text" style="margin-left:
30px;"><br><br>
<label>Password: </label><input type="password" style="margin-left: 6px;">
</form>
<br><br>

<label>Comment box </label> <br><br><input

<textarea form="usrform">Enter text here...</textarea><br><br>

<INPUT TYPE="radio" NAME="orbits" VALUE="strongly_agree">Yes<BR> <INPUT


TYPE="radio" NAME="orbits" VALUE="agree">NO<BR>
<BR>
<label>Departments </label><BR><BR>
<INPUT TYPE="checkbox" NAME="CS Department" VALUE="yes"> Computer Science<BR>
<INPUT TYPE="checkbox" NAME="business" VALUE="yes"> Business & Finance <BR>
<INPUT TYPE="checkbox" NAME="movies" VALUE="yes">Media Department<BR> <INPUT
TYPE="checkbox" NAME="music" VALUE="yes">English Department<BR>

Disk drive colour:<BR> <SELECT NAME="faculty"> <OPTION>select


</OPTION> <OPTION>CS</OPTION> <OPTION>bussiness</OPTION> <OPTION>English</
OPTION> <OPTION>Media</OPTION> </SELECT> <P>
<BR>
<INPUT TYPE="radio" NAME="Department" VALUE="small">CS <BR> <INPUT TYPE="radio"
NAME="pizza_size" VALUE="medium" CHECKED>Bussiness<BR> <INPUT TYPE="radio"
NAME="pizza_size" VALUE="large">Media<BR> <INPUT TYPE="submit" VALUE="Submit">
<INPUT TYPE="reset" VALUE="Clear to restart"> </FORM>

</body>
</html>
</body>
</html>

You might also like