Source Code:
<html>
<head>
<style type="text/css">
.level1 {position: relative; top: 15; left: 25; z-index: 10; color: #00000;
font-family: Arial; font-size: 25pt}
.level2 {position: relative; top: -22; left: 28; z-index: 6; color: #ADADAD;
font-family: Arial; font-size: 25pt}
.level3 {position: relative; top: -59; left: 29; z-index: 3; color: #ADADAD;
font-family: Arial; font-size: 25pt}
</style>
</head>
<body>
<div class="level1">Apakah Berbayang, huh?</div>
<div class="level2">Apakah Berbayang, huh?</div>
<div class="level3">Apakah Berbayang, huh?</div>
</body>
</html>
Output/SS:
Minggu, 22 April 2012
Minggu, 15 April 2012
Tugas Praktikum Pemrograman Web
Source Code tugas praktikum pemrograman web:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:132px;
height:26px;
z-index:1;
left: 8px;
top: 222px;
}
#Layer2 {
position:absolute;
width:456px;
height:28px;
z-index:2;
left: 6px;
top: 343px;
}
#Layer3 {
position:absolute;
width:156px;
height:26px;
z-index:3;
left: 9px;
top: 254px;
}
#Layer4 {
position:absolute;
width:445px;
height:28px;
z-index:4;
left: 8px;
top: 372px;
}
#Layer5 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 11px;
top: 285px;
}
#Layer6 {
position:absolute;
width:200px;
height:115px;
z-index:5;
}
-->
</style>
</head>
<body>
<form id="form2" name="form2" method="post" action="">
<label>Name:
<input type="text" name="textfield" />
</label>
</form>
<form id="form1" name="form1" method="post" action="">
<label>Password:
<input type="password" name="textfield2" />
</label>
</form>
<form id="form3" name="form3" method="post" action="">
<label>Age Range
<select name="select" size="1">
<option>1-15</option>
<option>16-30</option>
<option>31-45</option>
<option>46-60</option>
</select>
</label>
</form>
<div id="Layer2">
<form id="form5" name="form5" method="post" action="">
<label>
Your Favorite Sport
<input name="radiobutton" type="radio" value="radiobutton" />
Tennis
<input name="radiobutton" type="radio" value="radiobutton" />
Cricket
<input name="radiobutton" type="radio" value="radiobutton" />
Baseball
<input name="radiobutton" type="radio" value="radiobutton" />
Polo<br />
</label>
</form>
</div>
<p>Life Story: </p>
<form id="form4" name="form4" method="post" action="">
<label>
<textarea name="textfield3" cols="100" rows="10"></textarea>
</label>
</form>
<p> </p>
<p> </p>
<div id="Layer4">
<form id="form6" name="form6" method="post" action="">
<label>
Lenguage You Choose:
<input type="checkbox" name="checkbox" value="checkbox" />
PHP</label>
<label>
<input type="checkbox" name="checkbox2" value="checkbox" />
C++</label>
<label>
<input type="checkbox" name="checkbox3" value="checkbox" />
Delphi</label>
<label>
<input type="checkbox" name="checkbox4" value="checkbox" />
Java</label>
</form>
</div>
<div id="Layer6">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="108" height="42" title="1">
<param name="movie" value="button2.swf" />
<param name="quality" value="high" />
<embed src="button2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="42" ></embed>
</object>
</div>
<p> </p>
</body>
</html>
Output/Screen Shot:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:132px;
height:26px;
z-index:1;
left: 8px;
top: 222px;
}
#Layer2 {
position:absolute;
width:456px;
height:28px;
z-index:2;
left: 6px;
top: 343px;
}
#Layer3 {
position:absolute;
width:156px;
height:26px;
z-index:3;
left: 9px;
top: 254px;
}
#Layer4 {
position:absolute;
width:445px;
height:28px;
z-index:4;
left: 8px;
top: 372px;
}
#Layer5 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 11px;
top: 285px;
}
#Layer6 {
position:absolute;
width:200px;
height:115px;
z-index:5;
}
-->
</style>
</head>
<body>
<form id="form2" name="form2" method="post" action="">
<label>Name:
<input type="text" name="textfield" />
</label>
</form>
<form id="form1" name="form1" method="post" action="">
<label>Password:
<input type="password" name="textfield2" />
</label>
</form>
<form id="form3" name="form3" method="post" action="">
<label>Age Range
<select name="select" size="1">
<option>1-15</option>
<option>16-30</option>
<option>31-45</option>
<option>46-60</option>
</select>
</label>
</form>
<div id="Layer2">
<form id="form5" name="form5" method="post" action="">
<label>
Your Favorite Sport
<input name="radiobutton" type="radio" value="radiobutton" />
Tennis
<input name="radiobutton" type="radio" value="radiobutton" />
Cricket
<input name="radiobutton" type="radio" value="radiobutton" />
Baseball
<input name="radiobutton" type="radio" value="radiobutton" />
Polo<br />
</label>
</form>
</div>
<p>Life Story: </p>
<form id="form4" name="form4" method="post" action="">
<label>
<textarea name="textfield3" cols="100" rows="10"></textarea>
</label>
</form>
<p> </p>
<p> </p>
<div id="Layer4">
<form id="form6" name="form6" method="post" action="">
<label>
Lenguage You Choose:
<input type="checkbox" name="checkbox" value="checkbox" />
PHP</label>
<label>
<input type="checkbox" name="checkbox2" value="checkbox" />
C++</label>
<label>
<input type="checkbox" name="checkbox3" value="checkbox" />
Delphi</label>
<label>
<input type="checkbox" name="checkbox4" value="checkbox" />
Java</label>
</form>
</div>
<div id="Layer6">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="108" height="42" title="1">
<param name="movie" value="button2.swf" />
<param name="quality" value="high" />
<embed src="button2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="42" ></embed>
</object>
</div>
<p> </p>
</body>
</html>
Output/Screen Shot:
Langganan:
Postingan (Atom)