Perhatikan scrip HTML berikut.
<html>
<head>
<title>SMP
Bunda Mulia, TIK</title>
<style>
/* CSS */
#wrapper{
width:
800px;
margin:
auto;
}
.header{
height:
100px;
background-color:#f99494;
margin: 10px
10px 1px 10px;
padding:
10px;
border: 2px
solid #000000;
}
.bagian-post{
float:
right;
width:
525px;
height:
400px;
margin: 0
10px 1px 0;
padding:
10px;
background-color:
#ffffff;
border: 2px
solid #000000;
}
.bagian-widget{
float: left;
width:
205px;
height:
400px;
margin: 0
1px 1px 10px;
padding:
10px;
background-color:#FFFF33;
border:
solid 2px #000000;
}
.footer{
width: 800x;
background-color:
#00FF00;
margin: 0
10px 10px 10px;
padding:
10px;
text-align:
center;
border: 2px
solid #000000;
}
</style>
</head>
<!--
bagian badan -->
<body
bgcolor="#666">
<div
id='wrapper'>
<!--
bagian kepala -->
<div
class='header'>
<h1><center>INI
WEBSITE SISWA KELAS 9</center></h1>
</div>
<!--Bagian
Postingan-->
<div
class='bagian-post'>
<h3>Biodata</h3>
<P>
Nama : Antoni </p>
<P> Kelas
: 9-D </P>
<P> No
Absen : 2 </P>
</div>
<!--
Bagian Widget-->
<div
class='bagian-widget'>
<h2>Menu
Navigasi</h2>
<ul
type="square">
<li><a
href="tugas lab.html">Beranda</a></li>
<li><a
href="Halaman about me.html">About me</a></li>
<li><a
href="#">Contact me</a></li>
<li><a
href="#">Daftar isi</a></li>
<li><a
href="#">Buku Tamu</a></li>
</ul>
</div>
<div
style='clear:both'>
<!--
bagian footer-->
<div
class='footer'>
<p>Copyright
2020. Webisite kelas 9 TIK SMP Bunda Mulia</p>
</div>
</body>
</html>
Untuk mengerjakan perhatikan ketentuan dibawah ini :
1. Silahkan download script diatas
TUGAS TIK KELAS 9A-9D
2. Silahkan tulis jawabanya di kertas HVS begaris
3. Dikumpulkan hari senin tanggal 30 Maret 2020
