- See more at: http://blog-rangga.blogspot.com/2013/08/cara-membuat-blog-anti-copy-paste-dan.html#sthash.pqWUmYKU.dpuf
Pulsating Superman Logo Pointer
Pulsating Superman Logo Pointer

Sabtu, 12 April 2014

Belajar Membuat Table Di Blog

Pada Artikel Kali Ini Orka Akan Membahas tentang Pembuatan Table Untuk Pembentukan HTML. Keterangannya Tabel dapat digunakan untuk memberikan data dalam bentuk kolom dan baris.  Dalam Pemaparannya Sebuah tabel mempunyai judul, baris untuk informasi, dan sel untuk setiap itemnya. Tabel dapat di isi dengan daftar item, paragraf, form, gambar, teks-teks preformatted, dan bahkan tabel-tabel yang lain (tabel dalam tabel). Orka akan  bahas secara Sederhana Untuk membuat tabel digunakan tag awal <table> dan tag penutup </table>. Sintaks penulisannya :

<table>
<tr>
<td>Data Tabel</td>
<tr>
</table>

Perhatikan Elemen-elemen Yang Digunakan untuk Pembentukan tabel, Sederhana bukana Berarti Mudah, cobalah untuk anda Bisa menghafal Elemen-elemen itu dan Fungsi Keterangannya agar anda Juga lebih mudah Untuk Penggunaannya. 

  • Elemen-Elemen Tabel Elemen Penjelasan


<table> . . . </table>
Tag pembentuk tabel. jika border disertakan, maka tabel akan tampil disertai border. Nilai border 0 ? 30.

<caption> . . . </caption>
Pembentuk judul tabel. judul dapat diberi tag apa saja.

<tr> . . . </tr>
Penjelaskan baris tabel dalam tabel. atribut yang dipakai : align(left, center dan right) atau valign(top, middle dan bottom).

<th> . . . </th>
Pembentuk sel header tabel. Secara default teks dalam sel ini di tebalkan dan di tampilkan ditengah.

<td> . . . </td>
Pembentuk sel data dalam tabel.

Jumlah baris tabel ditentukan dengan banyaknya <tr> . . . </tr> yang di tulisankan dalam elemen tabel, dari <table> . . . </table>. Jumlah kolom dalam tabel ditentukan dengan banyaknya <td> . . . </td> di dalam setiap definisi baris, dari <tr> . . . </tr>. Setiap baris dalam tabel akan mempunyai jumlah kolom yang berbeda. Untuk lebih mudahnya silahkan anda praktekan dan cobalah untuk lebih teliti dalam pengerjaannya. kesalahan yang kita sepelekan akan merumitkan kita. Dari pengalaman saya.


  • Berikut ini adalah beberapa contoh penggunaan atribut pada tag <table> dan <td> :  Atribut Width, Border, Bordercolor
<!DOCTYPE html>
<html>
<head>
<title>Atribut Width, Border, Bordercolor</title>
</head>
<body>
<table width="500" border="1" bordercolor="#FF0000">
<caption>Atribut Width, Border, Bordercolor</caption>
<tr>
<th width="200">Baris 1 Kolom 1</th>
<th width="180">Baris 1 Kolom 2</th>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
</tr>
</table>
</body>
</html>

Silahkan Tinggalkan Komentar Jika Ada dari anda masih kurang jelas tentang penjelasan saya tentang membuat table di blog Atau HTML.file Salam Orka. Masukan dari Anda Sangat Saya harapkan.

0 komentar:

Posting Komentar