KURSUS WEB JAKARTA

HTML Tables

html tables

<!DOCTYPE html>
<html>
<body>

<p>
Setiap tabel dimulai dengan tag table.
Setiap baris tabel dimulai dengan tag tr.
Setiap data tabel dimulai dengan tag td.
</p>

<h4>satu kolom:</h4>
<table border="1">
<tr>
  <td>1000</td>
</tr>
</table>

<h4>Satu baris dan tiga kolom:</h4>
<table border="1">
<tr>
  <td>1000</td>
  <td>2000</td>
  <td>3000</td>
</tr>
</table>

<h4>Dua baris dan tiga kolom:</h4>
<table border="1">
<tr>
  <td>1000</td>
  <td>2000</td>
  <td>3000</td>
</tr>
<tr>
  <td>4000</td>
  <td>5000</td>
  <td>6000</td>
</tr>
</table>

</body>
</html>
 

 Cara membuat tabel dalam dokumen HTML.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini).

HTML Tables

Tabel didefinisikan dengan tag table.

Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi menjadi sel-sel data (dengan tag <td>). td singkatan dari "data tabel," dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, bentuk, tabel lain, dll

Contoh tabel:

 tabel

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 

 

HTML Tables and the Border Attribute

Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang hal ini dapat berguna, tetapi sebagian besar, kita ingin perbatasan untuk menunjukkan.

Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:

 <table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

 

HTML Table Headers

Informasi header dalam tabel didefinisikan dengan tag <th>.

Semua browser utama menampilkan teks dalam elemen <th> sebagai
bold and centered.

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> 

    Bagaimana kode HTML di atas terlihat pada browser Anda:

header

HTML Table Tags

Tag Description
<table> Mendefinisikan tabel
<th> Mendefinisikan sebuah sel header dalam tabel
<tr> Mendefinisikan baris dalam sebuah tabel
<td> Mendefinisikan sebuah sel dalam tabel
<caption> Mendefinisikan sebuah judul tabel
<colgroup> Menentukan sekelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat
<col> Menentukan sifat kolom untuk setiap kolom dalam elemen <colgroup>
<thead> Grup isi header dalam sebuah tabel
<tbody> Grup isi body dalam tabel
<tfoot> Grup isi footer dalam sebuah tabel

BELAJAR WEB DI ITKOMPUTER

Durasi 8 kali pertemuan untuk satu kali pertemuan 2 jam.
Pengenalan Photoshop untuk design web, design web dengan Photoshop, Integrasi Photoshop dengan DreamWeaver, Pengenalan DreamWeaver, perintah-perintah HTML, CSS, JQuery, Membuat animasi banner, Upload website dengan FTP dan cpanel, trik bagai mana mempromosikan website anda di internet, memilih web Hosting. Berbagai Tips dan Trik menarik tentang Web Design. Tujuan akhir setelah mengikuti kursus ini: Anda dapat membuat web yang menarik seperti company profile, web gallery photo, banner animasi, mempromosikan web di internet dan dapat melakukan upload ke server hosting.

Klik disini untuk mendaftar