ว่าด้วยเรื่องทำเว็บไซต์ภาษาHTML

1. Orjix
www.RongRean.com
หลักสูตร สร้างเว็บด้วย HTML: Session ที่ 1 ตอนที่ 3

2. การตัดคาขึ้นบรรทัดใหม่ <br>
<p>test test
this is some text<br> hello
html is <br>fun. 
</p>
การตัดคาขึ้นย่อหน้าใหม่ <p>
<p> this is 1 paragrapg<br>
and the next one is…
</p>
<p>this is 2 paragraph</p>
www.rongrean.com Orjix

3. จัดวางตาแหน่งข้อความในย่อหน้า
<p align=“center”>center</p>
<p align=“right”>right</p>
จัดวางตาแหน่งให้อยู่กึ่งกลางด้วย <center>
<center>how to use<br>
center tag.
</center>
<center>
<p> nested with other tag</p>
</center>
www.rongrean.com Orjix

4. จัดรูปแบบเอกสารตามที่กาหนด <pre>
<pre>
hello this
is pre-tag.
<pre>
สร้างเส้นคั่นในแนวนอน <hr>
<p>
this is upper-part
<hr>
this is lower-part
</p>
www.rongrean.com Orjix

5. สร้างเส้นคั่นในแนวนอน <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”)
www.rongrean.com Orjix
left center right

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