Cara membuat tabel dengan HTML di WordPress.com


Cara Membuat Tabel berikut dengan cara manual tanpa plugin menggunakan HTML. Caranya cukup mudah dengan menginput kode dasar HTML untuk tabel. Kode dasar untuk membuat tabel adalah seperti berikut :

Tag Attribute Keterangan
table th table header
tr table row
td table cell

Untuk tabel di atas, penulisannya dalam HTML adalah seperti berikut

Contoh kode HTML tabel :

<table style="border: 1px solid dimgray; width:300px;">
<tbody>
<tr>
<th style="border: 1px solid green; background-color: dimgray; color: white; text-align: center;">Tag</th>
<th style="border: 1px solid green; background-color: dimgray; color: white; text-align: center;">Attribute</th>
<th style="border: 1px solid green; background-color: dimgray; color: white; text-align: center;">Keterangan</th>
</tr>
<tr>
<td style="border: 1px solid green; text-align: center;" rowspan="3">table</td>
<td style="border: 1px solid green; text-align: center;">th</td>
<td style="border: 1px solid green; text-align: center;">table header</td>
</tr>
<tr>
<td style="border: 1px solid green; text-align: center;">tr</td>
<td style="border: 1px solid green; text-align: center;">table row</td>
</tr>
<tr>
<td style="border: 1px solid green; text-align: center;">td</td>
<td style="border: 1px solid green; text-align: center;">table cell</td>
</tr>
</tbody>
</table>

Keterangan :

table style=”width:300px;” menerangkan lebar tabel, secara default jika tidak dituliskan width, maka tabel akan lebar sepanjang area yang ada.

rowspan=”3″ menerangkan bahwa dalam satu kolom terdapat 3 baris.

Tinggal copy saja kode di atas ketika akan posting. dan paste di mode TEXT. Lalu ganti saja isinya seperti tag, attribute dan lain-lain sesuai kebutuhan, Warna untuk border, background color, dan text color juga silahkan disesuaikan degan warna-warna yang lain. Untuk keterangan selengkapnya kode HTML dan tabel dapat di baca di sini  Demikian cara membuat tabel dengan HTML di WordPress.com

Advertisements

Komentarnya please

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s