sharingilmu.web.id

Belajar tak akan lengkap jika kita tidak berbagi

Perataan Paragraf dengan HTML

Posted by admin on 19 Aug 2012

Untuk pengaturan perataan paragraf pada HTML biasanya menggunakan tag <div></div> yang ditambahi dengan atribut align untuk menentukan pengaturan perataan paragrafnya sehingga nanti akan menghasilkan suatu blok paragraf yang sudah diatur perataan paragrafnya. Untuk menentukan pengaturan perataannya, atribut align memiliki beberapa nilai, yaitu left, right, center, dan justify. Fungsi dari tiap nilai ini hampir mirip dengan fungsi perataan yang ada pada ms word, yaitu left untuk rata kiri, right untuk rata kanan, center untuk rata tengah, dan justify untuk rata kanan kiri. Untuk lebih jelasnya silakan coba contoh di bawah ini :
1. Rata Kiri (left)

<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
<div align="left">
Microsoft mengungkapkan telah membuat beberapa perubahan besar dalam 
tampilan antarmuka desktop Windows 8. Perubahan ini termasuk keluar 
dari antarmuka Aero Glass.
<div>
</body>
</html>

2. Rata Kanan (Right)

<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
<div align="right">
Aero Glass sendiri merupakan antarmukan yang pertama kali diperkenalkan 
melalui Windows Vista. Menurut Microsoft, hal ini berarti perubahan 
visual yang mencakup "permukaan merata, menghapus refleksi dan 
mengatur ulang skala gradasi yang mengganggu."
<div>
</body>
</html>

3. Rata Tengah (center)

<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
<div align="center">
Diwartakan The Verge, Minggu (20/5/2012), meskipun melakukan perubahan 
pada antarmuka, perusahaan yang berbasis di redmond ini tampaknya tidak 
khawatir tentang isu "learnability." Sebaliknya, Microsoft percaya 
bahwa dengan sedikit bantuan, para pengguna tidak perlu waktu lama 
menyesuaikan diri dengan sistem operasi baru.
<div>
</body>
</html>

4. Rata Kanan Kiri (justify)

<html>
<head>
<title> Belajar HTML </title>
</head>
<body>
<div align="justify">
"Kami akan membantu orang melangkah dengan tepat. Dan kami yakin 
mereka akan cepat menemukan paradigma baru untuk menjadi kebiasaan 
kedua," tulis Microsoft dalam blognya. Sementara itu, Microsoft 
juga mengakui ada beberapa masalah kegunaan dengan gerakan tertentu 
di Consumer Preview. Mereka berpendapat, hal tersebut bukan masalah 
mengenai kebiasaan baru yang harus dibangun penggunanya, tetapi 
memang disebabkan keadaan awal sistem operasi tersebut.
<div>
</body>
</html>

Categories: HTML, Tutorial

One Response so far.

  1. sowan says:

    Belajar HTML

    luar biasa




× 5 = 5