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.
Tidak ada komentar:
Posting Komentar