Postingan ini memperkenalkan tentang belajar HTML bagian ke 3. Tabel digunakan untuk menampilkan angka-angka dalam baris dan kolom, pada bab ini kita akan belajar bagaimana membuat tabel.
1. Membuat Tabel Sederhana
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table>
<tr><th>Kolom 1</th><th>Kolom 2</th></tr>
<tr><td>Baris 2</td><td>Baris 2</td></tr>
<tr><td>Baris 3</td><td>Baris 3</td></tr>
</table>
<tr><th>Kolom 1</th><th>Kolom 2</th></tr>
<tr><td>Baris 2</td><td>Baris 2</td></tr>
<tr><td>Baris 3</td><td>Baris 3</td></tr>
</table>
lihat hasilnya
<tr> definisi baris horisontal
<td> definisi data sel dalam satu baris
<th> definisi data sel pada judul tabel
2. Membuat Tabel Dengan Formatnya
Silahkan ketik diantara <head> dan </head> seperti dibawah ini: <style type="text/css">
th {font-family:"Arial";font-size:"12pt";color:red}
td {font-family:"Tahoma";font-size:"12pt";color:blue}
</style>
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table with="50%" border="1" rules=ALL>
<tr><th bgcolor="silver">Kolom 1</th><th bgcolor="silver">Kolom 2</th></tr>
<tr><td align="center">Baris 2</td><td align="center">Baris 2</td></tr>
<tr><td align="center">Baris 3</td><td align="center">Baris 3</td></tr>
</table>
Lihat hasilnya
3. Membuat Tabel Lanjutan
Silahkan ketik diantara <head> dan </head> seperti dibawah ini:
<style type="text/css">
th {font-family:"Arial";font-size:"12pt";color:red}
td {font-family:"Tahoma";font-size:"12pt";color:blue}
</style>
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table with="100%" border="1" rules=ALL>
<tr><th bgcolor="silver" colspan="2">Kombinasi kolom 1 dan kolom 2.</th></tr>
<tr><td>Baris 2</td><td rowspan="2">Kombinasi baris 2 dan baris 3.</td></tr>
<tr><td>Baris 3</td></tr>
</table>
<td> definisi data sel dalam satu baris
<th> definisi data sel pada judul tabel
2. Membuat Tabel Dengan FormatnyaSilahkan ketik diantara <head> dan </head> seperti dibawah ini: <style type="text/css">
th {font-family:"Arial";font-size:"12pt";color:red}
td {font-family:"Tahoma";font-size:"12pt";color:blue}
</style>
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table with="50%" border="1" rules=ALL>
<tr><th bgcolor="silver">Kolom 1</th><th bgcolor="silver">Kolom 2</th></tr>
<tr><td align="center">Baris 2</td><td align="center">Baris 2</td></tr>
<tr><td align="center">Baris 3</td><td align="center">Baris 3</td></tr>
</table>
Lihat hasilnya
3. Membuat Tabel LanjutanSilahkan ketik diantara <head> dan </head> seperti dibawah ini:
<style type="text/css">
th {font-family:"Arial";font-size:"12pt";color:red}
td {font-family:"Tahoma";font-size:"12pt";color:blue}
</style>
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table with="100%" border="1" rules=ALL>
<tr><th bgcolor="silver" colspan="2">Kombinasi kolom 1 dan kolom 2.</th></tr>
<tr><td>Baris 2</td><td rowspan="2">Kombinasi baris 2 dan baris 3.</td></tr>
<tr><td>Baris 3</td></tr>
</table>
0 komentar:
Posting Komentar