การจดัวางเนื้อหาในหน้า

เวบ็เรยีบเรยีงโดย ชายดำาคอมพวิเตอร์

การตัดคำาขึน้บรรทัดใหม ่<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>

จดัวางตำาแหน่งขอ้ความในยอ่หน้า

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

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

hello thisis

pre-tag.<pre>

สรา้งเสน้คัน่ในแนวนอน <hr><p>

this is upper-part

<hr>this is lower-

part</p>

สรา้งเสน้คัน่ในแนวนอน <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 และ rightex : ให้ width เท่ากับ 20px (width=“20px”)

left center right

เพิม่หมายเหตเุตือนความจำา <!-- …text here… --><h1> header </h1> <!--

this is header --><p>

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

</p>No text here!?

No text here!?