Cara membuat tabel html
Cara Membuat Tabel HTML
Membuat tabel atau kotak HTML (Hyper Text Markup Language) mampu digunakan diposting blog sebagai perhiasan tulisan, dan bertujuan untuk mengunggah data-data dalam bentuk infografik sesuai dengan tujuan yang ingin dicapai.
Tabel juga berkhasiat untuk memberikan berita dengan cara yang lebih simpel dan mudah untuk dipahami.
Website atau blog yang berorientasi pada... salah satunya menjual barang (toko online) mampu juga membuat tabel dan menggunakan tabel untuk menyusun data-data seperti: Nama barang, harga, dan lainnya.
Diartikel ini Anda akan menerima panduan cara membuat tabel atau kotak dengan aba-aba HTML untuk digunakan diposting blog, jadi, cara membuat tabel HTML yang akan dijelaskan dibawah mungkin tidak sesuai dengan perintah setelan script CSS (Cascading Style Sheets) di template blog Anda, namun tidak ada salahnya Anda mencoba membuat tabel HTML dan menerapkannya pada posting blog, atau Anda mampu menyimpannya untuk file Anda.
Sebelum memulai membuat tabel HTML alangkah baiknya bila membaca dulu uraian lengkap perihal beberapa tag aba-aba script HTML untuk membuat tabel HTML.
Ada 4 tag aba-aba HTML dasar untuk membuat kotak HTML yang akan dijelaskan di artikel ini, selengkapnya lihat kotak infografik dibawah:
4 Tag Tabel HTML Dan Penjelasannya:
1 Table
Adalah wadah dari baris dan kolom table atau kotak bingkai episode paling luar pada tabel HTML
2 Caption
Untuk membuat judul tabel HTML
3 TR (Table Row)
Adalah pembuat baris didalam tabel HTML
4 TD (Table Data)
Adalah pembuat kolom didalam tabel
Sekarang mari kita mulai membuat tabel HTML untuk posting blog atau website Anda.
Dibawah ini yaitu cara membuat tabel HTML dengan menggunakan tag: Tabel, Caption, TR, dan TD.
Cara membuat tabel HTLM secara default
<table border="1">
<caption>Contoh </caption>
<tr> <td> Table </td> </tr></table>
Jika aba-aba HTML untuk membuat tabel diatas diunggah di blog maka tampilan tabel nya akan terlihat ibarat di bawah ini:
| Table |
Berikutnya membuat tabel 2 baris 2 kolom.
Kode HTML untuk membuat tabel diatas Jika diposting di blog maka tampilan gambar tabel nya akan nampak ibarat ini:
<table border="1">
<caption>Contoh </caption>
<tr> <td> Meja </td>
<td> Kursi </td> </tr>
<tr> <td> Lemari </td>
<td> Jendela </td> </tr>
</table>
Kode HTML untuk membuat tabel diatas Jika diposting di blog maka tampilan gambar tabel nya akan nampak ibarat ini:
| Meja | Kursi</td> |
| Lemari | Jendela |
Tabel HTML 3 baris 3 kolom.
Jika diunggah diposting blog maka aba-aba pembuat kotak HTML diatas alhasil akan ibarat ini:
Selanjutnya membuat tabel HTML 4 baris 4 kolom.
Kode tabel diatas bila dipublikasikan di blog maka browser internet Anda akan terlihat gambar tabel nya ibarat berikut ini:
Selanjutnya lagi cara membuat tabel HTML 5 baris 5 kolom
Kode untuk membuat tabel HTML diatas bila di unggah di blog akan terlihat hasil tabel nya ibarat berikut ini:
<table border="1">
<caption>Contoh Tabel HTML </caption>
<tr> <td> Meja 1</td>
<td> Kursi 1</td>
<td> Lemari 1</td> </tr>
<tr> <td> Meja 2</td>
<td> Kursi 2</td>
<td> Lemari 2</td> </tr>
<tr> <td> Meja 3</td>
<td> Kursi 3</td>
<td> Lemari 3</td> </tr>
</table>
Jika diunggah diposting blog maka aba-aba pembuat kotak HTML diatas alhasil akan ibarat ini:
| Meja 1 | Kursi 1 | Lemari 1 |
| Meja 2 | Kursi 2 | Lemari 2 |
| Meja 3 | Kursi 3 | Lemari 3 |
Selanjutnya membuat tabel HTML 4 baris 4 kolom.
<table border="1">
<caption>Contoh tabel HTML 4 baris 4 kolom</caption>
<tr> <td> Meja 1</td>
<td> Kursi 1</td>
<td> Lemari 1</td>
<td> Jendela 1 </td> </tr>
<tr> <td> Meja 2</td>
<td> Kursi 2</td>
<td> Lemari 2</td>
<td> Jendela 2 </td></tr>
<tr> <td> Meja 3</td>
<td> Kursi 3</td>
<td> Lemari 3</td>
<td> Jendela 3 </td> </tr>
<tr> <td> Meja 4</td>
<td> Kursi 4</td>
<td> Lemari 4</td>
<td> Jendela 4 </td></tr>
</table>
Kode tabel diatas bila dipublikasikan di blog maka browser internet Anda akan terlihat gambar tabel nya ibarat berikut ini:
| Meja 1 | Kursi 1 | Lemari 1 | Jendela 1 |
| Meja 2 | Kursi 2 | Lemari 2 | Jendela 2 |
| Meja 3 | Kursi 3 | Lemari 3 | Jendela 3 |
| Meja 4 | Kursi 4 | Lemari 4 | Jendela 4 |
Selanjutnya lagi cara membuat tabel HTML 5 baris 5 kolom
<table border="1">
<caption>Contoh membuat tabel HTML 5 baris 5 kolom</caption>
<tr> <td> Meja 1</td>
<td> Kursi 1</td>
<td> Lemari 1</td>
<td> Jendela 1 </td>
<td> Rumah 1 </td></tr>
<tr> <td> Meja 2</td>
<td> Kursi 2</td>
<td> Lemari 2</td>
<td> Jendela 2 </td>
<td> Rumah 2 </td></tr>
<tr> <td> Meja 3</td>
<td> Kursi 3</td>
<td> Lemari 3</td>
<td> Jendela 3 </td>
<td> Rumah 3 </td> </tr>
<tr> <td> Meja 4</td>
<td> Kursi 4</td>
<td> Lemari 4</td>
<td> Jendela 4 </td>
<td> Rumah 4 </td></tr>
<tr> <td> Meja 5</td>
<td> Kursi 5</td>
<td> Lemari 5</td>
<td> Jendela 5 </td>
<td> Rumah 5 </td></tr>
</table>
Kode untuk membuat tabel HTML diatas bila di unggah di blog akan terlihat hasil tabel nya ibarat berikut ini:
| Meja 1 | Kursi 1 | Lemari 1 | Jendela 1 | Rumah 1 |
| Meja 2 | Kursi 2 | Lemari 2 | Jendela 2 | Rumah 2 |
| Meja 3 | Kursi 3 | Lemari 3 | Jendela 3 | Rumah 3 |
| Meja 4 | Kursi 4 | Lemari 4 | Jendela 4 | Rumah 4 |
| Meja 5 | Kursi 5 | Lemari 5 | Jendela 5 | Rumah 5 |
Sumber:
Komentar
Posting Komentar