{"id":2947,"date":"2019-09-21T13:25:28","date_gmt":"2019-09-21T13:25:28","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=2947"},"modified":"2023-02-12T03:08:26","modified_gmt":"2023-02-12T03:08:26","slug":"tutorial-html-07-membuat-tabel-pada-html","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/tutorial-html-07-membuat-tabel-pada-html\/","title":{"rendered":"Tutorial HTML #07 – Membuat Tabel Pada HTML"},"content":{"rendered":"

Rengga Dev<\/strong><\/a> <\/span>– Tabel merupakan struktur yang digunakan untuk menampilkan informasi dalam bentuk\u00a0baris dan kolom. pada HTML, untuk pembuatan tabel menggunakan tag <table> utuk membuat table, <tr> untuk membuat baris dan <td> untuk membuat kolom.<\/p>\n

untuk lebih memahami pembuata table pada HTML berikut saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML.<\/p>\n

    \n
  1. <table> merupakan tag pembuka dalam membuat sebuah table pada html, tanpa <table> ini, penggunaan <tr> dan <td> tidak bisa difungsikan dengan baik.<\/li>\n
  2. <tr> atau dikenal dengan\u00a0table row<\/em>\u00a0merupakan tag yang digunakan untuk membuat baris dalam table HTML<\/li>\n
  3. <td> atau dikenal dengan\u00a0table data\u00a0<\/em>merpakan tag yang digunakan untuk membuat kolom dalam baris dan untuk menampilkan data dalam table<\/li>\n
  4. <th> untuk membuat table head atau bagian kepala pada table.<\/li>\n<\/ol>\n

    perhatikan contoh pembuatan table pada HTML berikut :<\/p>\n

    <!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <title>belajar membuat tabel di html<\/title>\r\n<\/head>\r\n<body>\r\n<table border=\"1\">\r\n    <tr>\r\n        <td>baris 1 \/ kolom 1<\/td>\r\n        <td>baris 1 \/ kolom 2<\/td>\r\n        <td>baris 1 \/ kolom 3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>baris 2 \/ kolom 1<\/td>\r\n        <td>baris 2 \/ kolom 2<\/td>\r\n        <td>baris 2 \/ kolom 3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>baris 3\/ kolom 1<\/td>\r\n        <td>baris 3\/ kolom 2<\/td>\r\n        <td>baris 3\/ kolom 3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>baris 4\/ kolom 1<\/td>\r\n        <td>baris 4\/ kolom 2<\/td>\r\n        <td>baris 4\/ kolom 3<\/td>\r\n    <\/tr>\r\n<\/table>\r\n<\/body>\r\n<\/html><\/pre>\n