<html>
<head>
<head></head>
<body background="kolase1.jpg">
<div id="menu5">
<div class="navigasi">
<h3>musik.ceper sebatas MIMPI</h3>
</h3>
<ul>
<embed src="Nano - Sebatas Mimpi.MP3" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="Nano - Sebatas Mimpi.MP3" loop="1"></noembed>
</ul>
</ul>
</div>
</div>
<title>dasar - dasar layout </title>
<style type ="text/css">
body {
margin-left: 5%; margin-right: 5%;
<body background=img src="ikbal.jpg" width="150" height="200" class="gambar"/>
}
#header {
text-color:red;
font-size:20px;
font-family :"Chiller";
padding:5px;
border:2px solid #6E6A6B; ------> "untuk kontak pertama wellcom ikbal habibi"
background-color:red;
text-align: center;
}
#footer{
font-size:35px;
font-family :"chiller";
padding:9px;
border:2px solid #E799A3;
background-color: ; ----------> "untuk tabel paling bawah"
text-align: left;
}
#isi{
font-size:25px;
font-family :"Chiller";
width:880px;
height:445px;
margin-top:10px;
margin-bottom:10px;
padding:22px;
border:1px solid #E799A3;
}
#menu1 {
float:right;
} ---------> tabel
#menu2 {
float:left;
}
#menu3 {
float:center;
}
#menu5 {
float:center;
}
.navigasi
{
font-text:red;
font-size:20px;
font-family :"Chiller";
padding:20px;
margin-top:20px;
border:1px solid #E799A3;
background-color: ;
}
.gambar {
border:2px solid #E799A3;
float:left;
margin-top:100px
margin-right:140px;
margin-bottom:150px;
margin-left:opx;
}
#isi p {
text-align:justify;
line-height:30px;
}
ul.navigasi {
list-style-type:none;
padding: 90;
margin: 70;
position: absolute;
top: 2em;
left: 1em;
width: 9em
}
ul.navigasi a {
margin-top:10px;
margin-bottom:10px;
table-border:1;
font-family :"chiller";
border:9px solid black;
background: #463E41;
margin: 5.5em 0;
padding: 5.3em;
border-right: 9em solid ;
border:1px solid black;
}
ul.navigasi lu {
background: #463E41;
margin: 5.5em 0;
padding: 5.3em;
border-right: 9em solid #FF0000 ;
}
ul.navigasi li {
border:2px solid #E799A3;
float:left;
margin-top:100px
margin-right:140px;
margin-bottom:150px;
margin-left:opx;
background: #463E41;
margin: 5.5em 0;
padding: 5.3em;
border-right: 9em solid #FF0000 ;
}
ul.navigasi a {
font-size:35px;
font-family :"chiller";
padding:9px;
border:2px solid #6E6A6B;
background-color:; ----------> music ceper
text-align: left;
border-right: 9em solid #FF0000 ;
}
ul.navigasi a {
text-decoration: black; }
a:hover {
background-color: pink; } -------->munu navigasi klik warna putih
a:linked {
color: black }
a:visited {
color: red }
a:active {
color:red }
</style>
</head>
<body>
<div id="header">
<h1> welccom to my Frendster </h1>
</div>
<div id="menu1">
<div class="navigasi">
<h3>ikbal.ceper</h3>
<ul>
<li><a href="ayah.html">link 1</a></li>
<li><a href="tabel.html">link 2</a></li>
<li><a href="coba1.html">link 3</a></li>
<li><a href="coba2.html">link 4</a></li>
<li><a href="link5.html">link 5</a></li>
<li><a href="link6.html">link 6</a></li>
</ul>
</div>
</div>
</div>
<div id="menu4">
<div class="navigasi">
<h3>ikbal.ceper</h3>
<ul>
<li><a href="bibik.html">ini contoh unordered list</a></li>
<li>ini juga contoh undordered list</li>
<li>ini pun juga contoh unordered list</li>
</ul>
</ul>
</div>
</div>
</div>
<div id="menu3">
<div class="navigasi">
<h1>ikbal.ceper</h1>
<ul>
<la><a href="http://ari-la.mp3/"target="_blank">Website Musik</a>
<p>ini adalah menu muzic ceper:<p>
<la><a href="http://ari-la.mp3.com/"target="_blank" style="text-decoration: Informal Roman">Website Musik</a>
</ul>
</div>
</div>
<div id="menu2">
<div class="navigasi">
<h3>ikbal.ceper</h3>
<ul>
<li><a href="link1.html">Latar belakang</a></li>
<li><a href="link2.html">pendidikan</a></li>
<li><a href="link3.html">keluarga</a></li>
<li><a href="link4.html">Hobby</a></li>
<li><a href="link5.html">Hubungan</a></li>
<li><a href="link6.html">keluarga besar</a></li>
</ul>
</div>
</div>
<body bgcolor="" text="red">
<div id="isi">
<P><img src="kolase1.jpg" width="150" height="200" class="gambar"/>
<tr>
<th align="left">HTML.CSS</th>
<th align="right"<form method=post action="/cgi-bin/example.cgi">
<br>
<input type="checkbox" name="selection"> ini adalah MENU .TEntang saya ikbal_ceper
<P>
<input type="checkbox" name="selection"> konfirmasi email ikbal ke ceper.ikbal@ymail.com
<P>
<input type="checkbox" name="selection"> tentang PELAJARAN HTML DAN CSS
<P><img src="kolase1.jpg" width="150" height="200" class="gambar"/>
<P>
<table border ="0">
<tr>
<td>
<h3> BIODATA ikbal </h3>
<table border="1" bgcolor ="">
<tr>
<td><b>nama:</b><td>
<td>ikbal habibi<td>
</tr>
<tr>
<td><b>alamat:</b><td>
<td>jl.sejahterah<td>
<tr>
<tr>
<td><b>Tempat/tanggal lahir:</b><td>
<td>4-Desember 1992<td>
</tr>
<tr>
<td><b>No Telepon :</b><td>
<td>087898037555<td>
</tr>
</table>
</td>
<td>
<h3> BIODATA ceper </h3>
<table border="1" bgcolor ="">
<tr>
<td><b>nama:</b><td>
<td>ikbal habibi<td>
</tr>
<tr>
<td><b>alamat:</b><td>
<td>jl.sejahterah.<td>
<tr>
<tr>
<td><b>Tempat/tanggal lahir:</b><td>
<td>4-Desember 1992<td>
<tr>
<td><b>No Telepon :</b><td>
<td>087898037555<td>
</tr>
</table>
</td>
</tr>
</table>
</p>
</div>
<p> </p>
<div id="footer">
<p><b>kalau mau lebih jelas klik disin;by ikbal </b></p>
</div>
<tr>
<th align="left">AKU ADALAH AKU</th>
<th align="right"<form method=post action="/cgi-bin/example.cgi">
:<br>
<input type="checkbox" name="selection"> EGOIS
<input type="checkbox" name="selection"> CUEXX
<input type="checkbox" name="selection"> BAIIK HATI
</body>
</html>