Saturday, December 1, 2012

Cara Mengatur perataan text di dalam cell pada tabel menggunakan HTML.

Cara Mengatur perataan text di dalam cell pada tabel menggunakan HTML.

Mengatur perataan text HTML. Berikut ini adalh contoh kode HTML yang dapat anda gunakan untuk mengatur perataan text didalam cell pada sebuah tabel. Silahkan gunakan kode html dibawah ini untuk uji coba dan bereksperimen.


Kode HTML 1.

<br><table border="1" width="500" height="250">            <!--INI MERUPAKAN TEBAL GARIS TABEL -->
<caption><b>Mengatur Perataan Tabel</b></caption>    <!--INI MERUPAKAN JUDUL TABEL -->
<tr>
<td align=left>text rata kiri</td>
 <td align=right>text rata kanan</td>
</tr>
<tr>
<td align=right>text rata kanan </td>
<td align=left>text rata kiri</td>
</tr>
<tr>
<td align=center>text rata tengah    </td>
<td align=center>text rata tengah</td>
</tr>
</table><br>

Kode HTML 2.

<table border="1" width="500" height="250">            <!--INI MERUPAKAN TEBAL GARIS TABEL -->
<caption><b>Mengatur Perataan Tabel</b></caption>    <!--INI MERUPAKAN JUDUL TABEL -->
<tr>
<td align=left valign=bottom>text rata kiri bawah    </td>
<td align=right valign=top>text rata kanan atas</td>
</tr>
</table>



Hasil Penerapan Kode HTML 1Mengatur Perataan Tabel
text rata kiri text rata kanan
text rata kanan text rata kiri
text rata tengah text rata tengah



Hasil Penerapan Kode HTML 2Mengatur Perataan Tabel
text rata kiri bawah text rata kanan atas
at

17 comments:

  1. AtiekJune 19, 2014 at 4:06 AM

    sip, pengaturan rata atasnya bisa bekerja.. thanks gan...

    ReplyDelete
  2. FathoniJune 22, 2014 at 5:15 AM

    Thank bro... ga ada di blog lain nih artikelnya... .

    ReplyDelete
  3. Jam Tangan UnikNovember 3, 2015 at 12:52 PM

    nah ini yang aku cari dari tadi muter-muter ga ketemu-ketemu cara bikin teks rata kanan-bawah, makasih tutorialnya ya mas!

    jam tangan unik --> www.tokoonlinebaru.com

    ReplyDelete
  4. ze_free HasiholanJanuary 13, 2016 at 10:51 PM

    kalau mau buat ditengah()
    Tengah atas bawah, tengah kanan kiri
    Pokoknya dipusat

    ReplyDelete
  5. peternakhebatMay 31, 2016 at 12:29 AM

    makasih banget mas :D

    ReplyDelete
  6. Jasa Hosting Murah LampungMay 31, 2016 at 12:30 AM

    kalau bootsrap gimana mas ?

    ReplyDelete
  7. UnknownAugust 20, 2016 at 12:44 AM

    ok.. saya tunggu postingan selanjutnya (y)

    ReplyDelete
  8. Kado buat pacarNovember 2, 2016 at 9:47 PM

    Langsung berhasil menerapkan valign, makasih banyak ya mas :)

    ReplyDelete
  9. OFFICIAL AGEN KOPI BIKLANovember 30, 2016 at 9:21 AM

    klu ngatur paragrafnya bagaimana mas....! mohon bantuan darurat...!

    maklumlah ya Ane pemula di blogger..., tadinya bagus, eh kok tiba tiba pada 3 postingan terakhir sudah gak ada paragrafnya... ( 1 postingan jadi alinea) sebagai contoh boleh lihat blog Ane... feriampek.blogspot.com

    ReplyDelete
  10. sewa mobil hiace di malangMay 23, 2018 at 9:47 AM

    terima kasih banyak gan, sudah membagi ilmunya.

    ReplyDelete
  11. sewa mobil stasiun malangMay 23, 2018 at 9:49 AM

    terus berkarya gan, biar bisa membagi ilmunya tentang html. matur nuwun

    ReplyDelete
  12. mbluakrakMay 23, 2018 at 9:50 AM

    cocok untuk belajar seperti pemula seperti saya. thanks

    ReplyDelete
  13. gowistaMay 23, 2018 at 9:52 AM

    pengaturan tabelnya tentang perataanya jelas. berbagi ilmu terus kak

    ReplyDelete
  14. Kang AwèrJanuary 14, 2019 at 5:01 AM

    Terimakasih kakak..

    ReplyDelete
  15. UnknownMarch 29, 2020 at 2:01 AM

    Terima kasih kak
    Sangat membantu

    ReplyDelete
  16. Yuky Blogger.comSeptember 22, 2020 at 10:58 AM

    Saya terapin di th kok gabisa ya, apa karena saya makai bootstrap?

    ReplyDelete
  17. Cara MemasakDecember 22, 2022 at 9:49 AM

    Mantabbb

    ReplyDelete

Tinggalkan komentar anda disini