-

Belajar HTML Part 7 : Membuat Tabel Pada HTML


Membuat Tabel Pada HTML

Membuat Tabel Pada HTML

tabel merupakan struktur yang digunakan untuk menampilkan informasi dalam bentuk baris dan kolom. pada HTML, untuk pembuatan tabel menggunakan tag <table> utuk membuat table, <tr> untuk membuat baris dan <td> untuk membuat kolom.

untuk lebih memahami pembuata table pada HTML berikut saya sajikan penjelasan tag yang terlibat dalam pembuatan table pada HTML.

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

perhatikan contoh pembuatan table pada HTML berikut :

Belajar HTML Part 7 : Membuat Tabel Pada HTML

Membuat Tabel Pada HTML

dari contoh diatas dapat anda lihat sendiri fungsi dari masing-masing tag yang sudah kita bahas diatas. namun pada tag table saya memberikan atribut border=’1′. atribut border ini digunakan untuk memberika garis tepi pada table dan nilai 1 ini merupakan nilai dari garis tepi pada tabel yang kita buat tadi.

dan berikut ini adalah contoh membuat tabel HTML dengan menggunakan tag head atau bagian kepala tabel.contoh

untuk membuat tampilan tabel yang lebih menarik saya sarankan anda untuk belajar CSS dasar di www.malasngoding.com (bisa dilihat disini).

Tutorial HTML Dasar Lainnya

Belajar HTML Part 1 : Pengertian HTML

Belajar HTML Part 2 : Memilih Text Editor

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML

Belajar HTML Part 4 : Heading Pada HTML

Belajar HTML Part 5 : Format Text Pada HTML

Belajar HTML Part 6 : Membuat Paragraf Pada HTML

Belajar HTML Part 7 : Membuat Table Pada HTML

Belajar HTML Part 8 : Membuat Hyperlink Pada HTML

Belajar HTML Part 9 : Membuat List Pada HTML

Belajar HTML Part 10 : Membuat Format Code Pada HTML

Belajar HTML Part 11 : Membuat Form Pada HTML

Belajar HTML Part 12 : Atribut Form Pada HTML

Belajar HTML Part 13 : Membuat Symbol Pada HTML

Belajar HTML Part 14 :Menampilkan Gambar Pada HTML

Belajar HTML Part 15 : Tag Iframe Pada HTML

Belajar HTML Part 16 : Menghubungkan HTML dengan CSS

Belajar HTML Part 17 : Mengenal Class dan Id Pada HTML


Muzanni

Algorithms Learner, future lecturer and Happy to sharing about knowledge

Tutorial Menarik Lainnya

Membuat Menu Navbar Responsive
Contoh website html biodata sederhana
Membuat fitur show hide password di HTML
Membatasi Jumlah Karakter Input HTML

Membatasi Jumlah Karakter Input HTML

Halo sobat malasngoding.com pada artikel kali ini Kita akan pelajari bagaimana cara membatasi jumlah karakter yang di input kedalam form menggunakan HTML. Dalam membuat form ...

Diskusi

2 Komentar
  • Tutorial Bootstrap 4 #9 : Membuat Table Dengan Bootstrap 4 – Malas Ngoding 5 years ago

    […] teman-teman yang belum belajar membuat table dengan HTML, silahkan baca dulu tutorial cara membuat table dengan HTML di […]

  • Anonim 6 months ago

    Mantap

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD