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 :
- Perintah Tag < tr> , artinya tag untuk menuliskan baris biasa di tabel. TR singkatan dari table row.
- Perintah Tag < td>, atinya tag untuk menuliskan kotak didalam baris, makanya tag < td>
ada di dalam tag < tr>. TR singkatan dari table data. - 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>"hilangkan spasinya agar coding diatas dapat dijalankan"
< 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>
Screen shoot :
gambar 1.1 tampilan jika dilihat di browser
Semoga Bermanfaat.
Tidak ada komentar:
Posting Komentar