Haduhh apa kabar sobat B.U.S mania? pastinya baik ya kan? (ia dong secara gitu kita anak indonesia pada sehat-sehat haaa) ya bagus lahh kalau pada sehat. Dah lama ini saya bener-bener sibuk gak posting-posting deh jadinya hee tapi hari ini saya sempatkan untuk berbagi ide pada sobat semu. Ada yang tanya gimana sihh cara bikin tabel atau kolom pada postingan itu.. Nah makanya dari itu takut sobat semua masih ada yang belum tau saya kasih tau nihh langsung ke tkp ya sob?
Dalam membuat tabel tentunya kita gunakan kode HTML sob kode-nya di simpan di postingan tapi ingan di atas sebelah kanan lembar enteri baru ada tulisan Edit HTML dan Compose, nah ganti dari Compose ke Edit HTML baru dehh sobat masukan kodenya dimana sobat mau letakan tabel sobat lalu setelah itu sobat kembalikan kembali dehh ke Compose dan lihat hasilnya. Tarang..lohh mana yah kodenya juga haaa tenang sob sabar nihh saya jelasin kodenya satu per satu oke? Oh ia pastinya sobat sudah tau kan cara posting di blogger? Kalo masih bingung sobat bisa lihat disini Langka-langkah Posting Artikel di Blogger. Oke kembali ke topik.
Untuk membuat tabel sobat ternyata harus diawali dengan tag <table> dan diakhiri dengan tag </table>. baris-baris dalam tabel dibuat dengan diawali tag <tr> dan diakhiri tag </tr>. Dari dalam baris kemudian dibuat kolom-kolom dengan tag <td> dan diakhiri tag </td>. Untuk header (baris paling atas dari tabel) kolom-kolomnya dibuat denga tag <th> dan </th>. Judul tabel bisa dibuat dengan tag <caption> dan </caption>. Agar tabel terlihat ada garis-garisnya, perlu ditambahkan atribut <border>, misalnya <table border=1>. Dan ingat sob setiap akhiran tag tag awal di awali dengan garing alias garis miring, contoh <td> jadi </td>.
Suatu sel bisa sobat beri background dengan cara :
- Background gambar atau foto dengat tag <td background=gambar.jpg> ;
- background diberi warna dengat tag <td bgcolor=”#203e8d>;
- background diberikan link dan gambar dengat tag <td><a href=link.html><img src=gambar.gif border=0></td>.
Sebuah gambar yang utuh dapat disusun atas sel-sel dalam tabel, sehingga bila masing-masing sel diberi link akan diperoleh efek imageMap. Atribut Tabel yang lain
Pelurusan horizontal suatu sel : align (left, center, right, justify), Contoh : <tr align=left>, <td align=left>.
Pelurusan vertical suatu sel : valign(top, middle, bottom), Contoh : <tr valign=top>, <td valign=bottom>.
Jumlah (n) kolom yang ditempati sebuah sel : rowspan=n, Contoh : <td rowspan=2>
Mematikan kemampuan melipat kata dalam sel : nowrap, Contoh : <td nowrap>
Menentukan panjang/lebar suatu sel/kolom : (weight, height), Contoh : <td height=10, weight=5>
Berikut adalah contoh kode HTML tabel di postingan blogger-nya :
| header1 | header2 | header3 |
|---|---|---|
| baris 1 kolom 1 | baris 1 kolom 2 | baris 1 kolom 3 |
| baris 2 kolom 1 | baris 2 kolom 2 | baris 2 kolom 3 |
Gimana sobat tips-nya dapat dengan mudah di pahami kan? Ya saya harap sih gitu, terus kunjungi Blog Urang Sunda (B.U.S) terimakasih jangan lupa komentarnya..Baca juga postingan lainnya sob.
Theant Budiana About the Guest Author:
Saya bukanlah orang yang ahli dalam dunia blogger tapi saya mencoba untuk berbagi ilmu dari apa yang saya ketahui dari paman saya, saya sangat suka blogging dan berbagi ilmu, tapi bukan berarti saya master blog salah besar jika sobat anggap saya hebat saya hanya seorang anak kampung yang mencoba untuk tidak kampungan dan tertinggal informasi alias GAPTEK, banyak artikel yang saya tulis di Blog Urang Sunda dan lihat juga blog saya satu lagi di Dunia Maya Saya dan klik disini untuk mengetahui lebih lanjut tentang saya
warning Anda bingung?
Jangan ragu untuk bertanya kepada saya lewat komentar di bawah, saya akan mencoba menjawabnya sesegera mungkin, bahkan jika sobat ada saran untuk saya silahkan jangan ragu untuk memberi saran kepada saya asalkan komentar no spam. Komentar anda, adalah bekal untuk kemajuan blog saya, saya akan kunjungi balik blog sobat jika sobat meninggalkan jejak sobat disini.
0 comments:
Post a Comment