HTML สามารถแบ่งเอกสารออกเป็นหลายย่อหน้า แท็กย่อหน้า <p> สามารถใช้ใน HTML เพื่อแบ่งเนื้อหาของเอกสารออกเป็นหลายย่อหน้า รูปแบบไวยากรณ์มีดังนี้:
<p>ย่อหน้าเนื้อหา </p>
แท็กย่อหน้าประกอบด้วยแท็กเริ่มต้น <p> และแท็กปิด </p> เนื้อหาระหว่างแท็กเริ่มต้นและแท็กปิดจะถือเป็นย่อหน้า แท็กย่อหน้าเป็นแท็กพื้นฐานที่เราใช้เมื่อเผยแพร่บทความบนเว็บ
ส่วน:
1. ย่อหน้า HTML ถูกกำหนดผ่านแท็ก <p>
หมายเหตุ: เบราว์เซอร์จะเพิ่มบรรทัดว่างก่อนและหลังย่อหน้าโดยอัตโนมัติ (</p> เป็นองค์ประกอบระดับบล็อก)
2. อย่าลืมแท็กปิด
แม้ว่าคุณจะลืมใช้แท็กปิด เบราว์เซอร์ส่วนใหญ่จะแสดง HTML อย่างถูกต้อง:
<p>นี่คือย่อหน้า<p>นี่คืออีกย่อหน้าหนึ่ง
ผลการวิ่งแสดงในรูปด้านล่าง:
ตัวอย่างข้างต้นจะทำงานได้ดีในเบราว์เซอร์ส่วนใหญ่ แต่อย่าพึ่งวิธีนี้ การลืมใช้แท็กปิดอาจทำให้เกิดผลลัพธ์และข้อผิดพลาดที่ไม่คาดคิดได้
หมายเหตุ: ใน HTML เวอร์ชันอนาคต จะไม่อนุญาตให้ละเว้นแท็กปิด
3. การตัดบรรทัด HTML
หากคุณต้องการตัด (บรรทัดใหม่) โดยไม่ต้องสร้างย่อหน้าใหม่ ให้ใช้แท็ก <br>:
ตัวอย่าง:
<p><br>ย่อหน้านี้<br>แสดงให้เห็นถึงผลกระทบของการแยกส่วน</p>
ผลการวิ่งแสดงในรูปด้านล่าง:
องค์ประกอบ <br /> เป็นองค์ประกอบ HTML ที่ว่างเปล่า เนื่องจากแท็กปิดไม่สมเหตุสมผล จึงไม่มีแท็กปิด
4. เอาต์พุต HTML - ใช้การแจ้งเตือน
เราไม่สามารถระบุผลกระทบที่แน่นอนของ HTML ที่แสดงได้ ขนาดของหน้าจอและการปรับหน้าต่างอาจทำให้ได้ผลลัพธ์ที่แตกต่างกัน
ด้วย HTML คุณไม่สามารถเปลี่ยนผลลัพธ์โดยการเพิ่มช่องว่างเพิ่มเติมหรือตัวแบ่งบรรทัดให้กับโค้ด HTML
เมื่อแสดงเพจ เบราว์เซอร์จะลบช่องว่างเพิ่มเติมและบรรทัดว่างออกจากซอร์สโค้ด ช่องว่างที่ต่อเนื่องกันหรือบรรทัดว่างทั้งหมดจะนับเป็นช่องว่างเดียว โปรดทราบว่าบรรทัดว่างที่ต่อเนื่องกัน (บรรทัดใหม่) ในโค้ด HTML จะแสดงเป็นช่องว่างด้วย
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>เครือข่ายภาษา C (dotcpp.com)</title></head><body><h1>春晓</h1><p> เมื่อฉันนอนในฤดูใบไม้ผลิ ฉันไม่เห็นรุ่งอรุณ <p>ฉันได้ยินเสียงนกร้องทุกที่ <p>เสียงลมฝนมาในเวลากลางคืน <p>ดอกไม้ร่วงหล่นไปกี่ดอก <p></p><p>โปรดทราบว่าเบราว์เซอร์จะละเว้นการพิมพ์ในซอร์สโค้ด (เว้นวรรคและตัวแบ่งบรรทัดที่ไม่เกี่ยวข้อง) </p></body></html>
ผลการวิ่งแสดงในรูปด้านล่าง:
5. ช่องว่างในย่อหน้า
ตามค่าเริ่มต้น แท็กย่อหน้าจะรวมอักขระช่องว่างในข้อความและแสดงอักขระช่องว่างหลายตัวติดต่อกันเป็นช่องว่างเดียว ประสิทธิภาพการทำงานเฉพาะมีดังนี้:
(1) หากมีช่องว่างติดต่อกันหลายช่องปรากฏในย่อหน้า เบราว์เซอร์จะเพิกเฉยต่อช่องว่างเหล่านี้และคงไว้เพียงช่องเดียว
(2) หากมีการขึ้นบรรทัดใหม่ติดต่อกันหลายบรรทัดในย่อหน้า เบราว์เซอร์จะแปลงการขึ้นบรรทัดเหล่านี้เป็นการเว้นวรรค
การแสดงตัวอย่าง:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>เครือข่ายภาษา C (dotcpp.com)</title></head><body><p>เครือข่ายภาษา C (dotcpp.com) , เว็บไซต์เขียนโปรแกรมการเรียนรู้ออนไลน์ URL: <ahref=https://www.dotcpp.com/target=_blank>https://www.dotcpp.com/</a></p><p>ภาษา C ขณะนี้เว็บไซต์ได้เปิดตัวบทช่วยสอนสำหรับโมดูลเกือบ <b>15</b> รวมถึง HTML, ภาษา C, C++, JavaScript และโมดูลอื่นๆ คุณสามารถ <ahref=https://www.dotcpp.com/course/target= _blank >คลิกที่นี่</a>เพื่อดูบทช่วยสอนทั้งหมด </p><p>จุดประสงค์ของเรา: เว็บไซต์ที่ช่วยให้ทุกคนเรียนรู้การเขียนโปรแกรมในลักษณะที่ติดดิน </p></body></html>
ผลการวิ่งแสดงในรูปด้านล่าง:
