Latest Article

Promotion Ads

Buat Website Murah

Featured Article

Popular Article

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 :        Date : 20 - August - 2011

Jasa Pembuatan Website

4 Comments

  1. AJIEReply

    Tutorialy jlk bgt buang ja k tong smph

  2. jakaReply

    mantep..
    nice posting, beda ama si Ajie :P

    nah gan, style itu diperjelas :D

  3. Blog SEOReply

    wah keren ya

  4. Belajar HTML Untuk PReply

    […] Membuat Perataan Dalam Dokumen HTML […]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>