Pemrograman WEB
Gambar hasil Script CSS
Dengan Format Script Sebagaiberikut:
<html>
<head>
<title>Hasil Evaluasi Script CSS. ” danan “</title>
<!– background –>
<div style=
“height:auto;
width:910px;
margin:auto;
background:#CC9933;
min-height:1000px;”
<!– header –>
<div style=
“height:1px;
width:902px;
margin:auto;
background:blue;
float:left;”
<img src=”images/Waterpaper-Texture.jpg” height=1000 width=910>
</div>
<div style=
“height:170px;
width:902px;
margin:10px 3px 3px 3px;
background:blue;
float:left;”
<img src=”images/mangagoes.jpg” height=220 width=902>
</img>
<!–navigasi header–>
</div>
<!– navigasi kiri–>
<div style=
“height:49px;
width:180px;
padding:10px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#999999;
text-align:center;
float:left;”
<p>NAVIGASI</p>
<div style=
“height:600px;
width:170px;
padding:10px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#CCCCCC;
text-align:left;
float:left;”
<font size:20;align:center;padding:10px><a href=”danan.com”>Home</font></a><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>Profile</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>Product</a></font><br>
<div style=”padding:10px;”>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>link</a></font><br>
</div>
<font size:20;align:center;padding:10px><a href=”danan.com”>Contact Us </a></font><br>
<font size:20;align:center;padding:10px><a href=”danan.com”>About</a></font><br>
</div>
</div>
<!– center —>
<div style=
“height:600px;
width:450px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#999999;
float:left;”
<!–isi navigasi–>
<div style=
“height:400px;
width:212px;
margin:5px 5px 5px 5px;
border:2px solid #666;
background:#9966CC;
float:left;”
<p ><font size=”7″>BIODATA
</font>
<br>
<font size=”2″ color=”#00FF00″> Nama : <br><h3>Danan Krisnadi Respati I Putu</h3></font>
<font size=”2″> Alamat : </font><font size=”1″>Jl. Raya Sempidi , Br. Sebita Gg Teratai No 23. Sempidi Mengwi Badung. </font><br>
<font size=”2″> Pekerjaan : Pelajar</font><br>
<font size=”2″> Status : Jomblo 1000000%</font><br>
<font size=”2″> Jenis Kelamin : Nak Muani Tulen</font><br>
<br><br><font size=”2″> No Coment!!!!</font><br>
</p>
</div>
<div style=
“height:200px;
width:210px;
margin:5px 5px 5px 5px;
border:2px solid #666;
background:#9966CC;
float:left;”
<p>maunya …… FOTO</p>
</div>
<div style=
“height:200px;
width:210px;
margin:5px 5px 5px 5px;
border:2px solid #666;
background:#9966CC;
float:left;”
<p>maunya …… FOTO</p>
</div>
<div style=
“height:160px;
width:430px;
margin:5px 5px 5px 5px;
border:2px solid #666;
background:#9966CC;
float:left;”
<img width=”428″ height=”158″ src=”images/tabrakan.jpg” >
</div>
</div>
<!– navigasi kanan–>
<div style=
“height:49px;
width:150px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#999999;
text-align:center;
float:right;”
<p>LOG IN USER</p>
<div style=
“height:100px;
width:180px;
padding:10px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#FF3300;
float:right;”
<a>username : <input type=”text” name=”username” size=”14″></a><br>
password : <input type=”password” name=”password” size=”14″><br>
<input type=”submit” name=”login” value=”Login” id=”submit”> <input type=”reset” value=”Reset” id=”reset”><br>
</div>
</div>
<div style=
“height:49px;
width:150px;
margin:120px 5px 10px 10px;
border:2px solid #666;
background:#999999;
float:right;
text-align:center;
font:Geneva, Arial, Helvetica, sans-serif;
“
<p><font size=”+1″> Informasi</font></p>
<div style=
“height:200px;
width:180px;
padding:10px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#FF3300;
float:right;”
<marquee direction=”up” scrolldelay=”200″ onMouseOver=”this.stop()” onMouseOut=”this.start()” behaviour=”scroll”>
I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi RepatiI Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati I Putu Danan Krisnadi RepatiI Putu Danan Krisnadi Repati I Putu Danan Krisnadi Repati
</marquee>
</div>
</div>
<div style=
“height:49px;
width:150px;
margin:215px 5px 10px 10px;
border:2px solid #666;
background:#999999;
float:right;”
<p>COUNTER</p>
<div style=
“height:150px;
width:180px;
padding:10px;
margin:0px 5px 5px 10px;
border:2px solid #666;
background:#FF3300;
text-align:left;
float:right;”
<p> Online : 1</p>
<p> Offline : 1</p>
<p> Administrator : Offline</p>
</div>
</div>
<!– navigasi bawah–>
<div style=
“height:30px;
width:500px;
margin:50px 10px 5px 5px;
border:2px solid #666;
background:#999999;
float:right;”
</div>
<!– footer–>
<div style=
“height:100px;
width:900px;
margin:0px 10px 5px 5px;
border:2px solid #666;
background:#999999;
text-align:center;
float:left;”
<p>
all right Reserved<br>
Design By Danan Krisnadi as PenyuSooft
</p>
</div>
</div>
</head>
<body>
</body>
</html>












