ย่อหน้า HTML
ย่อหน้าจะขึ้นบรรทัดใหม่เสมอ และมักจะเป็นกลุ่มข้อความ
ย่อหน้า HTML
องค์ประกอบ HTML <p>
กำหนดย่อหน้า
ย่อหน้าขึ้นบรรทัดใหม่เสมอ และเบราว์เซอร์จะเพิ่มช่องว่าง (ระยะขอบ) ก่อนและหลังย่อหน้าโดยอัตโนมัติ
ตัวอย่าง
<p>This is a paragraph.</p>
<p>This is another paragraph.</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
แท็ ก<hr>
กำหนดการแบ่งเฉพาะหน้าในหน้า HTML และส่วนใหญ่มักจะแสดงเป็นกฎแนวนอน
องค์ประกอบ<hr>
นี้ใช้เพื่อแยกเนื้อหา (หรือกำหนดการเปลี่ยนแปลง) ในหน้า HTML:
ตัวอย่าง
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
แท็ ก<hr>
เป็นแท็กว่าง ซึ่งหมายความว่าไม่มีแท็กปิดท้าย
ตัวแบ่งบรรทัด HTML
องค์ประกอบ HTML <br>
กำหนดตัวแบ่งบรรทัด
ใช้<br>
ถ้าคุณต้องการขึ้นบรรทัดใหม่ (ขึ้นบรรทัดใหม่) โดยไม่ต้องเริ่มย่อหน้าใหม่:
ตัวอย่าง
<p>This is<br>a paragraph<br>with line breaks.</p>
แท็ ก<br>
เป็นแท็กว่าง ซึ่งหมายความว่าไม่มีแท็กปิดท้าย
ปัญหาบทกวี
บทกวีนี้จะแสดงเป็นบรรทัดเดียว:
ตัวอย่าง
<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> Element
องค์ประกอบ 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>
แบบฝึกหัด HTML
การอ้างอิงแท็ก HTML
การอ้างอิงแท็กของ W3Schools มีข้อมูลเพิ่มเติมเกี่ยวกับองค์ประกอบ HTML และแอตทริบิวต์
Tag | Description |
---|---|
<p> | Defines a paragraph |
<hr> | Defines a thematic change in the content |
<br> | Inserts a single line break |
<pre> | Defines pre-formatted text |
สำหรับรายการแท็ก HTML ทั้งหมดที่มีอยู่ โปรดไปที่การอ้างอิงแท็ก HTMLของ เรา