เรียนรู้วิธีใช้ HTML <p> (ย่อหน้า) องค์ประกอบ
HTML (<p> ) องค์ประกอบใช้เพื่อกำหนดองค์ประกอบย่อหน้า:
<p>Here is some text inside a paragraph element.</p>
<p> องค์ประกอบเป็นองค์ประกอบข้อความที่ใช้มากที่สุดบนเว็บ บทความนี้ที่คุณกำลังอ่านเกือบจะประกอบด้วยองค์ประกอบของย่อหน้า
<p> องค์ประกอบเป็นองค์ประกอบระดับบล็อก ซึ่งหมายความว่าตามค่าเริ่มต้น ทุกย่อหน้าที่กำหนดไว้ในเอกสารของคุณจะขึ้นบรรทัดใหม่ในเบราว์เซอร์:
<p>Here is some text inside a paragraph element.</p>
<p>Here is another text inside another paragraph element.</p>
หากคุณสลับ <p> แท็กที่มี <span> แท็ก บล็อกข้อความทั้งสองนั้นจะแสดง อินไลน์ (อยู่ติดกันแทนที่จะซ้อนกัน) เพราะ <span> เป็นองค์ประกอบแบบอินไลน์
โดยค่าเริ่มต้น องค์ประกอบย่อหน้าจะสืบทอดคุณสมบัติการจัดรูปแบบต่อไปนี้จาก User-Agent Stylesheet (ในเบราว์เซอร์ส่วนใหญ่):
p {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
สิ่งนี้บังคับให้มีการแยกบรรทัดที่ชัดเจนโดยใช้ช่องว่างด้านบนและด้านล่างที่มี margin ทรัพย์สิน
แน่นอน คุณสามารถแทนที่สไตล์เหล่านั้นได้ด้วยการนำเข้าสไตล์ชีต CSS (หรือด้วยสไตล์อินไลน์)
