Tabel Beranak?? Dukun Beranak Kalii ! :o
Kalau kalian mengikuti blogku , kalian pasti sudha bisa dan memahami cara membuat tabel kan? Great! :)
Tapi , tau nggak kalian kalo tabel juga bisa beranak *lho??* Ternyata, tabel sama seperti manusia , bisa beranak! Maksudnya , bisa ada tabel , dalam sebuah tabel. Penasaraaan??
Coba buat file HTML seperti ini y. Dan *plok* jadilah tabel beranak. Lets go ! :))
<html>
<head>
<title>Atribut Tag tabel<p></title>
</head>
<p align="center"><font face="Chattery Teeth" size="15" color="blue">Tabel Sebagai Bingkai Paragraf</font></p>
<table border="1" style="border-collapse: collapse" bordercolor="black" bgcolor="white" cellpadding="8" cellspaCing="2" Width="100%">
<tr bgcolor="pink">
<td>
<p><font face="comic sans MS" size="4">Tabel memiliki peranan sangat penting dalam tampilan sebuah situs web. Tanpa tabel desainer akan mengalami kesulitan dalam mendesain sebuah halaman web.</font></p>
<p><font face="comic sans MS" size="4">Kalau anda perhatikan website yang memiliki tampilan yang tersusun rapi. Sebenarnya itu adalah tabel, hanya saja atribut <font color="red"><b>border="0"</b></font> sehingga tabel seakan tidak ada (transparan).</font></p>
<p><font face="comic sans MS" size="4">Situs rahasia-webmaster.com banyak menggunakan tabel sebahai bingkai paragraf. Perlu diingat tag-tag pada html dapat mengandung unsur yang sama. Contohnya di dalam sebuah tabel terdapat tabel lagi. Di bawah ini adalah tabel yang berada di dalam tabel utama</font></p>
<p align="center">
!-- tag <table> untuk tabel anak -->
<table border="1" style="border-collapse: collapse" bordercolor="black" bgcolor="white" cellpadding="8" cellspaCing="2" Width="80%">
<tr bgcolor="yellow">
<td><font face="comic sans MS" size="4"><b>Nama Barang</b></font></td>
<td><font face="comic sans MS" size="4"><b>Harga Barang</b></font></td>
</tr>
<tr>
<td><font face="comic sans MS" size="4">Monitor</font></td><td><font face="comic sans MS" size="4"> Rp500.000,- </font></td>
</tr>
<tr>
<td><font face="comic sans MS" size="4">CDRW</font></td><td><font face="comic sans MS" size="4"> Rp245.000,- </font></td>
</tr><!--</table ini untuk menutup tabel anak -->
</table>
</tr>
</table>
</body>
</html>
<head>
<title>Atribut Tag tabel<p></title>
</head>
<p align="center"><font face="Chattery Teeth" size="15" color="blue">Tabel Sebagai Bingkai Paragraf</font></p>
<table border="1" style="border-collapse: collapse" bordercolor="black" bgcolor="white" cellpadding="8" cellspaCing="2" Width="100%">
<tr bgcolor="pink">
<td>
<p><font face="comic sans MS" size="4">Tabel memiliki peranan sangat penting dalam tampilan sebuah situs web. Tanpa tabel desainer akan mengalami kesulitan dalam mendesain sebuah halaman web.</font></p>
<p><font face="comic sans MS" size="4">Kalau anda perhatikan website yang memiliki tampilan yang tersusun rapi. Sebenarnya itu adalah tabel, hanya saja atribut <font color="red"><b>border="0"</b></font> sehingga tabel seakan tidak ada (transparan).</font></p>
<p><font face="comic sans MS" size="4">Situs rahasia-webmaster.com banyak menggunakan tabel sebahai bingkai paragraf. Perlu diingat tag-tag pada html dapat mengandung unsur yang sama. Contohnya di dalam sebuah tabel terdapat tabel lagi. Di bawah ini adalah tabel yang berada di dalam tabel utama</font></p>
<p align="center">
!-- tag <table> untuk tabel anak -->
<table border="1" style="border-collapse: collapse" bordercolor="black" bgcolor="white" cellpadding="8" cellspaCing="2" Width="80%">
<tr bgcolor="yellow">
<td><font face="comic sans MS" size="4"><b>Nama Barang</b></font></td>
<td><font face="comic sans MS" size="4"><b>Harga Barang</b></font></td>
</tr>
<tr>
<td><font face="comic sans MS" size="4">Monitor</font></td><td><font face="comic sans MS" size="4"> Rp500.000,- </font></td>
</tr>
<tr>
<td><font face="comic sans MS" size="4">CDRW</font></td><td><font face="comic sans MS" size="4"> Rp245.000,- </font></td>
</tr><!--</table ini untuk menutup tabel anak -->
</table>
</tr>
</table>
</body>
</html>
Jangan lupa menyimpannya terlebih dahulu dalam format HTML y?!
Lihat ! Benar-benar beranak kan. APAAA?? Masih nggak percaya?! Itu berarti kamu belum bikin file HTML seperti contoh di atas. Coba dulu donk! Coba yaaa...Tinggal copy file di atas kok :)
.jpg)
0 komentar:
Posting Komentar