บทที่ 6 HTML Paragraphs

    เอกสาร HTML จะถูกแบ่งออกเป็นส่วน ๆ ตาม Paragraph ซึ่งเราจะกำหนด paragraph ให้กับเอกสาร HTML ได้โดยใช้ <p> tag ตัวอย่าง เช่น

<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ

*** จะสังเกตว่า Browser จะมีการเว้นบรรทัดโดยอัโนมัติ เมื่อเจอ Tag <p> ซึ่งTag <p> นี้จะใช้เมื่อมีการขึ้นต้นย่อหน้า หรือ เริ่ม paragraph ใหม่
และสิ่งสำคัญของการเขียนโค๊ดคือ เราต้องไม่ลืมใส่ Tag ปิด เช่น Tag <p> ก็ต้องปิดด้วย </p> เสมอ เพราะถ้าเราไม่ปิด Tag การแสดงผลบน Browser อาจเกิดการ Error ได้

   การขึ้นบรรทัดใหม่ของ HTML
เราจะต้องใช้ <br> tag เมื่อเราต้องการเว้นบรรทัดใหม่ โดยที่แท็กนี้จะต้องปิดในตัวมันเองเพราะว่ามันเป็นแท็กว่าง และเราจะใช้กี่ครั้งก็ได้ เช่น

<html>
<body>

<p>This is<br>a para<br>graph with line breaks</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ

***<br> หรือ <br /> นั้นก็ให้ผลเหมือนกันก็ตาม แต่ในอนาคต HTML จะไม่ยอมให้เราใช้ <br> แล้วเพราะมันเป็นข้อกำหนดว่าทุกแท็กจะต้องมีการปิดแท็กด้วย ซึ่งการใช้งานที่เหมาะสมที่สุดและให้รองรับเวอร์ชันในอนาคตเราควรจะใช้ <br /> แทนเลย

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถาม Code php เรื่องการโพสรูปน่ะครับ
โดย kingkong27 พ 28 ก.ค. 2010 12:39 pm บอร์ด Programming - PHP
3
1855
ศ 30 ก.ค. 2010 1:55 am โดย imsn View Topic สอบถาม Code php เรื่องการโพสรูปน่ะครับ
Designbkkhost, โดเมน, โฮสติ้ง, domain, hosting, reseller, จดโดเมน, เช่าโฮส, ราคา
โดย idezmax พฤ 29 ก.ค. 2010 3:32 am บอร์ด Web Hosting Review - Free Host Share Host VPS
0
1684
พฤ 29 ก.ค. 2010 3:32 am โดย idezmax View Topic Designbkkhost, โดเมน, โฮสติ้ง, domain, hosting, reseller, จดโดเมน, เช่าโฮส, ราคา
จะ redirect ไปที่หน้า index โดยมีชื่อที่ล็อกอินด้วย...
โดย Anonymous พ 28 ก.ค. 2010 2:15 pm บอร์ด Programming - PHP
1
1356
พฤ 29 ก.ค. 2010 12:21 am โดย mindphp View Topic จะ redirect ไปที่หน้า index โดยมีชื่อที่ล็อกอินด้วย...
ถามเรื่องการควบคุมภาวะพร้อมกัน....โดยไม่ใช้การ lock
โดย Anonymous พ 28 ก.ค. 2010 2:50 pm บอร์ด Programming - PHP
4
1205
ศ 30 ก.ค. 2010 2:35 pm โดย mindphp View Topic ถามเรื่องการควบคุมภาวะพร้อมกัน....โดยไม่ใช้การ lock
background นิ่ง ๆ ในแบบนี้ทำยังไงครับ รบกวนด้วยนะคร้าบบบบบ
โดย imjp27 ส 24 ก.ค. 2010 10:08 am บอร์ด HTML CSS
2
3006
พ 28 ก.ค. 2010 12:35 pm โดย imjp27 View Topic background นิ่ง ๆ ในแบบนี้ทำยังไงครับ รบกวนด้วยนะคร้าบบบบบ
Javascript เปิดหน้าใหม่ แบบ popup พร้อมทั้งใส่ properties ให้ windown ใหม่
โดย mindphp พ 28 ก.ค. 2010 3:30 am บอร์ด AJAX Javascript Library - jQuery
0
7289
พ 28 ก.ค. 2010 3:30 am โดย mindphp View Topic Javascript เปิดหน้าใหม่ แบบ popup พร้อมทั้งใส่ properties ให้ windown ใหม่
อยากรู้วิธีเขียนโค๊ด php เชื่อมฐานข้อมูล database ใน sql2005 ครับ
โดย dusittorn อ 27 ก.ค. 2010 5:01 pm บอร์ด SQL - Database
1
5173
อ 27 ก.ค. 2010 5:15 pm โดย mindphp View Topic อยากรู้วิธีเขียนโค๊ด php เชื่อมฐานข้อมูล database ใน sql2005 ครับ
ปัญหา DROP DATABASE
โดย mindphp อ 27 ก.ค. 2010 3:36 pm บอร์ด SQL - Database
0
1862
อ 27 ก.ค. 2010 3:36 pm โดย mindphp View Topic ปัญหา   DROP DATABASE