Membuat Perataan Dalam Dokumen HTML

Apa itu Aligment / Perataan ?

Aligmennt Adalah Perataan Text yang dimana dalam tulisan cetak di kenal 4 macam perataan. Perataan tersebut adalah : : Rata Kanan {Align Right}, Rata Kiri {Align Left}, Rata Tengah {Align Center}, Dan Rata Kiri Dan Kanan {Justify}.

Header & Tag Paragraf Dapat disisipi dengan atribut align untuk melakukan perataan ini. Contoh atribut dalam penerapan Tag Header Dan Paragraf adalah sebagai berikut :

<html>

<head>

<title>Perataan Header Dan Paragraf</title>

</head>

<body>

<h1 align="left">Header Rata Kekiri</h1>

<h1 align="center">Header Rata Ke Tengah</h1>

<h1 align="right">Header Rata Ke Kanan</h1>

</body>

</html>

Setelah kalian tulis kode html di atas, silahkan anda simpan dan lihat hasilnya. Apakah sama hasilnya dengan yang saya buat ? Silahkan Lihat hasil yang saya buat di halaman Perataan Header Dan Paragraf

Kemudian contoh selanjutnya adalah membuat Perataan pada tag Paragraf. Disini kita akan mencoba membuat suatu artikel yang memuat 4 Paragraf dalam perataannya. Anda juga dapat membuat artikel sendiri untuk penerapan contohnya. Contohnya saya membuat artikel tentang Timnas Indonesia Melawan Turmenikstan. Silahkan lihat contohnya di bawah ini :

<html>

<head>

<title>Indonesia Harus Menang Melawan Turmenikstan</title>

<style>

#artikel {

    float: right;

    overflow: hidden;

    width: 650px;

    -moz-border-radius:15px; 

    -khtml-border-radius:15px;

    -webkit-border-radius:15px; 

    border-radius:15px; 

    color:#000; 

    -moz-box-shadow:inset 0 0 1px #3f5867; 

    -khtml-box-shadow:inset 0 0 1px #3f5867; 

    -webkit-box-shadow:-1px -1px 2px #3f5867; 

    box-shadow:inset 0 0 1px #3f5867;

    padding:3px 17px

    }

</style>

</head>

<body>

<div id="artikel">

<h1 align="center">Indonesia Wajib Menang Di Pertandingan Melawan Turmenikstan</h1>

<div>

<p align="left">Pada sore nanti, tepatnya pada pukul 18:30, Timnas Indonesia akan Menjamu tamunya Turmenikstan dalam ajang pertandingan Kualifikasi Pra Piala Dunia.</p>

<p align="center">Sebelumnya Timnas Indonesia Berhasil Menahan Imbang Dengan Skor 1-1 saat di jamu Turmenikstan Pada Leg Pertama.</p>

<p align="right">Timnas Indonesia Mempunyai Peluang Besar Karena Pada Pertandingan Sebelumnya, Indonesia Berhasil Mencuri POIN.</p>

<p align="justify">Saya sendiri meyakinkan, klo nanti sore Timnas Indonesia Akan Memenangkan Pertandingan. Pemain Favorite saya Adalah Boaz Sallossa.</p>

</div>

</body>

</html>

Sudah di tulis artikelnya ? Silahkan Simpan Dan Lihat hasilnya. Artikel yang saya buat bisa kalian lihat dalam halaman Indonesia Melawan Turmenikstan. Sekian pembahasan tentang Alignment / Perataan dalam dokumen HTML.

Created By : Nurul Imam Date : 20 - August - 2011