Upload
nattipong-siangyen
View
48
Download
0
Embed Size (px)
Citation preview
การจดัวางเนื้อหาในหน้า
เวบ็เรยีบเรยีงโดย ชายดำาคอมพวิเตอร์
การตัดคำาขึน้บรรทัดใหม ่<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!?