การจัดวางเนื้อหาด้วยภาษา HTML

1. การจัดวางเนื้อหาในหน้าเว็บ
เรียบเรียงโดย ชายดาคอมพิวเตอร์

2. การตัดคาขึ้นบรรทัดใหม่ <br>
<p>
test test this is some text <br> hello html is <br> fun. ?
</p>

3. การตัดคาขึ้นย่อหน้าใหม่ <p>
<p>
this is 1 paragrapg <br>
and the next one is…
</p>
<p> this is 2 paragraph </p>

4. จัดวางตาแหน่งข้อความในย่อหน้า
<p align=“center”> center </p>
<p align=“right”> right </p>

5. จัดวางตาแหน่งให้อยู่กึ่งกลางด้วย <center>
<center> how to use <br>
center tag.
</center>
<center>
<p> nested with other tag </p>
</center>

6. จัดรูปแบบเอกสารตามที่กาหนด <pre>
<pre>
hello this
is pre-tag.
<pre>

7. สร้างเส้นคั่นในแนวนอน <hr>
<p>
this is upper-part
<hr>
this is lower-part
</p>

8. สร้างเส้นคั่นในแนวนอน <hr> : attribute ต่างๆ
ของ <hr>
 Width : กำหนดควำมยำวของ pixel มีหน่วยเป็น pixel
ex : ให้ width เท่ำกับ 20px (width=“20px”)
 Size : กำหนดควำมหนำของเส้นคั่น มีหน่วยเป็น pixel
ex : ให้ sizeเท่ำกับ 10px (size=“10px”)
 Noshade : กำหนดให้เป็นเส้นคั่นสีเดียวทั้งเส้น
ex : กำหนด attribute noshade ให้กับ <hr>(<hr noshade>)
 Align : กำหนดตำแหน่งของเส้นคั่น ค่ำที่เป็นได้คือ center, left และ right
ex : ให้ width เท่ำกับ 20px (width=“20px”)
left center right

9. เพิ่มหมายเหตุเตือนความจา <!-- …text here… -->
<h1> header </h1> <!-- this is header -->
<p>
how are you? <!-- this is paragraph-->
</p>
No text here!?
No text here!?