Orjix

www.RongRean.com

หลั�กสู�ตร สูรางเว็�บด้ว็ย HTML: Session ที่�� 1 ตอนที่�� 3การจั�ด้ว็างเน��อหาในหนาเว็�บ

Orjix

การต�ด้คำ�าขึ้��นบรรที่�ด้ใหม่! <br><p>test testthis is some text<br> hellohtml 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

จั�ด้ว็างต�าแหน!งขึ้อคำว็าม่ในย!อหนา<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

จั�ด้ร�ปแบบเอกสูารตาม่ที่��ก�าหนด้ <pre><pre>

hello thisis pre-tag.<pre>

สูรางเสูนคำ��นในแนว็นอน <hr><p>

this is upper-part<hr>

this is lower-part

</p>

www.rongrean.com

Orjix

สูรางเสูนคำ��นในแนว็นอน <hr> : attribute ต่�างๆ ของ<hr> ได้แก่�

Width : ก่ าหนด้ความยาวของ pixel ม�หน�วยเป็�น pixelex : ให width เท่�าก่�บ 20px (width=“20px”)

Size : ก่ าหนด้ความหนาของเส้นค��น ม�หน�วยเป็�น pixelex : ให size เท่�าก่�บ 10px (size=“10px”)

Noshade : ก่ าหนด้ใหเป็�นเส้นค��นส้�เด้�ยวท่��งเส้นex : ก่ าหนด้ attribute noshade

ใหก่�บ <hr>(<hr noshade>) Align : ก่ าหนด้ต่ าแหน�งของเส้นค��น ค�าท่��เป็�นได้ค�อ center, left และ right

ex : ให width เท่�าก่�บ 20px (width=“20px”)

www.rongrean.com

left center right

Orjix

เพิ่%�ม่หม่ายเหต&เต�อนคำว็าม่จั�า <!-- …text here… --><h1>header</h1><!-- this is header --><p>

how are you?<!-- this is paragraph--></p>

www.rongrean.com

No text here!?

No text here!?