Pembuatan Tabel Bersarang (Tabel dalam Tabel)


         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 menjadi, seperti ini :


          Terima kasih, mungkin hanya ini saja  yang dapat saya berikan, jika ada pertanyaan silahkan tulis komentar anda, wassalam WR.WB

Komentar

Posting Komentar

Postingan populer dari blog ini

Langkah langkah menginstall debian 8 berbasis CLI(command line Interpreter) pada virtual box

Gambar
Langkah langkah menginstall debian 8 berbasis CLI(command line Interpreter) pada virtual box Pertama klik  NEW/Baru pada sudut kiri menu virtual box  masukan nama   pilih tipe os dan pilih versi os nya 2.kedua tentukan jumlah RAM sesuai yang kita inginkan 3.setelah mengatur jumlah ram diatas maka kita akan melihat pilihan berikut ini dan kita  di surah membuat virtual hard disk sebagai tempat penyimpanan data virtual 4. dan berikutnya kita di suruh memilih tipe hardisk  dan pilih saja VDI (VirtualBOX Disk Image) 5.setelah itu klik next 6.tentukan  nama hardisk sesuai keinginan kita dan tentukan  kapasitas hardisknya 7.misalkan saya menaruh os debian 8 di  local disk D maka saya akan cari di situ 8.setelah kita memasukan os tersebut maka os tersebut segara terpanggil dan memulai proses instalasi  sesuai menu yang kita inginkan , dan langsung saja klik install 11.setelah anda memilih install pada menu di atas  anda di suruh memilih bahasa dan pilh
Baca selengkapnya

Desain Web Part 2

Gambar
Assalamu'alaikun wr.wb.               Sekarang saya akan membagikan desain web menggunakan tabel pada HTML, dan ini adalah coding HTML nya : <!DOCTYPE html > <head> <title> Tugas 8 </title> </head> <body> <form id="form1" name="form1" method="post" action="">   <table width="800" height="512" border="1" align="center">     <tr>       <td width="15%" rowspan="3" align="center" bgcolor="green"><strong>Daftar Isi</strong></td>       <td width="67%" height="23" align="center" bgcolor="cyan"><font size="+3"><strong>Banner/judul</strong></font></td>       <td width="15%" rowspan="3" align="center" bgcolor="green"><strong>Daftar Isi</strong></td&
Baca selengkapnya

MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECARA VERTIKAL

Gambar
<html> <head> <title>Tugas1</title> </head> <body> <h2><b> menggabung gambar dalam teks , posisi terhadap teks secara vertikal</h2> <p><img src="yuno.jpg" width="470" height="180" align ="top">(menggunakan align=TOP)</p> <p><img src="yuno.jpg" width="470" height="180" align="middle">menggunakan align=MIDDLE</p> <p><img src="yuno.jpg" width="470" height="180" align="bottom">(menggunakan align=BOTTOM)</p> </body> </html>
Baca selengkapnya