Pengaturan Letak Paragraf Text Align html
Minggu, 31 Oktober 2010 Label: Pemrograman HTML 0 komentarPengaturan tata letak paragraf atau bisa juga disebut text alignment. dalam membuat dokumen HTML, kita dapat menentukan letak dari teks atau gambar yang terdapat pada halaman web.
Apakah ingin rata kiri, rata kanan, rata kanan-kiri ataukah berada di tengah-tengah layar/ halama. Untuk melakukannya hal ini, kita dapat mengisi atribut ALIGN dengan nilai-nilai berikut:
Nilai Atribut Align | Keterangan |
---|---|
Left | Letak paragraf teks di kiri |
Right | Letak paragraf teks di kanan |
Justify | Letak paragraf teks rata kanan kiri |
Center | Letak paragraf teks di tengah |
Atribut ALIGN dapat disisipkan ke dalam ke tag-tag yang akan diatur posisi teksnya. Sebagai contoh, ALIGN dapat disisipkan ke dalam tag <h>, yang berarti bahwa kita akan mengatur posisi dari suatu judul. Begitu juga jika ingin mengatur posisi teks paragraf maka kita perlu menyisipkan atribut ALIGN ke dalam tag <p>.
Gimana bingung tidak dalam mengatur letak paragraf text alignnya . . . . Supaya tidak bingung, langsung saya paktekkan saja ya , , , ,
<html>
<head>
<title>Text Aligment</title>
</head>
<body>
<body>
<h3 align="center">Demo Text Alignment</h3>
<p>Ini adalah teks yang secara default akan dianggap sebagai rata kiri. Mengapa demikian?? Karena HTML akan menganggap nilai atribut ALIGN yang tidak dituliskan secara eksplisit dengan nilai LEFT.</p>
<p align="right">Ini adalah teks yang diatur dengan format rata kanan. Teks seperti ini jarang digunakan atau jarang dijumpai dalam dokumen-dokumen HTML.</p>
<p align="justify">Ini adalah teks yang diatur dengan format rata kanan-kiri, yaitu dengan memasukkan nilai JUSTIFY pada atribut ALIGN. Teks dengan format seperti ini cocok sekali digunakan untuk dokumen HTML yang sifatnya formal.</p>
<p align="center">Ini adalah teks yang diatur dengan format CENTER. Dengan memilih format ini, teks akan berada tepat di tengah-tengah layar browser (secara horisontal).</p>
</body>
</html>
Nah, itu tadi praktek menulis di laman HTML dengan pengaturan letak atau paragraf Test Align. Untuk Hasil dari penulisan di atas seperti ini.
0 komentar: to “ Pengaturan Letak Paragraf Text Align html ” so far...
Posting Komentar