HTML แบบฟอร์ม <p>

คำนำออกและการใช้งาน

<p> แทรกต่อหน้า

เว็บเบราเซอร์จะทำงานโดยอัตโนมัติในแต่ละ <p> เพิ่มช่องว่างหน้าต่อหน้าและหลังวิธี

คำเตือน:ใช้ CSS ตั้งค่ารูปแบบย่อหน้า

ดูเพิ่มเติมที่

การเรียนรู้ HTMLHTML ตัวอักษร

คู่มืออ้างอิง DOM HTMLObject Paragraph

ตัวอย่าง

ตัวอย่าง 1

จัดตั้งย่อหน้าเช่นนี้

<p>นี่คือข้อความบางส่วนในย่อหน้า</p>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

จัดตั้งการปรับเรียงข้อความในย่อหน้า (ใช้ CSS)

<p style="text-align:right">นี่คือข้อความบางส่วนในย่อหน้า</p>

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ตั้งค่ารูปแบบย่อหน้าด้วย CSS

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>ประเทศจีน ที่รู้จักกันทางการเรียกว่าสาธารณรัฐประชาชนจีน (PRC) เป็นประเทศที่ตั้งอยู่ทางตะวันออกเฉียงเหนือของเอเชีย มีประชากรมากเป็นอันดับสองของโลก จำนวนประชากรเกิน 1.4 พันล้านคน ประเทศจีนครอบคลุมเท่ากับห้าโซนเวลาและมีชายแดนติดกับประเทศสิบสี่อย่างด้วยทางบก มีพื้นที่รวมเกือบ 9.6 ล้านตารางกิโลเมตร (3,700,000 ตารางไมล์) มีขนาดใหญ่เป็นอันดับที่สามของโลก ประเทศถูกแบ่งออกเป็น 22 จังหวัด ห้าเขตการปกครองตนเอง สี่นคร และสองเขตการปกครองพิเศษที่มีอำนาจหน้าที่ส่วนบุคคล กรุงปักกิ่งเป็นเมืองหลวงของประเทศ ในขณะที่เมืองชางไห้ เป็นเมืองที่มีประชากรมากที่สุดและเป็นศูนย์กลางการเงินที่ใหญ่ที่สุด</p>
</body>
</html>

ทดลองด้วยตัวเอง

ตัวอย่าง 4

บทความเพิ่มเติม:

<p>
ในรหัสต้นฉบับ
บทความนี้
มีบรรยายที่ยาว
แต่เบราเซอร์
ละเลยมัน
</p>

ทดลองด้วยตัวเอง

ตัวอย่าง 5

ปัญหาเพลงใน HTML

<p>
  ข้ามฝั่งบิวั่นแบบแสงเมฆ
  แม่น้ำจี้มากว่าหมื่นหลายไมล์กลับบ้านในวันเดียว
  ต้นต้นหมาปะหลวงแล้วไม่หยุด
  เรือข้ามแม่น้ำแล้วเสร็จหลายทวนภายหลัง
</p>

ทดลองด้วยตัวเอง

ตัวแปรทั่วไป

<p> แทนที่จะใช้ ตัวแปรทั่วไปใน HTML

ตัวแปรเหตุการณ์

<p> แทนที่จะใช้ ตัวแปรเหตุการณ์ใน HTML

การตั้งค่า CSS ปกติ

โปรแกรมแบบแบบฉบับจะใช้ค่าเริ่มต้นดังนี้แสดง <p> องค์ประกอบ:

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

ทดลองด้วยตัวเอง

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน