Meningkatkan Performa Tabel Cara ne Orang |
Ini baris ke - 1 |
Ini Baris ke - 2 |
Contoh Tabel 1
berikut ;
Ini Kolom ke -1 | Ini baris baris ke -1 |
Ini baris ke -2 |
Contoh Tabel 2
Ada cara untuk merubah tampilan tampilan, cara membuatnya sangat mudah
;
Yang pertama diperhatikan adalah memahami komponen kode html sebuah
tabel, yang diawali dengan <table> dan diakhir dengan
</table>. Contohnya sebagai berikut ( kode dibawah ini adalah
merupakan kode dari Contoh Tabel 2 );
<table border="1" width="80%">
<tr>
<td width="40%" rowspan="2">Ini Kolom ke
-1</td>
<td width="40%">Ini baris baris ke -1 </td>
</tr>
<tr>
<td width="40%">Ini baris ke -2</td>
</tr>
</table>
Ada beberapa hal yang dapat Kita lakukan untuk merubah tampilan tabel ;
border="1"
sebagai berikut ; <table
width="80%">. Kita dapat
mengganti angka 1 dengan angka yang lebih besar dari 1. Semakin besar
angkanya, maka tingkat ketebalnnyapun semakin tebal. Kita juga dapat
menggantinya dengan angka 0 artinya tabel tidak memiliki ketebalan / garis
tabel tidak kelihatan. Pada praktenya nanti Saya mencoba merubahnya dengan
angka border = 5. Sehinggga
nanti kodenya berubah menjadi <table border="5"
width="80%">.
berikut ;<table border="1"
width="80%">.
Untuk dapat merubah panjang / lebar tabel,
Kita harus mengganti angka pada width dengan angka atau persentase lain
sesuai dengan keinginan Kita. Pada praktenya nanti Saya mencoba merubahnya
dengan angka
width = 145. Sehinggga nanti kodenya berubah menjadi <table
border="1"
width="145">.
Jika width 100% ini artinya Kita menggunakan
panjang tabel dengan ukuran asli.Namun kalau
Kita menghendaki dengan angka pun bisa, misalnya
435, 578, 789, dll.
Misalnya, untuk membuat warna
background warna ungu , maka Kita harus menambahkan kode bgcolor="FF00FF".
Sehinggga nanti kodenya bertamnah menjadi <table border="1"
width="80%" bgcolor=" #FF00FF">.
Dan
misalnya akan dirubah warna backgroundnya dari ungu menjadi warna coklat maka
harus diganti kodenya dengan #800000. Sehinggga nanti kodenya
berubah menjadi <table border="1"
width="80%" bgcolor=" #800000">.
Kita juga bisa meruabh tmpilan background warna
pada setiap kolom / baris yang ada. Caranya adalah pada contoh elemen baris
/ kolom
<td width="40%" rowspan="2">Ini
Kolom ke -1</td>
Kita tambahkan bggcolor="#008000".
#008000 adalah kode warna hijau atau green. Sehinggga
nanti kodenya betambah menjadi <td width="40%"
rowspan="2" bggcolor="#008000">Ini
Kolom ke -1</td>.
Nah setelah Kode Contoh Tabel 2 diatas Kita
rubah semua denagn contoh yang ada, maka kodenya adalah sebagai berikut ;
<table
border="5" width
= 145" bgcolor="
#800000">
<tr>
<td width="40%" rowspan="2"
bggcolor="#008000">Ini
Kolom ke -1</td>
<td width="40%">Ini baris baris ke -1 </td>
</tr>
<tr>
<td width="40%">Ini baris ke -2</td>
</tr>
</table>
Dan hsilnya senbagi berikut ;
Ini Kolom ke -1 | Ini baris baris ke -1 |
Ini baris ke -2 |
align="center">
Posisi Teks dalam Tabel. Kita dapat menempatkan tabel pada posisi
kanan ( right ), tengah ( center ), atau kanan ( right ). Misalnya so mo
beking tabel pada posisi kanan. Maka Kita menmbahkan kode align="left".
Contohnya ;
<table
border="5" width
= 145" bgcolor="
#800000"
vlign="middle">.
menempatkan teks pada posisi tengah - tengah tabel pada paragraf ( yang
verftikal )
<table
border="5" width
= 145" bgcolor="
#800000"
Namun Kita juga dapat menempatkan teks pada posisi atas ( up ) atau bawah (
down ).
Dan hasilnya setelah dimodifikasi dengan no.4 & 5
sebagai berikut ;
Middle Dari Paragrahp / Tengah - tengah vertikal | Middle Dari Paragrahp / Tengah - tengah vertikal |
Middle Dari Paragrahp / Tengah - tengah vertikal |
Digawe karo Wong Soesah tanggal 12 juni 2008. Bar mujahadah Asmaaul Husnaa. 99 X 99 Kali. Al hamdulillah target total 1,5 jam terpenuhi. Sampe ndower ...Ha .. ha .. ternyata sing marake ndower ora mung ngomong neng HP thok. Tape Dzikir Marang Gusti yo iso marake ndower ...
Tur Gratis, wareg, jaminan suwargo sisan. Amien .....
Tidak ada komentar:
Posting Komentar
Silahkan lihat Postingan terakhir di blog ini>
Kerja Keras Adalah Energi Kita Kerja Keras Adalah Energi Kita Kerja Keras Adalah Energi Kita Kerja Keras Adalah Energi Kita Pertamina Peduli Lingkungan Kerja Keras Adalah Energi Kita Kerja Keras Adalah Energi KitaKerja Keras Adalah Energi Kita Kerja Keras Adalah Energi Kita Kerja Keras Adalah Energi Kita Kerja Keras Adalah Energi Kita