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