เอกสาร HTML จะแบ่งออกเป็นวรรค
HTML ย่อหน้า
ใช้ HTML <p> องค์ประกอบที่กำหนดย่อหน้า
เบราว์เซอร์โดยอัตโนมัติเพิ่มพื้นที่สีขาวบางก่อนและหลังย่อหน้า
การแสดงผล HTML
คุณไม่สามารถมั่นใจได้ว่า HTML จะปรากฏ
หน้าจอขนาดใหญ่หรือขนาดเล็กและหน้าต่างปรับขนาดจะสร้างผลงานที่แตกต่างกัน
กับ HTML คุณไม่สามารถเปลี่ยนการส่งออกโดยการเพิ่มช่องว่างพิเศษหรือสายพิเศษในรหัส HTML
เบราว์เซอร์จะลบช่องว่างพิเศษและสายพิเศษเมื่อเพจที่จะแสดง
จำนวนของช่องว่างใด ๆ และจำนวนบรรทัดใหม่ ๆ นับเป็นเพียงหนึ่งในพื้นที่
ตัวอย่าง
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p> ลองตัวเอง» อย่าลืมแท็กสิ้นสุด
เบราว์เซอร์ส่วนใหญ่จะแสดง HTML ได้อย่างถูกต้องแม้ว่าคุณจะลืมแท็กสิ้นสุด:
ตัวอย่างข้างต้นจะทำงานในเบราว์เซอร์ส่วนใหญ่ แต่ไม่ต้องพึ่งพามัน
ลืมแท็กสิ้นสุดสามารถก่อให้เกิดผลที่ไม่คาดคิดหรือข้อผิดพลาด
รุ่นที่เข้มงวดของ HTML, XHTML เช่นไม่อนุญาตให้คุณสามารถข้ามแท็กสิ้นสุด
แบ่งบรรทัด HTML
ใช้ HTML <br> องค์ประกอบกำหนดเส้นแบ่ง
ใช้ <br> ถ้าคุณต้องการแบ่งบรรทัด (a new line) โดยไม่ต้องเริ่มย่อหน้าใหม่:
<br> องค์ประกอบคือองค์ประกอบ HTML ที่ว่างเปล่า มันไม่มีแท็กปิด
บทกวีปัญหา
กลอนบทนี้จะแสดงเป็นหนึ่งบรรทัด:
ตัวอย่าง
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p> ลองตัวเอง» ใช้ HTML <pre> ธาตุ
ใช้ HTML <pre> องค์ประกอบกำหนดข้อความที่จัดรูปแบบ
ข้อความภายใน <pre> องค์ประกอบที่จะปรากฏในตัวอักษรความกว้างคงที่ (มักจะ Courier) และมันจะเก็บรักษาทั้งช่องว่างและการขึ้นบรรทัดใหม่:
ตัวอย่าง
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre> ลองตัวเอง» ทดสอบตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»
อ้างอิงแท็ก HTML
w3ii' อ้างอิงแท็กมีข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบ HTML และคุณลักษณะของพวกเขา
| แท็ก | ลักษณะ |
|---|---|
| <p> | กำหนดย่อหน้า |
| <br> | แทรกตัวแบ่งบรรทัดเดียว |
| <pre> | กำหนดก่อนจัดรูปแบบข้อความ |