Selasa, 27 Desember 2011

tugas web

SOAL 1
<html>
<head><title>quis1</title></head>
<style>
#header{background-color:aqua; height:60px; border:2px dotted red; padding:10px;}
</style>
<body>
<div id=header><center><h2><b>F &nbsp A &nbsp K &nbsp U &nbsp L &nbsp T &nbsp A &nbsp S &nbsp &nbsp T &nbsp E &nbsp K &nbsp N &nbsp I &nbsp K </b></h2></font></center></div>


</body>
</html>

SOAL 2 DAN 3 GABUNG YA PAK
<html>
<head><title>quis1</title></head>
<style>
body{background-image:url(latar.gif);}
</style>
<body><br><br><br><br>
<center><table border=2>
<tr>
<td width=400 height=50 bgcolor=white align=center>buat tabel</td><td width=400 height=50 bgcolor=white align=center>buat style tabel</td>
</tr>
<tr>
<td width=400 bgcolor=grennd align=center height=50>soal 1</td><td width=400 bgcolor=grennd align=center height=50>soal 3</td>
</tr>
<tr>
<td width=400 bgcolor=grennd align=center height=50>soal 2</td><td width=400 bgcolor=grennd align=center height=50>soal 4</td>
</tr>

</table></center>
</body>
</html>


SOAL 3
<html>
<head><title>quis1</title></head>
<style>
#header{background-color:#f4f4f4; width:30%; height:60px; left:35%; position:relative; border-bottom:solid 6px purple; padding:10px; border-top:solid 6px maroon; border-left:solid 6px navy; border-right:solid 6px aqua;}
</style>
<body>
<div id=header><center><h2><b>B &nbsp O &nbsp X</b></h2></font></center></div>


</body>
</html>

SOAL 4
<html>
<head><title>quis1</title></head>
<style>
body{background-color:#f4f4f4;}
#header{background-color:#f4f4f4; width:60%; height:400px; left:20%; position:relative; border-bottom:dashed 3px black; padding:10px; border-top:dashed 3px black; border-left:dashed 3px black; border-right:dashed 3px black; top:50px;}
#riges{background-color:#f4f4f4; position:absolute; top:29; margin-left:300px; color:red}
</style>
<body>

<div id=header>
<form>
<br><br>
<table border=0>
<tr>
<td width=200 height=50 >Nama Lengkap</td><td width=200 ><input type=text name=nm size=20></td></tr>
<tr>
<td width=200 height=50 >Email</td><td width=200 ><input type=text name=nm size=20></td></tr>
<tr>
<td width=200 height=50 >Alamat</td><td width=200 ><input type=textarea name=nm size=20></td>
</tr>
<td width=200 height=50 ></td><td width=200 ><input type=submit value=register>  &nbsp &nbsp <input type=reset value=batal></td>
</tr>
</form>

</table>
</div>
<div id=riges><h3>R &nbsp i &nbsp g &nbsp e &nbsp s &nbsp t &nbsp r &nbsp a &nbsp s &nbsp i</h3></div>
<br><br>
<center><font color=blue><h1><tt>sukuri</tt></h1></font></center>

</body>
</html>


tugas web

<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test () {

val2=window.prompt("alas :")
val3=window.prompt("tinggi :")
document.write("<br>"+"rumus luas segi tiga "+"<br>")
document.write("<br>"+"luas="+"<br>")
document.write(1/2*val2*val3)


 }
</SCRIPT>
<BODY>
<input type="button" name="button1" value="hitung"
onclick=test()>
</BODY>
</HTML>

<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test (val1,val2,val3,val0)

{
document.write("<br>"+" sabar tani "+"<br>")
document.write("<br>"+"total : za+orea+ ss "+"<br>")
document.write(val1*3000+val2*11000+val3*10000)
document.write("<br>"+"kembalian : belanja "+"<br>")
document.write(val1*3000+val2*11000+val3*10000-val0)


}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="sukuri"
onclick=test(1,3,4,10000)>
<td>jangan sembarang sentuh tombol di sebelah kanan anda </td>
</BODY>
</HTML>