Jumat, 01 Juni 2018

Cara Membuat Teks Rata Tengah, Kiri, Kanan atau Justify pada HTML

Setelah sebelumnya saya menjelaskan tentang heading, kali ini saya mau membahas tentang alignment pada html. Secara umum alignmen terbagi menjadi 4 yaitu align center, align left, align right dan align justify. Sebenarnya fungsi dari alignment sudah sering kita jumpai pada microsoft office word, namun mungkin kita tidak menyadari atau tidak mengetahuinya. Nah saya jelaskan dulu perbedaan dan funsi dari keempat alignment tersebut.
  1. Align Center : digunakan untuk membuat teks menjadi rata tengah.
  2. Align Left : digunakan untuk membuat teks menjadi rata kiri.
  3. Align Right :digunakan untuk membuat teks menjadi rata kanan.
  4. Align Justify : digunakan agar teks di bagian kiri dan kanan panjangnya menjadi sama, biasanya banyak digunakan pada teks yang panjang agar kelihatan lebih rapi.

Untuk contoh penerapannya bisa dilihat pada kode berikut:

<html>
<head>
<title>
                        Belajar HTML : Alignment
            </title>
</head>
<body>
<h1 align="center">ini adalah contoh align center</h1>
            <h1 align="left">ini adalah contoh align kiri</h1>
            <h1 align="right">ini adalah contoh align kanan</h1>
            <h1 align="justify">ini adalah contoh align justify</h1>
</body>
</html>

Untuk tampilannya akan seperti gambar berikut:



Nah itu dia sedikit pembahasan tentang alignment pada html, semoga bermanfaat bagi kita semua. Amiin.

Tidak ada komentar:

Posting Komentar

Berkomentarlah yang sopan, jika ada yang tidak berkenan mohon dimaafkan.