HTML Tabel Lanjut

HTML Table Lanjut

Tabel dalam html merupakan unsur yang penting, karena dalm membuat design Web umumnya menggunakan table untuk membagi setiap bagian-bagiannya.
Untuk itu kit perlu mengerti lebih lanjut mengentai table dan beberapa atributnya.
Seperti tutorial saya yang kemarin saya menggunkan aplikai Dreamweaver untuk membuat file html.
Buka DW dan buat bebrapa table untuk membuat suatu layout. Dalam contoh saya akan membuat 3 colom dan 3 baris. Seperti pda gambar

Kemudian dengan tampilan split atau design kita bias mengatur dengn mudah besar kolom dan baris sesuai keinginan kita. Namun kita juga dapat mengatur lebar kolom dan baris dengan code, yaitu width.

Seperti table pada umumnya table dalam html juga bisa kita merge atau jadikan satu antara kolom dengan kolom, baris dengan kolom ataupun baris dengan baris. Untuk melakukan  merge mengguakan Dreamweaver cukup mudah, tinggal blok cell yang akan kita merge kemudian klik kanan, table -> merge.

Jika menggunakan code tag-nya adalah colspan untuk mengabungkan antara 2 kolom, atau lebih. Dan rowspan untuk mengabungkan antara 2 baris atau lebih.

Untuk mempercantik layout, kita bisa menambahkan warna dalam  table. Untuk warna boder maupun background. Lihat contoh :

 selain warna gmbar juga dapat kita masukan, Untuk memasukan gambar dengan Dreamweaver, pilih menu Insert -> image kemudian masukan gambar yang sudah kita siapkan. Atau dalam menggunakan tag <img src=”….”>

Dan untuk menerakan gambar isa ditambahkan tag <marquee>. Marquee digunakan untuk mengerakan objek berupa tulisan maupun gambar dalam html.

<marquee direction="arah gambar akan bergerak" behavior="scroll" width=panjang lintasan gambar untuk bergerak> objek </marquee>

Selamat Mencoba

Tips dalam membuat file html dengan aplikasi apapun sebaiknya kita melakukan save terlebih dahulu dan menentukan letak file tersebut, sebelum mulai mengedit layout mupun konten.