Selasa, 03 Desember 2013

Membuat Tabel Sederhana Menggunakan HTML

Assalamu'alaikum.
Kali ini saya mau share sedikit tentang Cara membuat tabel sederhana menggunakan html. Tabel penting peranya dalam halaman web, selain untuk menampilkan text atau gambar dalam format lajur dan kolom. Kita juga bisa menggunakan tabel untuk membantu me-layout tampilan halaman.

gambar 1.0 Atribut Table tag

Didalam tag
ada beberapa tag lain yang perlu kita pahami, yaitu :

  1. Perintah Tag < tr> , artinya tag untuk menuliskan baris biasa di tabel. TR singkatan dari table row.
  2. Perintah Tag < td>, atinya tag untuk menuliskan kotak didalam baris, makanya tag < td>
    ada di dalam tag < tr>. TR singkatan dari table data.
  3. Perintah Tag < th>, artinya tag untuk menuliskan kotak biasa seperti < td>, namun untuk header tabel. TH singkatan dari table header.

Contoh, Coding  membuat tabel sederhana menggunakan html. Silahkan di copy untuk mencobanya.

< html>
< head>
< title> Membuat Tabel < /title>
< /head>
< body>
< table border="1">
< caption> Cyber STMIK < /caption>
< tr>
< td> INFO KAMPUS < /td>
< td> Music < /td>
< td> Berita Tasikmalaya < /td>
< /tr>
< tr>
< td> seputar IPTEK < /td>
< td> Lagu < /td>
< td> INFO JABAR < /td>
< /tr>
< tr>
< td> Dunia Olahraga < /td>
< td> Program JAVA < /td>
< td> Dunia Politik < /td>
< /tr> < tr>
< td> aneka hiburan < /td>
< td> Program WEB < /td>
< td> aneka info < /td>
< /tr> < /table>
< /body>
< /html>
"hilangkan spasinya agar coding diatas dapat dijalankan"
Screen shoot :

gambar 1.1 tampilan jika dilihat di browser


Semoga Bermanfaat.

Tidak ada komentar:

Posting Komentar