Cara Membuat Perataan Teks Dokumen Pada HTML

Posted by Ashari

Dalam perataan/aligment dikenal dengan 4 perataan yaitu Rata Kanan (align right), Rata Kiri ( Align Left), Rata Tengah (align center) dan Rata Kiri Kanan (align justify). Secara normal apabila kita memasukan teks dalam HTML maka teks yang tampil di browser adalah rata kiri. Nah, untuk mengatur perataan teks dalam html maka kita harus menyisipkan tag didalam kode html. Tag disisipkan di header dan paragraf, cara penulisannya adalah sebagai berikut :
  • Untuk Header : <H1 align="jenis_rata"> lalu ditutup dengan tag </h1>
  • Untuk Paragraf : <P align="jenis_rata"> lalu ditutup dengan tag </p>
Untuk lebih jelasnya silakan anda ketikan kode dibawah ini.


<!DOCTYPE html>
<head>
<title>Perataan Teks</title>
</head>
<body>
<h3 align="right">Jakarta, 3 Juni 2015</h3>
<h1 align="center">Lestaluhu Cetak Gol Indah, Indonesia Masih Tertinggal 2-1</h1>
<h4 align="left">oleh : Ari Ibnu A</h4>
<p align="left"> Tim nasional Indonesia U-23 tertinggal 1-2 di babak pertama laga pembuka SEA Games 2015 melawan Myanmar, dengan gol yang diciptakan oleh Shine Tunar dan Aung Si Thu untuk Myanmar sementara bagi Indonesia dicetak oleh Abduh Lestaluhu.</p>
<p align="center">Pada laga tersebut, Myanmar sendiri tampil cukup apik baik dalam membangun serangan maupun memberikan tekanan kepada lini pertahanan timnas Indonesia yang mengandalkan para pemain timnas U19 yang berjaya di Piala AFF.</p>
<p align="right">Para pemain Myanmar sendiri cepat dalam menyerang dan mengandalkan serangan dari sayap, sehingga Indonesia tak bisa mengembangkan permainan sama sekali di sepuluh menit pertama.</p>
<p align="justify">Peluang muncul untuk Myanmar pada menit ke-11 ketika pemain sayap kanan mereka bisa lolos dari hadangan lawan dan memberikan umpan silang. Namun bola masih bisa dipotong oleh lini pertahanan Indonesia.</p>
</body>
</html>

Simpan file diatas dengan nama perataan.html, kemudian buka file tersebut di browser maka tampilannya akan tampak sebagai berikut:


Demikian pembahasan tentang Cara Membuat Perataan Teks Dokumen Pada HTML, semoga bermanfaat.


Demo Blog NJW V2 Updated at: 21:51:00

0 komentar:

Post a Comment