Biongo Attacker

Seputar Programing Dan Informasi tentang Teknologi masa kini

  • Home
  • P Website
  • _HTML
  • _CSS
  • _Javascript
  • __Jquery
  • _PHP
  • __Codeigniter
  • Informasi
  • Tips dan Trick
  • Lainnya
  • -label/template,blog,script,Alat
Home Archives for 04/28/16

Tutorial HTML Part 17 : Cara membuat tabel dengan html

Alsaskar Mirando Alsaskar Mirando 02:39:00 | #html
Tutorial HTML : Cara membuat tabel dengan html - Selamat sore sobat, gimana masih sehatkan? Kalau masih sehat syukur, karena pada hari ini kita akan lanjut tutorial html kita, untuk hari ini kita akan masuk ke tutorial cara membuat tabel dengan html.Mungkin sebagian dari kalian ada yang sudah tahu, tetapi mungkin tidak ada salahnya jika saya memberikan artikel ini kepada orang yang belum tahu.

Cara Membuat Tabel dengan HTML

Dalam pembuatam tabel sebenarnya sangatlah gampang karena kita tidak akan terlalu susah untuk memahami syntax/code html tersebut.Oke, kita langsung ke topik pembahasan saja, pertama langsung buka saja text editor anda, dan save dengan ekstensi .html.Contoh saya akan memberikan nama filenya belajar.html.Lalu, langsung ketik script di bawah ini.
 
<html>
<head>
    <title>Membuat tabel dengan html</title>
</head>
<body>
    <table border="1">
     <thead>
      <tr>
       <th>Alamat</th>
       <th>Kota</th>
       <th>Negara</th>
      </tr>
     </thead>
     <tbody>
      <tr>
       <td>PallDua</td>
       <td>Manado</td>
       <td>Indonesia</td>
      </tr>
     <tr>
      <td>PallDua</td>
      <td>Manado</td>
      <td>Indonesia</td>
     </tr>
     <tr>
      <td>PallDua</td>
      <td>Manado</td>
      <td>Indonesia</td>
     </tr>
     </tbody>
    </table>
</body>
</html>

Pasti kalian belum pasti mengerti kode-kode di atas tersebut kan? Bagi anda yang belum mengerti saya akan mejelaskannya, agar kalian tidak bingung.

<tr> = Digunakan untuk mendefinisikan baris pada tabel.
<th> = Di gunakan untuk menunjukan header tabel.
<thead> = Sering di sebut sebagai kepala dari tabel, dan berfungsi untuk membuat judul pada tabel.
<tbody> = Isi teks-teks yang ada di dalam tabel tersebut.

Dan hasilnya akan seperti pada gambar di bawah ini.

Tutorial HTML : Cara membuat tabel dengan html
Tutorial HTML : Cara membuat tabel dengan html
Tampilan tabel di atas masih sangat sederhana karena kita masih dalam tahap pembelajaran html, jika kita ingin membuat tabel itu menjadi lebih menarik kita harus menggunakan css (Nanti kita pasti akan ke css, tetapi sampai tutorial html kelar semua.).

Semoga artikel ini dapat bermanfaat untuk anda.
Terima Kasih.
  • Share
  • Tweet
  • Share
  • Share
  • Share
Subscribe to: Posts (Atom)

Popular

  • Cara mengganti warna navbar pada bootstrap
    Cara mengganti warna navbar pada bootstrap
    Cara mengganti warna navbar pada bootstrap - Banyak yang bingung bagaimana untuk mengganti warna navbar pada bootstrap.Saya juga waktu itu...
  • Download Script Phising PB Garena Recoded By Biongo Attacker
    Download Script Phising PB Garena Recoded By Biongo Attacker
    Selamat malam gan., di malam hari ini saya akan share script phising PB Garena.Karena saya lihat banyak teman-teman saya yang bermain Point ...
  • Download Aplikasi Perpustakaan Berbasis Web Sederhana
    Download Aplikasi Perpustakaan Berbasis Web Sederhana
    Selamat siang teman-teman.Ketemu lagi nih dengan saya, tapi kesempatan ini saya tidak kasih mengenai tutorial, tetapi dikesempatan ini saya ...

Archive

  • ►  2017 (4)
    • ►  March (1)
      • ►  Mar 12 (1)
    • ►  February (2)
      • ►  Feb 26 (1)
      • ►  Feb 22 (1)
    • ►  January (1)
      • ►  Jan 26 (1)
  • ▼  2016 (65)
    • ►  December (1)
      • ►  Dec 02 (1)
    • ►  September (4)
      • ►  Sept 11 (1)
      • ►  Sept 09 (2)
      • ►  Sept 02 (1)
    • ►  August (5)
      • ►  Aug 30 (1)
      • ►  Aug 29 (1)
      • ►  Aug 13 (1)
      • ►  Aug 12 (1)
      • ►  Aug 10 (1)
    • ►  July (6)
      • ►  Jul 29 (1)
      • ►  Jul 16 (1)
      • ►  Jul 14 (1)
      • ►  Jul 13 (1)
      • ►  Jul 12 (1)
      • ►  Jul 09 (1)
    • ►  June (5)
      • ►  Jun 29 (1)
      • ►  Jun 28 (1)
      • ►  Jun 06 (1)
      • ►  Jun 05 (1)
      • ►  Jun 01 (1)
    • ►  May (6)
      • ►  May 29 (1)
      • ►  May 24 (1)
      • ►  May 20 (1)
      • ►  May 19 (1)
      • ►  May 12 (1)
      • ►  May 01 (1)
    • ▼  April (24)
      • ►  Apr 30 (1)
      • ▼  Apr 28 (1)
        • Tutorial HTML Part 17 : Cara membuat tabel dengan ...
      • ►  Apr 27 (1)
      • ►  Apr 26 (2)
      • ►  Apr 25 (2)
      • ►  Apr 23 (2)
      • ►  Apr 22 (1)
      • ►  Apr 08 (1)
      • ►  Apr 07 (1)
      • ►  Apr 06 (2)
      • ►  Apr 05 (2)
      • ►  Apr 04 (2)
      • ►  Apr 03 (2)
      • ►  Apr 02 (3)
      • ►  Apr 01 (1)
    • ►  March (10)
      • ►  Mar 30 (2)
      • ►  Mar 29 (2)
      • ►  Mar 26 (1)
      • ►  Mar 24 (1)
      • ►  Mar 22 (1)
      • ►  Mar 13 (2)
      • ►  Mar 01 (1)
    • ►  February (4)
      • ►  Feb 24 (1)
      • ►  Feb 18 (1)
      • ►  Feb 16 (1)
      • ►  Feb 13 (1)
  • ►  2015 (15)
    • ►  December (2)
      • ►  Dec 30 (1)
      • ►  Dec 29 (1)
    • ►  November (3)
      • ►  Nov 20 (1)
      • ►  Nov 12 (2)
    • ►  October (8)
      • ►  Oct 24 (1)
      • ►  Oct 23 (2)
      • ►  Oct 22 (1)
      • ►  Oct 21 (2)
      • ►  Oct 13 (1)
      • ►  Oct 05 (1)
    • ►  September (1)
      • ►  Sept 29 (1)
    • ►  August (1)
      • ►  Aug 09 (1)

Comment

recentcomment

Fanspage

Biongo Attacker

[fa fa-tag] Category

ajax Alat android blog bootstrap cerita codeigniter css html info javascript jquery motivasi pascal php script sublime text template Tips dan Trick visual basic

Tentang

Sebuah blog yang dibuat untuk membagikan tutorial seputar programming dan juga memberikan informasi seputar teknologi masa kini.

Pengikut

Copyright © 2017 Biongo Attacker All Right Reserved
Template By Bloggerku
Kontak | Daftar Isi | Privacy Policy | TOS