Studi Kasus_modul5

05.08 | Label:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>kalkulatorhalla</title>
</head>
<body bgcolor="black">

<body>
<CENTER>
<font size="8" color="purple">KALKULATOR SEDERHANA 2011</font>
<hr size="5" color="red">
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var myForm = document.form1;
var x=eval(myForm.x.value);
var y=eval(myForm.y.value);
var pil= myForm.opt.value;
if (pil == "tambah") {
    var z = x + y;
 }else if (pil == "kurang") {
    var z = x - y;
 } else if (pil == "kali") {
    var z = x * y;
 } else if (pil == "bagi") {
    var z = x / y;
 }
 myForm.hasil.value = z;
}
function resetForm(){
document.form1.reset();
}
//-->
</script>
<form name="form1" action="#">
<input type="text" name="x" />
<select name="opt">
 <option value="tambah"> + </option>
 <option value="kurang"> - </option>
 <option value="kali"> * </option>
 <option value="bagi"> / </option>
</select>
<input type="text" name="y" />
<input type="button" value="=" onClick="hitung()" />
<input type="text" name="hasil" disabled="true" /><br/>
<input type="button" value="HAPUS" onClick="resetForm()" />
</form>
</center>
</body>
</html>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh HaLLa Puspaning Palupi

Tugas Rumah_modul4

07.17 | Label:

ini css-nya :



body {
margin: 10px auto;
width: 800px;
}

header,nav,section,footer {
display:block;
}

header {
height:70px;
width:800px;
background-image:url(header.gif);
}

nav{
float:left;
width:800px;
height:40px;
background:red;
}

section{
float:left;
width:800px;
height:517px;
}

sidebar {
float:left;
height:505px;
width:255px;
border:6px solid black;
}

sidebar2 {
float: right;
height:358px;
width:532px;
background:black;
}

sidebar3 {
float: right;
height:159px;
width:532px;
background:red;
}

footer {
width:800px;
clear:both;
height:38px;
background:black;
}

ul {
margin:0;
padding:0;
list-style: none;
}

ul li {
position: relative;
float: right;
width:65px;
}

li ul {
position: absolute;
top: 1px;
display: none;
}

ul li a {
display: block;
text-decoration:none;
line-height:2px;
color:red;
padding:7px;
background:black;
margin:1px 1px;
}

ini html-nya :

<!DOCTYPE HTML>
<html lang="en">

<head>
<title>>> Halla <<</title>
<link rel="stylesheet" href="style.css" type=text/css />
</head>

<body>

<header>
</header>

<nav>
<font size="3" face="cambria"><div align="center">
<ul id="nav">
<li><a href="">photos</a></li>
<li><a href="">tips</a></li>
<li><a href="">tutorial</a></li>
<li><a href="">news</a></li>
<li><a href="">home</a></li>
</ul>

<font color = "solid blue" SIZE="4" face="cambria">
<div align="left">
search
<input type=”search” name=”search” size="20" width="15">
</nav>

<section>
<sidebar>
<img src="12.jpg">
</sidebar>

<sidebar2>
<font color = "red" SIZE="2" face="cambria">
<br>
pesona cintamu menjamah jiwaku semoga kilau ini abadi untuk selamanya gelora selalu 
ku mau terbang dan tenggelam menjalani semua ini reguklah nafasku resapi denyutnya 
bawalah diri ini ke alam cinta nan abadi sambutlah kekasih
<br>
<br>pesona cintamu menjamah jiwaku semoga kilau ini abadi untuk selamanya gelora selalu 
ku mau terbang dan tenggelam menjalani semua ini reguklah nafasku resapi denyutnya 
bawalah diri ini ke alam cinta nan abadi sambutlah kekasih
<br>
<br>pesona cintamu menjamah jiwaku semoga kilau ini abadi untuk selamanya gelora selalu 
ku mau terbang dan tenggelam menjalani semua ini reguklah nafasku resapi denyutnya 
bawalah diri ini ke alam cinta nan abadi sambutlah kekasih
<br>-by : netral-
</sidebar2>

 <sidebar3>
<font color = "black" SIZE="4" face="cambria">
<br> --> kunjungi & follow &trade;
<font color = "black" SIZE="3" face="cambria">
<br><br><a href="http://www.facebook.com/"> Halla Puspaning Palupi</a>
<br><a href="http://vitrolic11.blogspot.com/"> vitrolic11.blogspot.com</a>
<br><a href="http://vitrolic11@yahoo.com/"> vitrolic11@yahoo.com</a>
</sidebar3>
</section>

<footer>
<font color = "white" SIZE="2" face="cambria"><div align="center">
Home | News dan Media | Tutorial | Tips dan Trik | Downloads
<br><font color = "red" SIZE="3" face="cambria"><div align="center">
&trade; Halla Puspaning Palupi - 209533421944 &trade;
</footer>

</body>
</html>





  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh HaLLa Puspaning Palupi
Langganan: Postingan (Atom)