Tanda <p> HTML

Definisi dan penggunaan

<p> tanda ini menentukan paragraf.

Peramban akan mengatur secara otomatis di setiap <p> Tambahkan sebuah baris kosong sebelum dan setelah elemen.

Petikan:Gunakan CSS Tata gaya paragraf.

Lihat juga:

Panduan HTML:Paragraf HTML

Panduan HTML DOM:Objek Paragraf

Contoh

Contoh 1

Tandai paragraf seperti ini:

<p>Ini adalah beberapa teks di dalam paragraf.</p>

Cuba Sendiri

Contoh 2

Lihat untuk menata pengecualian teks di dalam paragraf (gunakan CSS):

<p style="text-align:right">Ini adalah beberapa teks di dalam paragraf.</p>

Cuba Sendiri

Contoh 3

Menggunakan CSS untuk menata gaya paragraf:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>China, secara rasminya Republik Rakyat China (RRC), adalah negara di Asia Timur. Ia adalah negara yang paling ramai di dunia, dengan populasi melebihi 1.4 bilion. China menempati kira-kira lima zon waktu dan berbatasan dengan tujuh belas negara darat. Dengan luas sekitar 9.6 juta kilometer persegi (3,700,000 mil persegi), ia adalah negara ketiga terbesar dalam luas tanah keseluruhan. Negara ini dibagi menjadi 22 propinsi, lima wilayah otonomi, empat daerah pentadbiran kota, dan dua wilayah khas otonomi. Beijing adalah ibu negara, sementara Shanghai adalah kota yang paling ramai dan pusat keuangan terbesar.</p>
</body>
</html>

Cuba Sendiri

Contoh 4

Lebih banyak paragraf:

<p>
dalam kod sumber.
Paragraf ini
berisi banyak baris.
Tetapi pereka
Lupakan ia.
</p>

Cuba Sendiri

Contoh 5

Masalah puisi dalam HTML:

<p>
　　Mengucapkan penghujung di antara awan putih.
　　Pergi ke Jingling dalam sehari.
　　Suara monyet di pinggir sungai tak berhenti.
　　L扁 kualan sudah lewat ribuan bukit.
</p>

Cuba Sendiri

Atribut Global

<p> Tanda masih mendukung Atribut Global dalam HTML.

Atribut Acara

<p> Tanda masih mendukung Atribut Acara dalam HTML.

Pengaturan CSS Lalai

Buku lama kebanyakan pereka akan digunakan untuk nilai lalai berikut: <p> Elemen:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Cuba Sendiri

Dukungan Pemetaan Peramban

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan