Jumat, 19 Oktober 2012

MEMBUAT TABEL DI PEMROGRAMAN HTML

Assalamu'alaikum Wr Wr
Ok kali ini saya akan Membagi sedikit ilmu tentang bagaimana caranya untuk Membuat Tabel Di Pemrograman HTML. Yang sangat sederhana, sebenarnya untuk tabel sangat-sangat diperlukan di dalam pembuatan sebuah web, hanya saja biasanya pada sebuah web, border Tabel tidak di tampakkan sehingga penyusunan dari web tersebut, terlihat sangat rapi,, Oklah saya kira cukup untuk pengenalannya,, berikut merupakan tag dan atribut yang di perlukan untuk Membuat Tabel Di pemrograman HTML

1. untuk membuat baris menggunakan="tr"
2. untuk membuat kolom menggunakan="td"
3. Menggabungkan beberapa baris="rowspan"
4. Menggabungkan beberapa kolom="collspan"

 

Diatas Merupaka contoh sederhana dari pembuatan table di HTML. yang terdiri dari 4 kolom 3 baris, kolom kolom yang keempat dibagi menjadi 3 kolom dan baris pertama dibagi menjadi 2 baris pada kolom DATA. Untuk enggabungkan beberapa baris anda dapat menggunakan rowspan, Dan untuk menggabungkan beberapa kolom anda dapat menggunakan collspan. Untuk kodingnya Anda bisa lihat di bawah ini,

<html>
<head>
<title>latihan membuat table</title>
<body bgcolor="#40F536"> 
<p align="center"><b>latihan membuat table</b></p>
<p align="center"><b>berikut tutorial sederhana untuk membuat table di bahasa pemrograman html
<p align="left">1. untuk membuat baris menggunakan="tr"</p>
<p align="left">2. untuk membuat kolom menggunakan="td"</p>
<p align="left">3. Menggabungkan beberapa baris="rowspan"</p>
<p align="left">4. Menggabungkan beberapa kolom="collspan"</p>
<p>contoh</p>
<table align="left" border="2">
<caption align="top"><b>Daftar Admin</b></caption>
<tr bgcolor="gray"><th rowspan="2">no</th><th rowspan="2">id</th><th rowspan="2">password</th><th colspan="3">data</th>
</tr>
<tr bgcolor="gray"><th>umur</th><th>jenkel</th><th>ttl</th></tr>
<tr bgcolor="silver"><td align="center">1</td>
<td width="80" height="50">00234</td><td align="right"width="180">happysong</td>
<td>21</td><td>l</td><td>mojokerto,20 desember 1990</td>
</tr>
<tr bgcolor="silver"><td align="center">2</td>
<td height="50">00235</td><td align="right">bokep123</td>
<td>20</td><td>p</td><td>mojokerto,31 februari 1992</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>Diatas Merupaka contoh sederhana dari pembuatan table di HTML. yang terdiri dari 4 kolom 3 baris, kolom kolom yang keempat dibagi menjadi 3 kolom dan baris pertama dibagi menjadi 2 baris pada kolom DATA.
Untuk enggabungkan beberapa baris anda dapat menggunakan rowspan, Dan untuk menggabungkan beberapa kolom anda dapat menggunakan collspan. Untuk kodingnya Anda bisa lihat di klik kanan di web browser pilih view page source</p>
</body>
</head>
</html>

 

 
 

2 komentar:

makasih gan...sangat membantu.
meski kepala punyeng liat kode-kodenya tapi nice info gan... :)

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More