View and vote on the article here: Tabel HTML
Tabel HTML| Category | | | Summary | | Translated from Library > Programming > HTML Tables (author: dzjnse) |
| | Body | Ok, sekarang anda telah mempelajari tentang frame di dalam HTML (itu jika anda telah membaca tutorial sebelumnya), Saya akan mengajarkan anda sesuatu tentang tabel HTML.
Untuk melakukan ini, anda harus mempelajari beberapa tag yang baru. Ini sebuah contoh yang sederhana:
bekerja dengan tabel
jika anda menginginkan sesuatu yang tidak anda inginkan di dalam tabel cukup tempatkan disini
Sam
Seperti yang anda lihat, kita membutuhkan 3 tag yang baru. TABLE-tag memberitahukan pada browser bahwa anda bekerja dengan tabel. TR-tag menetapkan barisan tabel, dimana anda butuhkan paling sedikit satu. TD-tag menetapkan sebuah sel di dalam barisan tabel. Anda juga membutuhkan ini paling sedikit satu. Sekarang jika anda mengisi halaman ini ke dalam browser anda, anda tidak melihat ini seperti tabel. Tapi ini benar, dan saya akan menunjukkan kepada anda dengan memberikan pinggiran disekeliling tabel. Saya akan membiarkan HTML-, HEAD- dan BODY-tag tapi anda tahu bahwa anda masih membutuhkan untuk menulisnya:
Sam,Frank,Rod
Anda lihat sekarang kita bekerja dengan tabel. Anda juga dapat melihat ketika kita tambahkan sesuatu di dalam sel tabel, ukuran sel tabel berubah secara otomati. Tapi anda juga bisa merubah sendiri lebar dan tinggi tabel.
Sam
Sekarang saya akan memperlihatkan anda bagaimana cara menempatkan isi sel tabel 'somewhere else' di dalam sel tabel. Untuk melakukan itu saya akan menggunakan ALIGN dan VALIGN-tag.
Sam
Pilihan lain yang dapat anda gunakan adalah LEFT dan CENTER (dengan ALIGN) dan TOP dan MIDDLE (dengan VALIGN). Tapi buat apa tabel hanya dengan satu baris dan satu sel? Mari kita lakukan sesuatu untuk itu.
Sam
Rod
Jim
Frank
Tom
Perhatikan halamannya. Seperti yang dapat anda lihat, walaupun banyak spasi di baris pertama kemudian di baris kedua, spasi tidak akan dikeluarkan. Seperti yang juga dapat anda lihat, sel dapat memiliki ukuran yang berbeda-beda. Kita akan melakukan sesuatu untuk itu:
Sam
Rod
Jim WIDTH=75
Frank WIDTH=75
Tom WIDTH=100
Lebih bagus bukan? Sekarang, saya akan menukar kembali ke 'not-defined' dan coba membuat ukuran sel lebih panjang dari yang lain. Coba ini:
Sam
Rod
Frank ROWSPAN=2
Jim COLSPAN=2
Sekarang anda juga dapat menggantikan warna sel. Mari kita coba dan pada saat yang sama kita coba lihat apa yang terjadi dengan warna mana yang diterima browser ketika anda memberikan warna yang berbeda-beda pada seluruh tabel, sebuah baris tabel, dan sebuah sel tabel:
Sam BGCOLOR="00FF00"
Rod
Jim
Frank
Tom
OK, Saya pikir ini jelas bahwa warna mana yang dipilih browser untuk sel tabel kemudian barisan tabel kemudian tabel. Ada dua tag yang ingin saya sampaikan. CELSPACING dan CELPADDING-tag. CELPADDING-tag mengatur jarak antara isi tabel dengan pinggiran tabel. CELSPACING-tag mengatur jarak antara sesama sel tabel. Coba ini:
Sam
Rod
Jim
Frank
Tom
Saya harap anda menikmati tabel anda!
-dzjnse
|
|
There are no replies to this post yet.
|