Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

บทที่ 4 การจัดวางเนื้อหา


Published on


Published in: Education
  • Login to see the comments

  • Be the first to like this

บทที่ 4 การจัดวางเนื้อหา

  1. 1. การจัดวางเนื้อหาใน หน้าเว็บ เรียบเรียงโดย ชายดาคอมพิวเตอร์
  2. 2. การตัดคาขึ้นบรรทัดใหม่ <br> <p> test test this is some text <br> hello html is <br> fun. ? </p>
  3. 3. การตัดคาขึ้นย่อหน้าใหม่ <p> <p> this is 1 paragrapg <br> and the next one is… </p> <p> this is 2 paragraph </p>
  4. 4. จัดวางตาแหน่งข้อความในย่อหน้า <p align=“center”> center </p> <p align=“right”> right </p>
  5. 5. จัดวางตาแหน่งให้อยู่กึ่งกลางด้วย <center> <center> how to use <br> center tag. </center> <center> <p> nested with other tag </p> </center>
  6. 6. จัดรูปแบบเอกสารตามที่กาหนด <pre> <pre> hello this is pre-tag. <pre>
  7. 7. สร้างเส้นคั่นในแนวนอน <hr> <p> this is upper-part <hr> this is lower-part </p>
  8. 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. 9. เพิ่มหมายเหตุเตือนความจา <!-- …text here… - -><h1> header </h1> <!-- this is header --> <p> how are you? <!-- this is paragraph--> </p> No text here!? No text here!?