Dulu saya sering kesal kalau lihat postingan saya susunannya di halaman website statis kelihatan gak rapi.Sudah saya coba merapikannya waktu menulis artikelnya, tapi waktu di publish jadi amburadul kembali. Setelah mencari kesana-kemari akhirnya saya temukan juga cara merapikan text dengan Text HTML.
Ternyata caranya merapikan kalimat dengan Text HTML itu sederhana sekali. Kita hanya perlu meletakkan tags <p align="#"> dan </p> Tanda # boleh diganti dengan center, right atau justify.
Kalau tidak diisi maka secara default kalimat diatur dengan left.
align-left membuat semua baris text berada disisi sebelah kiri.
align-right membuat semua baris text berada disisi sebelah kanan.
align-center membuat semua baris text berada ditengah halaman.
align-justify membuat semua baris text diatur sama jaraknya dengan tepi halaman sebelah kiri dan kanan.
Dibawah ini saya berikan contoh artikel yang saya buat dengan Mengatur Text HTML.
Diatas text saya tambahkan judul dengan warna merah dan ukuran yang besar sekedar untuk memperjelas keterangan saya saja.
Ini artikel dengan tags <p> </p> atau boleh juga diisi align="left". Tidak akan ada pengaruhnya sama sekali.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim. </p>
Ini artikel dengan tags <p align="right"> </p>
<p align="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>
Ini artikel dengan tags <p align="center"> </p>
<p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>
Ini artikel dengan tags <p align="justify"> </p>Terserah Anda untuk memilih pengaturan Text HTML yang sesuai untuk artikel yang akan Anda publikasikan di website HTML Anda.
<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>
http://belajarhtmltable.com/text-html/#more-339
Tidak ada komentar:
Posting Komentar