Html menyediakan tag yang dapat membuat paragraf, agar
penyajian suatu teks dalam website terlihat lebih rapih. Biasanya tag paragraf digunakan pada
penyajian artikel seperti berita. Tag paragraf di definisikan dengan <p> dan merupakan tag yang memiliki tutup tag / tag akhir.
Contoh : paragraf.html
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<p>
Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt
ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</p>
<p>
Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt
ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</p>
</body>
</html>
Hasil keluaran :
Penjelasan : Tag paragraf <p>
membuat suatu elemen memiliki jarak yang cukup jauh, berbeda dengan <br>
yang hanya membuat baris baru. Pada tag paragraf <p> kita dapat mengatur
posisi perataan teks. Teks dapat di atur memiliki rata kanan, kiri, atau tengah
dengan menggunakan attribute align.
Contoh : paragraf_align.html
<html>
<head>
<title>Paragraf
align</title>
</head>
<body>
<p
align="left">
Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt
ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</p>
<p
align="center">
Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt
ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
</p>
<p
align="right">
Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt
ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat.
</p>
</body>
</html>
Hasil keluaran browser :
Tidak ada komentar:
Posting Komentar