MASIGNALPHAS2101
6241506638334725908

Cara Membuat Tabel

Cara Membuat Tabel
Add Comments
5/22/2020
Cara Membuat Tabel
Cara Membuat Tabel - Hallo gaess pada kesempatan kali ini saya akan coba memberikan tutorial cara membuat Tabel keren dengan kode HTML yang mudah diterapkan baik kedalam postingan ataupun kedalam sebuah halaman. Walau pun kini dalam Dasbord pengetikan blogger sudah tersedia tool untuk membuat tabel, nggak apa ya saya cobain pakai kode HTML 

Judul 1 Judul 2 Judul 3
Isi 1a Isi 2a Isi 3a
Isi 1b Isi 2b Isi 3b
Isi 1c Isi 2c Isi 3c

Baca juga:

Membuat Tabel menggunakan style table MsoNormalTable.
Pertama 'Ubah mode penulisan ke mode "<> Tampilan HTML" kemudian copy dan paste kan kode berikut ini.

<!--[if gte mso 10]><style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin-top:0in; mso-para-margin-right:0in; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0in; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} </style><![endif]--> 
  
Kemudian tambahkan kode berikut ini, paste kan tepat dibawah kode pertama.

  <table align="left" border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="border-collapse: collapse; border: none; margin-left: 6.75pt; margin-right: 6.75pt;"> <tbody> <tr style="height: 18.75pt;"> <td colspan="2" style="background: rgb(128, 100, 162); border: 1pt solid; height: 18.75pt; padding: 0in 5.4pt; width: 311.4pt;" valign="top" width="415"><div align="center" class="MsoNormal" style="text-align: center;"> HONDA</div> </td> </tr> <tr style="height: 11.5pt;"> <td style="border: 1pt solid; height: 11.5pt; padding: 0in 5.4pt; width: 2.7in;" valign="top" width="259"><div class="MsoNormal"> we Merek dan type:</div> </td> <td style="border-bottom: 1pt solid; border-left: none; border-right: 1pt solid; border-top: none; height: 11.5pt; padding: 0in 5.4pt; width: 117pt;" valign="top" width="156"><div class="MsoNormal"> HARGA ON THE ROAD:</div> </td> </tr> 

Jangan lupa berikan kode penutupnya juga 
</tbody></table>

Dan hasilnya akan seperti contoh berikut ini.     
HONDA
Merek dan type:
HARGA ON THE ROAD:



Untuk menambahkan kolom berikutnya sobat tinggal menambahkan kode seperti ini, kolom berikutnya akan saya isi dengan "Honda Tiger CW" dan "Rp.25.500.000".


<td style="border: 1pt solid; height: 9.75pt; padding: 0in 5.4pt; width: 2.7in;" valign="top" width="259"><div class="MsoNormal"> HONDA Tiger CW</div> </td> <td style="border-bottom: 1pt solid; border-left: none; border-right: 1pt solid; border-top: none; height: 9.75pt; padding: 0in 5.4pt; width: 117pt;" valign="top" width="156"><div class="MsoNormal"> RP.25.500.000</div> </td> </tr>

Dan ini hasilnya.
HONDA
Merek dan type:
HARGA ON THE ROAD:
HONDA Tiger CW
RP.25.500.000
HONDA VARIO CW
RP.14.450.000
HONDA SPACY HELM IN INJ
RP.12.900.000
Kurang lebih seperti inilah cara saya membuat tabel. Selamat mencoba 
Moch Adnan

Seorang Blogger biasa yang hanya sekedar ingin berbagi. Menulis dan mengutak-atik HTML

Mohon untuk tidak memasukkan link hidup dalam berkomentar