Minggu, 28 Agustus 2016

Mengenal Colspan Hearts Tabel HTML

Colspan Adalah Perintah / tag html Yang digunakan untuk review menggabungkan sel Suatu Kolom DENGAN sel Kolom Yang lainnya. Such as inviting participation baris 1 PADA Kolom 3 digabungkan DENGAN baris 1 PADA Kolom 4. Perhatikan contoh tabel berikut:

Tabel 1. PT Kenaikan harga Buah / Sayuran di Desa Oensuli


Tidak.Nama BuahSkala harga (Rp)Skala harga (Rp)
1Semangka5.0007.500
2Kelapa7501.500
3Labu2.0005.000
4Konduru9,00015.000
5Pepaya2501.000
6Gambas100250
7Wortel200500

Tampak PADA gambar bahwa ADA 2 tabel Yang sama yakni Skala HARGA PADA baris 1 Kolom 3 dan 4. UNTUK 2 butir tabel Yang sama Penyanyi, biasanya Cukup digabungkan Menjadi 1 ATAU merger (Ingat menggabungkan sel PADA MS Word ATAU Terbuka OfficeWriter, Prinsipnya sama, Hanya Saja disinin kitd using html).Sintaks html tabel di differences Adalah sebagai berikut:

<table align = "center" border = "1" cellpadding = "0" cellspacing = "0" bordercolor = "hitam"> <tr align = "center" valign = "top"> <td align = "center" valign = "tengah" width = "25px"> <b> Tidak ada. </ b> </ td> <td align = "center" valign = "middle" width = "100px"> <b> Nama Buah </ b> < / td> <td align = "center" valign = "middle" width = "100px"> <b> Skala harga (Rp) </ b> </ td> <td align = "center" valign = "middle" width = "100px"> <b> Skala harga (Rp) </ b> </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width = "25px"> 1 </ td><td align = "kiri" valign = top "width =" 100px "> Semangka </ td> <td align =" center "valign = top" width = "100px"> 5.000 </ td> <td align = "center" valign = top "width =" 100px "> 7,500 </ td> </ tr> <tr align =" center "valign =" top "> <td align =" center " valign = top "width =" 25px "> 2 </ td> <td align =" kiri "valign = top" width = "100px"> Kelapa </ td> <td align = "center" valign = top "width = "100px"> 750 </ td><td align = "center" valign = top "width =" 100px "> 1.500 </ td> </ tr> <tr align =" center "valign =" top "> <td align = "center" valign = top "width =" 25px "> 3 </ td><td align =" kiri "valign = top" width = "100px"> Labu </ td> <td align = "center" valign = top "width =" 100px "> 2.000 </ td> <td align =" center "valign = top" width = "100px"> 5,000 </ td> </ tr> <tr align = "center" valign = " top "> <td align =" center "valign = top" width = "25px"> 4 </ td> <td align = "kiri" valign = top "width =" 100px "> Konduru </ td> <td menyelaraskan = "center" valign = top "width =" 100px "> 9,000 </ td> <td align =" center "valign = top" width = "100px"> 15.000 </ td> </ tr><tr align = " pusat "valign =" top "> <td align =" center "valign = top" width = "25px"> 5 </ td> <td align = "kiri" valign = top "width =" 100px "> Pepaya </ td> <td align = "center" valign = top "width =" 100px "> 250 </ td> <td align =" center "valign = top" width = "100px"> 1.000 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 6 </ td> <td align =" kiri "valign = top" width = "100px "> Gambas </ td> <td align =" center "valign = top" width = "100px"> 100 </ td> <td align = "center" valign = top "width =" 100px "> 250 </ td > </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 7 </ td><td align =" kiri "valign = top "width =" 100px "> Wortel </ td> <td align =" center "valign = top" width = "100px"> 200 </ td> <td align = "center" valign = top "width =" 100px " > 500 </ td> </ tr> </ table>

























































Yang akan kitd merger Adalah baris 1 PADA Kolom 3 dan 4 (<td align = "center" valign = "middle" width = "100px"> <b> Skala harga (Rp) </ b> </ td>). Untuk review Kolom Yang dimerger Cukup Ditulis 1 sintaks Saja Dan hearts sintaks tersebut ditambahkan sintaks / perintah colspan , yakni sebagai berikut:

<table align = "center" border = "1" cellpadding = "0" cellspacing = "0" bordercolor = "hitam"> <tr align = "center" valign = "top"> <td align = "center" valign = "tengah" width = "25px"> <b> Tidak ada. </ b> </ td> <td align = "center" valign = "middle" width = "100px"> <b> Nama Buah </ b> < / td> <td align = "center" valign = "middle" width = "100px" colspan = "2"> <b> Skala harga (Rp) </ b> </ td> <td align = "center" valign = "tengah" width = "100px" colspan = "2"> <b> Skala harga (Rp) </ b> </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 1 </ td> <td align =" kiri "valign = top" width = "100px"> Semangka </ td> <td align = "center" valign = top "width =" 100px "> 5,000 </ td> <td align =" center "valign = top" width = "100px"> 7,500 </ td> </ tr> <tr align = "center" valign = " top "> <td align =" center "valign = top" width = "25px"> 2 </ td> <td align = "kiri" valign = top "width =" 100px "> Kelapa </ td> <td menyelaraskan = "center" valign = top "width =" 100px "> 750 </ td> <td align =" center "valign = top" width = "100px"> 1.500 </ td> </ tr> <tr align = " pusat "valign =" top "> <td align =" center "valign = top" width = "25px"> 3 </ td> <td align = "kiri" valign = top "width =" 100px "> Labu </ td> <td align = "center" valign = top "width =" 100px "> 2.000 </ td> <td align =" center "valign = top" width = "100px"> 5,000 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 4 </ td> <td align =" kiri "valign = top" width = "100px "> Konduru </ td> <td align =" center "valign = top" width = "100px"> 9,000 </ td> <td align = "center" valign = top "width =" 100px "> 15.000 </ td > </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 5 </ td> <td align =" kiri "valign = top "width =" 100px "> Pepaya </ td> <td align =" center "valign = top" width = "100px"> 250 </ td> <td align = "center" valign = top "width =" 100px " > 1.000 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 6 </ td> <td align =" kiri "valign = top" width = "100px"> Gambas </ td> <td align = "center" valign = top "width =" 100px "> 100 </ td> <td align =" center "valign = top" width = "100px"> 250 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 7 </ td> <td align = "kiri" valign = top "width =" 100px "> Wortel </ td> <td align =" center "valign = top" width = "100px"> 200 </ td> <td align = "center "valign = top" width = "100px"> 500 </ td> </ tr> </ table>

























































Perhatikan sintaks Yang berwarna merah di differences, KARENA Sudah memasukkan colspan = "2" (2 Kolom Yang di merger), Maka sintaks di differences Menjadi:

<table align = "center" border = "1" cellpadding = "0" cellspacing = "0" bordercolor = "hitam"> <tr align = "center" valign = "top"> <td align = "center" valign = "tengah" width = "25px"> <b> Tidak ada. </ b> </ td> <td align = "center" valign = "middle" width = "100px"> <b> Nama Buah </ b> < / td> <td align = "center" valign = "middle" width = "100px"> <b> Skala harga (Rp) </ b> </ td> <td align = "center" valign = "middle" width = "100px"> <b> Skala harga (Rp) </ b> </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width = "25px"> 1 </ td><td align = "kiri" valign = top "width =" 100px "> Semangka </ td> <td align =" center "valign = top" width = "100px"> 5.000 </ td> <td align = "center" valign = top "width =" 100px "> 7,500 </ td> </ tr> <tr align =" center "valign =" top "> <td align =" center " valign = top "width =" 25px "> 2 </ td> <td align =" kiri "valign = top" width = "100px"> Kelapa </ td> <td align = "center" valign = top "width = "100px"> 750 </ td><td align = "center" valign = top "width =" 100px "> 1.500 </ td> </ tr> <tr align =" center "valign =" top "> <td align = "center" valign = top "width =" 25px "> 3 </ td><td align =" kiri "valign = top" width = "100px"> Labu </ td> <td align = "center" valign = top "width =" 100px "> 2.000 </ td> <td align =" center "valign = top" width = "100px"> 5,000 </ td> </ tr> <tr align = "center" valign = " top "> <td align =" center "valign = top" width = "25px"> 4 </ td> <td align = "kiri" valign = top "width =" 100px "> Konduru </ td> <td menyelaraskan = "center" valign = top "width =" 100px "> 9,000 </ td> <td align =" center "valign = top" width = "100px"> 15.000 </ td> </ tr><tr align = " pusat "valign =" top "> <td align =" center "valign = top" width = "25px"> 5 </ td> <td align = "kiri" valign = top "width =" 100px "> Pepaya </ td> <td align = "center" valign = top "width =" 100px "> 250 </ td> <td align =" center "valign = top" width = "100px"> 1.000 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 6 </ td> <td align =" kiri "valign = top" width = "100px "> Gambas </ td> <td align =" center "valign = top" width = "100px"> 100 </ td> <td align = "center" valign = top "width =" 100px "> 250 </ td > </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 7 </ td><td align =" kiri "valign = top "width =" 100px "> Wortel </ td> <td align =" center "valign = top" width = "100px"> 200 </ td> <td align = "center" valign = top "width =" 100px " > 500 </ td> </ tr> </ table>

























































Yang akan kitd merger Adalah baris 1 PADA Kolom 3 dan 4 (<td align = "center" valign = "middle" width = "100px"> <b> Skala harga (Rp) </ b> </ td>). Untuk review Kolom Yang dimerger Cukup Ditulis 1 sintaks Saja Dan hearts sintaks tersebut ditambahkan sintaks / perintah colspan , yakni sebagai berikut:


<table align = "center" border = "1" cellpadding = "0" cellspacing = "0" bordercolor = "hitam"> <tr align = "center" valign = "top"> <td align = "center" valign = "tengah" width = "25px"> <b> Tidak ada. </ b> </ td> <td align = "center" valign = "middle" width = "100px"> <b> Nama Buah </ b> < / td> <td align = "center" valign = "middle" width = "100px" colspan = "2"> <b> Skala harga (Rp) </ b> </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 1 </ td><td align =" kiri "valign = top" width = "100px"> Semangka < / td> <td align = "center" valign = top "width =" 100px "> 5,000 </ td> <td align =" center "valign = top" width = "100px"> 7,500 </ td> </ tr > <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 2 </ td> <td align =" kiri "valign = top" width = " 100px "> Kelapa </ td> <td align =" center "valign = top" width = "100px"> 750 </ td> <td align = "center" valign = top "width =" 100px "> 1.500 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px "> 3 </ td><td align =" kiri "valign = top "width =" 100px "> Labu </ td> <td align =" center "valign = top" width = "100px"> 2.000 </ td> <td align = "center" valign = top "width =" 100px "> 5.000 </ td> </ tr> <tr align =" center "valign =" top "> <td align =" center "valign = top" width = "25px"> 4 </ td> <td align = "kiri" valign = top "width =" 100px "> Konduru </ td> <td align =" center "valign = top" width = "100px"> 9,000 </ td><td align = "center" valign = top "width =" 100px "> 15.000 </ td> </ tr> <tr align =" center "valign =" top "> <td align =" center "valign = top" width = "25px"> 5 </ td ><td align = "kiri" valign = top "width =" 100px "> Pepaya </ td> <td align =" center "valign = top" width = "100px"> 250 </ td> <td align = " pusat "valign = top" width = "100px"> 1.000 </ td> </ tr> <tr align = "center" valign = "top"> <td align = "center" valign = top "width =" 25px " > 6 </ td> <td align = "kiri" valign = top "width =" 100px "> Gambas </ td> <td align =" center "valign = top" width = "100px"> 100 </ td> <td align = "center" valign = top "width =" 100px "> 250 </ td> </ tr> <tr align =" center "valign =" top "> <td align =" center "valign = top" width = "25px"> 7 </ td> <td align = "kiri" valign = top "width =" 100px "> Wortel </ td> <td align =" center "valign = top" width = "100px"> 200 </ td> <td align = "center" valign = top "width =" 100px "> 500 </ td> </ tr> </ table>
























































Hasilnya seperti tabel 2 berikut:

Tabel 2 PT Kenaikan harga Buah / Sayuran di Desa Oensuli

Tidak.Nama BuahSkala harga (Rp)
1Semangka5.0007.500
2Kelapa7501.500
3Labu2.0005.000
4Konduru9,00015.000
5Pepaya2501.000
6Gambas100250
7Wortel200500

Tidak ada komentar:

Posting Komentar