ย่อหน้าข้อความ (Paragraphs)


HTML Paragraphs

HTML Tag <p> คือการระบุย่อหน้า

ตัวอย่าง

<p>This is a paragraph 1</p>
<p>This is a paragraph 2</p>
<p>This is a paragraph 3</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

การแสดงผลของ HTML

การแสดงผลของ HTML ไม่แน่นอน ขึ้นอยู่กับขนาดหน้าจอ การย่อขยายหน้าต่างก็ทำให้การแสดงผลเปลี่ยน

คุณไม่สามารถเพิ่มเว้นวรรคหรือเว้นบรรทัดด้วยการกด space bar หลายๆ ครั้ง หรือ เคาะ enter หลายๆ ครั้งได้ เพราะเบราว์เซอร์จะเอาเว้นวรรคส่วนเกินและบรรทัดส่วนเกินนี้ออกไป

ตัวอย่าง

<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

อย่าลืมปิด Tag

แม้บางครั้งการลืมปิด Tag HTML Elements ก็ยังสามารถแสดงผลได้ถูกต้อง แต่คุณก็ไม่ควรลืม เพราะส่วนใหญ่มันจะแสดงผลผิดพลาด

ตัวอย่าง

<html>
<body>
<h1>This is header
<p>This is paragraph
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

การเว้นบรรทัดใน HTML

<br> คือโค้ดเว้นบรรทัด

ใช้โค้ด <br> เมื่อต้องการขึ้นบันทัดใหม่โดยไม่ต้องขึ้นย่อหน้าใหม่

ตัวอย่าง

<p>This is<br>a paragraph<br>with line breaks.</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

ปัญหาย่อหน้าของบทกวี

บทกวีนี้จะแสดงผลในบรรทัดเดียว

ตัวอย่าง

<p>
    Hold fast to dreams
    For if dreams die
    Life is a broken-winged bird
    That cannot fly
</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HTML Element: <pre>

HTML Tag <pre> คือการระบุการจัดรูปแบบข้อความ

สิ่งที่อยู่ใน Tag <pre> การแสดงผลของข้อความจะคงที่ จะคงรูปแบบเดิมไม่ตัดเว้นวรรคส่วนเกินและการเว้นบรรทัดออก

ตัวอย่าง

<pre>
    Hold fast to dreams
    For if dreams die
    Life is a broken-winged bird
    That cannot fly
</pre>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HTML Tag

Tagอธิบาย
<p>ระบุย่อหน้า
<br>คำสั่งเว้นบรรทัด
<pre>คงรูปแบบข้อความเดิม

แสดงความคิดเห็น

0ความคิดเห็น

แสดงความคิดเห็น (0)