- Mengatur Pemerataan Paragraf
Pemerataan tulisan sangat
mempengaruhi tampilan dari halaman web anda, ada kalanya tulisan tertentu perlu
ditampilkan pada tengah halaman, atau pun justified. Tag-tag HTML yang mengatur
pemerataan tulisan pada satu halaman:
<CENTER> </CENTER>
Tag ini akan menampilkan
tulisan/gambar ditengah baris.
<P ALIGN=LEFT|CENTER|RIGHT>
</P>
Tag paragraf digunakan untuk memulai
suatu paragraf baru disertai dengan pemerataan teks ke kiri, tengah, atau kanan
dari tampilan browser untuk paragraf bersangkutan. Suatu paragraf dapat terdiri
dari teks, gambar, hyperlink, dan element HTML lainnya.
<H# ALIGN=LEFT|CENTER|RIGHT>
</H#>
Ini akan merapikan tulisan ke kiri,
tengah atau kanan dari tulisan yang diberi tingkat heading.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title> Format Penulisan HTML</title>
</head>
<body>
<p align="justify">
World Wide Web (WWW) / Web Menggunakan HTTP (Hyper Text Transfer Protokol) sebagai protokol komunikasi dan menyampaikan informasi berbasis web kepada pemakai dalam bentuk HTML (Hyper Text Markup Language).
</p>
</body>
</html>
- Cara Membuat Garis Horizontal
Garis horizontal (horizontal line)
digunakan untuk memisahkan halaman web secara visual. Tag yang digunakan adalah
<hr>. Beberapa atributnya adalah ALIGN, SIZE, dan WIDTH. Tag hr seperti
halnya tag br (<br>) adalah tag yang beridiri sendiri. Jadi tidak perlu
ditutup dengan tag penutup.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title> Format Penulisan HTML</title>
</head>
<body>
<hr>
<br>
<hr align="left">
<hr align="left" color="red">
<hr align="left" color="blue" width="200">
<hr align="left" color="yellow" size="10" width="50">
</body>
</html>
- Penggunaan Heading
Heading adalah hal yang penting dalam
sebuah Document HTML. Heading didefinisikan dengan tag <h1> sampai dengan
<h6>. Semakin besar angka dalam penulisan tag Heading semakin kecil
ukuran yang tercetak dalam Browser.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title> Format Penulisan HTML</title>
</head>
<body>
<h1> Ini Heading 1 </h1>
<h2> Ini Heading 2 </h2>
<h3> Ini Heading 3 </h3>
<h4> Ini Heading 4 </h4>
<h5> Ini Heading 5 </h5>
<h6> Ini Heading 6 </h6>
</body>
</html>
- Membuat LIST
Agar dokumen kita mudah dibaca dan
jelas, ada bagian tertentu yang perlu ditampilkan dalam list. List yang paling
umum di Gunakan adalah Unordered List dan Ordered List :
1. Unordered
List
Unordered list ditandai
dengan tag <ul> dan setiap daftar item ditandai dengan <li>. Hasil
dari Unordered List adalah lingkarang bulat kecil.
2. Ordered
List
Ordered list dimulai dengan tag
<ol> dan setiap item daftar dimulai dengan tag <li>. Daftar item
ditandai dengan angka.
Contoh :
<!DOCTYPE html>
<html>
<head>
<title> Format Penulisan HTML</title>
</head>
<body>
<ul>
<li>Monday</li>
<li>Tuesday</li>
<li>Wednesday</li>
</ul>
<ul>
<li type="Square">Monday</li>
<li type="Disk">Tuesday</li>
<li type="Circle">Wednesday</li>
</ul>
</body>
</html>
Terimakasih
Belum ada tanggapan untuk "Mengatur Tulisan Pada Halaman HTML"
Post a Comment