Postingan

Menampilkan postingan dari Januari, 2016

Pembuatan Tabel Pada HTML

Gambar
Kalian tau apa itu HTML-kan, yap! HTML (Hypertext Markup Language) merupakan protokol yang digunakan untuk mentransfer data antara  web server ke web browser. Protokol ini hanya mentransfer data yang berformat HTML (Hypertext Markup Language). Saya akan memberikan informasi seperti : 1. Pembuatan Tabel Biasa 2. Pembuatan Tabel Spanning 3. Pembuatan Tabel Bersarang (tabel dalam tabel) 1.Pembuatan Tabel Biasa Untuk menampilkan tabel kita menggunakan tag <table> dan ditutup dengan tag </table>. Berikut struktur elemen tabel dasar. <table> <tr> <td>baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> </table> Kita bisa membuat heading pada kata di baris atau kolom menggunakan tag <th>....</th>. Jika ingin menambah columns lagi kalian bisa menambah tag <tr>...</tr> setalah tutup tag </tr> pertama dan kita dapat menamba h row dengan tag<td>....</td> a

Pembuatan Tabel dengan Spanning (HTML)

Gambar
Yo, sekarang saya akan membagikan HOW to make simple table with spanning use HTML. Ok,lets we go. Mula-mula anda harus mengetahui coding dasar buat tabel pada HTML, anda bisa melihatnya di <llinkk post pertama>. Disini anda dapat menggunakan rowspan dan colspan untuk membuat spanning (merge kalo di excel). Contoh punya saya: Maaf gambar nya kurang jelas. Tag rowspan dan colspan ini sama dengan merge di excel. bedanya Rowspan fungsinya untuk menggabungkan dua atau lebih row dalam satu tabel, sedangkan colspan fungsinya untuk menggabungkan dua atau lebih columns dalam satu tabel, bila excel kita harus memblok kotak-kotak yang ada di excel lalu klik di merge. Cara menggunakan rowspan dan colspan sama kita tinggal memasukkan tag ini kedalam tag <tr>...</tr> (dalam kurung tag pertama). Contoh: <table> <tr> <td>baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> <tr> <td colspan=2> b

Pembuatan Tabel Bersarang (Tabel dalam Tabel)

Gambar
          Assalammualaikum WR.WB Sekarang saya akan memberikan cara membuat "Tabel Bersarang pada HTML" tidak usah banyak basa-basi lansung saja kita lanjutkan.  Intinya dalam membuat HTML ini anda harus membuat coding tabel biasa (pertama) lalu memasukkan coding tabel luar dengan rowspan. Contoh: <html> <head> <title>tabel bersarang</title> </head> <body> <table border="2"> <tr> <td>baris 1 colum 1</td> <td rowspan="2"><table border="1"> <tr> <td>tabel ke-2</td> </tr> </table> </td> </tr> <tr> <td>baris 2 colum 1 </td> </tr> </body> </html>                    Contoh tabel bersarang pada tulisan yang menggunakan heading (penebalan). Coba anda ketikkan HTML diatas menggunakan notepad/notepad++. maka hasilnya akan menj