Keterangan
HTML
tag mendefinisikan paragraf teks
Contoh
HTML p Tag
This paragraph is defined using the HTML p tag
Ini akan menghasilkan hasil berikut -
Atribut Global
Tag ini mendukung semua atribut global yang dijelaskan dalam − Referensi Atribut HTML
Atribut Spesifik
HTML
tag juga mendukung atribut tambahan berikut −
AttributeValueDescriptionalignleft
Baik
tengah
justify Menentukan perataan teks dalam paragraf
Atribut Acara
Tag ini mendukung semua atribut acara yang dijelaskan dalam − Referensi Acara HTML
Dukungan Peramban
ChromeFirefoxIEOperaSafariAndroidYesYesYesYesYesYes
tag mendefinisikan paragraf teks. Ini adalah elemen level blok dan selalu dimulai pada baris baru. Sebelum dan sesudah setiap paragraf, browser menambahkan margin secara otomatis. Anda dapat mengubah margin menggunakan properti margin CSS
Jika Anda hanya perlu memindahkan teks ke baris baru gunakan
menandai
Itu
tag datang berpasangan. Isinya ditulis di antara pembukaan (
) dan penutup (
) tag. Jika tag penutup dihilangkan, akhir paragraf dianggap cocok dengan awal elemen tingkat blok berikutnya
Ruang antara bukaan
tag dan kontennya diabaikan oleh browser. Untuk menyetel indentasi, gunakan properti indentasi teks CSS
Itu
tag tidak boleh berisi tabel dan elemen tingkat blok lainnya
Title of the document
This is a paragraph
_
Untuk meratakan teks dalam paragraf, alih-alih atribut perataan usang, gunakan properti perataan teks CSS
Elemen HTML
Paragraf adalah elemen tingkat blok, dan secara khusus akan ditutup secara otomatis jika elemen tingkat blok lainnya diuraikan sebelum tag
penutup. Lihat "Penghilangan tag" di bawah
Kategori konten, konten yang gamblang. Konten yang diizinkan. Penghilangan tag Tag awal diperlukan. The end tag may be omitted if the
<p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
0, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
1, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
2, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
3, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
4, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
5, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
6, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
7, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
8, <p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
9, p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
0, p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
1, p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
2, p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
3, p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
4, p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
5 . Orang tua yang diizinkan Elemen apa pun yang menerima. Peran ARIA implisitPeran ARIA yang diizinkanantarmuka AnyDOMdocument.querySelector('button').addEventListener('click', (event) => {
document.querySelectorAll('p').forEach((paragraph) => {
paragraph.classList.toggle('pilcrow');
});
[event.target.innerText, event.target.dataset.toggleText] =
[event.target.dataset.toggleText, event.target.innerText];
});
4Elemen ini hanya mencakup atribut global
Catatan. Atribut
document.querySelector('button').addEventListener('click', (event) => {
document.querySelectorAll('p').forEach((paragraph) => {
paragraph.classList.toggle('pilcrow');
});
[event.target.innerText, event.target.dataset.toggleText] =
[event.target.dataset.toggleText, event.target.innerText];
});
5 pada tag <p>
This is the first paragraph of text. This is the first paragraph of text. This
is the first paragraph of text. This is the first paragraph of text.
p>
<p>
This is the second paragraph. This is the second paragraph. This is the second
paragraph. This is the second paragraph.
p>
Secara default, browser memisahkan paragraf dengan satu baris kosong. Metode pemisahan alternatif, seperti indentasi baris pertama, dapat dicapai dengan CSS
<p>Separating paragraphs with blank lines is easiest
for readers to scan, but they can also be separated
by indenting their first lines. This is often used
to take up less space, such as to save paper in print.p>
<p>Writing that is intended to be edited, such as school
papers and rough drafts, uses both blank lines and
indentation for separation. In finished works, combining
both is considered redundant and amateurish.p>
<p>In very old writing, paragraphs were separated with a
special character: ¶, the <i>pilcrowi>. Nowadays, this
is considered claustrophobic and hard to read.p>
<p>How hard to read? See for yourself:
<button data-toggle-text="Oh no! Switch back!">Use pilcrow for paragraphsbutton>
p>
p {
margin: 0;
text-indent: 3ch;
}
p.pilcrow {
text-indent: 0;
display: inline;
}
p.pilcrow + p.pilcrow::before {
content: " ¶ ";
}
document.querySelector('button').addEventListener('click', (event) => {
document.querySelectorAll('p').forEach((paragraph) => {
paragraph.classList.toggle('pilcrow');
});
[event.target.innerText, event.target.dataset.toggleText] =
[event.target.dataset.toggleText, event.target.innerText];
});
Memecah konten menjadi paragraf membantu membuat halaman lebih mudah diakses. Pembaca layar dan teknologi bantuan lainnya menyediakan pintasan untuk memungkinkan penggunanya melompat ke paragraf berikutnya atau sebelumnya, membiarkan mereka membaca sepintas konten seperti bagaimana ruang kosong memungkinkan pengguna visual melompat-lompat
Menggunakan elemen
Bagaimana cara menemukan nilai tag P?
jQuery – Cara mendapatkan nilai tag atau konten elemen .
Pilih nama tag 'p' dan tampilkan nilai tagnya. $('p'). html();
Pilih elemen yang memiliki nama kelas "class1" dan tampilkan nilainya. Terlepas dari nama tagnya. $('. .
Pilih elemen yang memiliki id "id1" dan tampilkan nilainya. Terlepas dari nama tagnya
Bagaimana cara mendapatkan nilai dari tag HTML?
Properti Nilai Teks Input .
Mengubah nilai bidang teks. getElementById("Teksku"). .
Dapatkan nilai bidang teks. getElementById("Teksku"). .
Daftar dropdown dalam formulir. var mylist = dokumen. .
Daftar dropdown lainnya. var no = dokumen. .
Contoh yang menunjukkan perbedaan antara properti defaultValue dan value
Bagaimana cara menampilkan nilai dalam tag p menggunakan JavaScript?
Ubah konten tag .
Elemen paragraf pertama halaman.
document. getElementById("para"). innerHTML = "Updated value of first paragraph ";.
Bagaimana Anda menggunakan tag P dalam HTML?
Definisi dan Penggunaan. Tag . Browser secara otomatis menambahkan satu baris kosong sebelum dan sesudah setiap elemen
