Tag - Tag Yang Membangun HTML: Tables

Posted by Dimas Nurhilman 7:45 PM

Tag - Tag Yang Membangun HTML: Tables - HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML yang kepanjangannya disebut Hyper Text Markup Language adalah suatu bahasa marka, yang digunakan sebagai salah satu format dokumen World Wide Web. HTML bukanlah sebagai bahasa pemrograman, melainkan sebagai bahasa marka yang digunakan untuk membangun sebuah website.

Setelah kalian mempelajari Tag - Tag Yang Membangun HTML: Lists selanjutnya saya akan membahas tentang Tables pada HTML.

TABLES PADA HTML
Tabel adalah sebuah data tabular dalam bentuk grid yang terdiri dari kolom(column), baris(row) dan cell yang merupakan pertemuan antara kolom dan baris. HTML <table> element merepresentasikan data dengan dari satu dimensi dalam bentuk sebuah tabel (table).
Table di dalam HTML dibentuk dengan sebuah baris (row), tepatnya menggunakan element <tr> yang merupakan kepanjangan dari table row. Adapun <th> (table header) dan <td> (table data). <td> menunjukkan sebuah cell sedangkan <th> menunjukkan cell induk dan ditandai dengan tulisan cetak tebal.

Baca Juga :
   7 Font Terbaik pilihan Programmer untuk Coding
   Kumpulan Situs Web Ebook Pemrograman Komputer Terbaik dan Gratis!
   4 Software Text Editor Terbaik Untuk Ngoding Para Programmer

Berikut Macam - Macam Tag Tables Pada HTML :

<table> : Tag untuk membuat tabel
<caption> : Tag untuk membuat sebuah caption tabel
<th> : tag untuk membuat sebuah caption header tabel
<tr> : Tag untuk membuat baris dalam sebuah tabel
<td> : Tag untuk membuat sel dalam sebuah tabel
<thead> : Mengelompokkan isi header dalam sebuah tabel
<tbody> : Mengelompokkan isi tubuh dalam sebuah tabel
<tfoot> : Mengelompokkan isi footer dalam sebuah tabel
<col> : Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup>
<colgroup> : Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat

Setelah kita mengetahui fungsi dari masing masing tag tables, selanjutnya kita akan membuat beberapa contoh syntax yang menggunakan tag tables pada HTML.

Oke langsung saja kita membuat file tables.html di text editor, lalu masukkan ini :

<!DOCTYPE>
<html>
    <head>
        <title>
            Hostze - Tag Tables
        </title>
    </head>
    <body>
    <table border="1">
        <tr>
            <th>Buah</th>
            <th>Sayur</th>
        </tr>
        <tr>
            <td>Jeruk</td>
            <td>Wortel</td>
        </tr>
        <tr>
            <td>Pisang</td>
            <td>Kol</td>
        </tr>
                <tr>
            <td>Mangga</td>
            <td>Bayam</td>
        </tr>
    </table>
    </body>
</html>

Setelah itu save, lalu buka file tables.html menggunakan browser dan lihat hasilnya. Untuk contoh penggunan tag yang lain bisa kalian coba sendiri.

Kesimpulan :

HTML bukan bahasa pemrograman melainkan bahasa marka yang digunakan untuk membangun sebuah website.
Ada 3 (tiga) tag utama dalam html yaitu: tag html, tag, head dan tag body.
Pada tiap masing masing tag html memiliki tag pembuka dan tag penutup, namun ada beberapa tag yang tidak memiliki tag penutup.
Kita bisa mengetahui tag penutup dengan melihat simbol garing(garis miring) pada tag tersebut.
Tag Formatting adalah tag yang berfungsi mengubah bentuk tampilan dari teks.
Tag Forms adalah tag yang berfungsi untuk menerima masukan(input) dari pengguna.
Tag Frames adalah tag html yang berfungsi untuk menampilkan halaman web dalam halaman web.
Celah yang bernama ClickJacking memanfaatkan tag frames sebagai media pencurian data.
Tag Images adalah tag yang berfungsi untuk memanggil gambar
Tag Audio/Video adalah tag yang berfungsi untuk memanggil audio atau video
Tag Links digunakan untuk membuat hyperlink, menghubungkan antar dokumen dan juga untuk membuat navigasi
Tag Lists digunakan untuk membuat daftar isi pada html
Tag Tables digunakan untuk membuat sebuah tabel data

Kunjungi Juga :
Tutorial Bahasa Pemrograman Web Lengkap!

Saya harap kalian mengerti dengan penjelasan saya kali ini, jika kalian tidak mengerti silahkan berkomentar di bawah ini.

Demikian artikel yang berjudul Tag - Tag Yang Membangun HTML: Tables semoga bermanfaat dan dapat menambah wawasan kalian semua.