Om - Coding

It's a Simple

HOME
CSS
HTML
PHP

HTML Tables

Table biasa digunakan coding untuk data atau daaftar list , disini akan di perjelas setiap tag yang ada di <table>
  • Tabel didefinisikan dengan tag <table>.
  • Sebuah tabel dibagi menjadi baris dengan tag <tr> . (tr singkatan baris tabel)
  • Baris A dibagi ke dalam sel data dengan tag <td>. (td singkatan dari data tabel)
  • Baris A juga dapat dibagi menjadi judul dengan tag <th> . (th singkatan dari table heading)
  • Element <td> adalah wadah data dalam tabel.
  • Elementr <td> dapat berisi segala macam elemen HTML seperti teks, gambar, daftar, tabel lain, dll
  • Lebar tabel dapat didefinisikan dengan menggunakan CSS.
Contoh :
<table>
	<tbody>
<tr>
		<th>First Name</th>
		<th>Last Name</th>		
		<th>Points</th>
	</tr>
<tr>
		<td>Jill</td>
		<td>Smith</td>		
		<td>50</td>
	</tr>
<tr>
		<td>Eve</td>
		<td>Jackson</td>		
		<td>94</td>
	</tr>
<tr>
		<td>John</td>
		<td>Doe</td>		
		<td>80</td>
	</tr>
<tr>
		<td>Adam</td>
		<td>Johnson</td>		
		<td>67</td>
	</tr>
	</tbody></table>

Hasil :

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
John Doe 80
Adam Johnson 67



Beberapa  tag tables :
Tag Deskripsi
<table> Mendefinisikan tabel
<th> Mendefinisikan sel header tabel
<tr> Mendefinisikan baris dalam tabel
<td> Mendefinisikan sel dalam sebuah tabel
<caption> Mendefinisikan judul tabel
<colgroup> Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat
<col> Menentukan sifat kolom untuk setiap kolom dalam elemen <colgroup>
<thead> Grup isi atas dalam sebuah tabel
<tbody> Grup isi tubuh dalam sebuah tabel
<tfoot> Grup isi bawah dalam sebuah tabel

Tidak ada komentar:

Posting Komentar

Anda tidak diperkenankan untuk menaruh link hidup di dalam komentar.