<html>
<head>
<marquee>SELAMAT DATANG DI WEB KAMI </marquee>
<title>MEMBUAT TABEL</title>
<style>
table {
border-collapse:collapse;
width:100%;
}
thead tr{
border-top:3px solid #000;
border-bottom:3px solid #000;
background:#dd5567;
color:#346712
}
table, th,td{
border:2px solid #35678;
padding:10px;
color:#000;
}
tbody tr:nth-child(odd) {
background-color:#999;
}
tbody tr:nth-child(even) {
background-color:#444;
}
tbody tr:hover{
background: #93f193;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1 ease-in-out;
transition: all 0.1s ease-in-out;
}
.tombol{
width:100px; height:50px; bacground:#00ffff;
text-align:center; line-height:40px; border-radius:20px
border:2px #ff6999 solid;
}
.tombol a{
text-decoration:none;color:#000; display:block;
width:100px; height:40px; background:#778721;
text-align:center; line-height:40px;
border:2px#ff61223 solid;
border-radius: 20px;
}
.tombol a:hover{
background:#900012;
border-radius: 20px;
border:2px #679912 solid;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5 ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
</head>
<body background="123.gif">
<center>
<div class="tombol">
<a target=_"blank" href="http://www.facebook.com"> facebook </a>
</div>
<table border="1" style="color:white">
<thead>
<tr>
<td>baris 1 colom 1</td>
<td>baris 1 colom 2</td>
<td>baris 1 colom 3</td>
<td>baris 1 colom 4</td>
</tr>
</thead>
<tbody>
<tr>
<td>baris 2 colom 1</td>
<td>baris 2 colom 2</td>
<td>baris 2 colom 3</td>
<td>baris 2 colom 4</td>
</tr>
<tr>
<td>baris 3 colom 1</td>
<td>baris 3 colom 2</td>
<td>baris 3 colom 3</td>
<td>baris 3 colom 4</td>
</tr>
<tr>
<td>baris 4 colom 1</td>
<td>baris 4 colom 2</td>
<td>baris 4 colom 3</td>
<td>baris 4 colom 4</td>
</tr>
</tbody>
<table>
</table>
</center>
<br><br>
<marquee> Agus Surahman <img src="bintang.jpg"> Indhira Fatwannisa</marquee>
</body>
</html>
(keterangan :
Tinta warna MERAH adalah cara membuat tombol
Tinta warna HIJAU adalah cara memberikan tulisan/gambar berjalan
Tinta warna BIRU adalah cara untuk memberikan tabel )
| baris 1 colom 1 | baris 1 colom 2 | baris 1 colom 3 | baris 1 colom 4 |
| baris 2 colom 1 | baris 2 colom 2 | baris 2 colom 3 | baris 2 colom 4 |
| baris 3 colom 1 | baris 3 colom 2 | baris 3 colom 3 | baris 3 colom 4 |
| baris 4 colom 1 | baris 4 colom 2 | baris 4 colom 3 | baris 4 colom 4 |
Tidak ada komentar:
Posting Komentar