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 |
Artikel keren lainnya:
sip, pengaturan rata atasnya bisa bekerja.. thanks gan...
ReplyDeleteThank bro... ga ada di blog lain nih artikelnya... .
ReplyDeletenah ini yang aku cari dari tadi muter-muter ga ketemu-ketemu cara bikin teks rata kanan-bawah, makasih tutorialnya ya mas!
ReplyDeletejam tangan unik --> www.tokoonlinebaru.com
kalau mau buat ditengah()
ReplyDeleteTengah atas bawah, tengah kanan kiri
Pokoknya dipusat
makasih banget mas :D
ReplyDeletekalau bootsrap gimana mas ?
ReplyDeleteok.. saya tunggu postingan selanjutnya (y)
ReplyDeleteLangsung berhasil menerapkan valign, makasih banyak ya mas :)
ReplyDeleteklu ngatur paragrafnya bagaimana mas....! mohon bantuan darurat...!
ReplyDeletemaklumlah 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
terima kasih banyak gan, sudah membagi ilmunya.
ReplyDeleteterus berkarya gan, biar bisa membagi ilmunya tentang html. matur nuwun
ReplyDeletecocok untuk belajar seperti pemula seperti saya. thanks
ReplyDeletepengaturan tabelnya tentang perataanya jelas. berbagi ilmu terus kak
ReplyDeleteTerimakasih kakak..
ReplyDeleteTerima kasih kak
ReplyDeleteSangat membantu
Saya terapin di th kok gabisa ya, apa karena saya makai bootstrap?
ReplyDeleteMantabbb
ReplyDelete