Tag HTML <p>
Contoh
Sebuah paragraf ditandai sebagai berikut:
<p>This is some text in a paragraph.</p>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Tag <p>
mendefinisikan sebuah paragraf.
Browser secara otomatis menambahkan satu baris kosong sebelum dan sesudah setiap <p>
elemen.
Tip: Gunakan CSS untuk menata paragraf .
Dukungan Peramban
Element | |||||
---|---|---|---|---|---|
<p> | Yes | Yes | Yes | Yes | Yes |
Atribut Global
Tag <p>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <p>
juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Meratakan teks dalam paragraf (dengan CSS):
<p style="text-align:right">This is some text in a paragraph.</p>
Contoh
Gaya paragraf dengan CSS:
<html>
<head>
<style>
p {
color: navy;
text-indent: 30px;
text-transform: uppercase;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.</p>
</body>
</html>
Contoh
Lebih lanjut tentang paragraf:
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
Contoh
Masalah puisi dalam HTML:
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My
Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Halaman Terkait
Tutorial HTML: Paragraf HTML
Referensi HTML DOM: Objek Paragraf
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <p>
elemen dengan nilai default berikut:
Contoh
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}