Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีใช้งาน Element <p> (Paragraph) ใน HTML

เรียนรู้วิธีใช้งาน 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)