MENYATUKAN BARIS DAN KOLOM PADA TABEL

Haiiiii.......
Bertemu lagi kita di Kumpulan Artikel Teknik Informatika

Masi membahas tentang HTML...

Kali ini akan saya ajarkan bagaimana membuat TABEL. Tentunya kalian tak heran lagi kan dengan yang namaya tabel,semua pasti mengetahui apa itu TABEL dan tentunya paham dan bagaimana membuatya di dalam aplikasi ms.word.

Okeyyyy kali ini akan saya ajarkan bagaimana cara membuat TABEL menggunakan HTML.

Bagaimana ya caranya..???? langsung aja kita coba ok

Yang pertama kali kita lakukan iyalah.kita buka notepad lalu kita tuliskan terlebih dahulu struktur html pada notepad tersebut setelah itu, tambahkan <TABLE> </TABLE>.Setelah itu kita telah diajarakan apa iti KOLOM dan BARIS lalu kita harus paham itu,lalu tambahkan kode untuk kolom dan kode untuk baris.

<TD></TD> Kode ini untuk membuat kolom dan <TR></TR> Untuk baris

dapat kita lihat seperti gambar berikut ini:

Setelah selesai kita ketik di notepad maka dapat kita simpan lalu untuk kita dapat melihat hasilya kita buka melalui brouser misalya melalui google chrome dengan cara menekan tombol CTRL+O Maka hasilya dapat kita lihat seperti gambar berikut:

Setelah kita melihat hasilnya maka kita lanjut untuk membuat kolom dan tabelnya,Caranya kita tambahkan aja lagi kode HTML nya pada notepad (table border ="1px") lalu simpan dengan CTRL+S lalu dijalankan

Maka hasinya seperti berikur:

Setelah kita melihat hasilnya dimana kolom ya masih kecil, lalu kita lanjut untuk mengatur ukuran tabelya yaitu dengan cara menambahkan kode HTML nya. dimana kodenya seperti ini: WIDTH="50%" HEIGHT="50%"

Maka hasilnya seperti gambar berikut ini:

Selesai itu maka kita lanjut dengan membuat tabel seperti ini: 

Caranya bagaimana, gampang kita menggunakan kode COLSPAN DAN ROWSPAN dimana colspan yaitu untuk kolom dan rowspan untuk baris, oke langsung aja kita lihat seperti gambar berikut:

Maka hasilya seperti berikut:

Selesai kita memotong sebagian dari kolom atau baris kita akan coba lagi untuk membuat tabel seperti ini:

Caranya seperti apa yeee,gampang 

Caranya kita ketikan kode pada notepad kode seperti berikut:

Mka hasilnya dapat kita lihat seperti gambar berikut:

Naaaaaahhhhhh Setelah kita selesai membuat beberapa macam bentuk tabel diatas dan ada satu bentuk tabel lagi ni untuk kita buat yaitu tugas dari dosen saya.

Caranya tinggal kita ketikan dulu kode html berikut :

Maka hasil tabelnya dapat kita lihat pada gambar berikut ini:

Sekian di pertemuan kali ini.

Selamat mencoba.