บทที่ 4 [HTML] คำสั่ง <body>

**Admin** Fri 13 May 2011, 7:44 am

หลังจากที่เราตกแต่งตัวอักษรได้แล้ว ต่อไปจะเป็นการกำหนดรูปแบบทั้งเว็บเพจ โดยใช้คำสั่ง <body> ที่เราได้ทราบกันไปใครบทที่ 1 ว่าเป็นหนึ่งแท็กพื้นฐาน

แท็ก <body> จะใช้ตกแต่งข้อมูลทั้งเว็บเพจ และหากเรานำแท็กนี้ ไปคร่อมข้อความ ก็ยังสามารถตกแต่งข้อความเฉพาะจุดได้อีก แต่คำสั่งเพิ่มเติมเกี่ยวกับพื้นหลัง ในหนึ่งเว็บเพจ สามารถกำหนดได้เพียงครั้งเดียว

คำสั่งเพิ่มเติม (Attribute) ของแท็ก <body>
bgcolor = "ffffff" กำหนดสีพื้นหลังของเว็บเพจ ต้องพิมพ์เป็นรหัสเลขฐานสิบหก ดังตัวอย่างจะให้ใช้เป็นสีขาว

background = "bg.jpg" กำหนดให้ใช้ภาพที่ชื่อ bg.jpg เป็นรูปภาพพื้นหลัง

text = "000000" กำหนดสีตัวอักษรทั้งหมดในเว็บเพจ ต้องพิมพ์เป็นรหัสเลขฐานสอบหก ยกเว้นตัวอักษรที่มีแท็ก <font> หรือ <body> คร่อมไว้อีกที อักษรที่ได้ ก็จะเป็นตามแท็กที่คร่อมไว้ใกล้ข้อความมากที่สุด

link = "000066" กำหนดสีอักษรที่มีการเชื่อมโยง ทั้งหมดในเว็บเพจ ต้องพิมพ์เป็นรหัสเลขฐานสอบหก ยกเว้นตัวอักษรที่มีแท็ก <font> หรือ <body> คร่อมไว้อีกที อักษรที่ได้ ก็จะเป็นตามแท็กที่คร่อมไว้ใกล้ข้อความมากที่สุด

alink = "000000" กำหนดสีตัวอักษรที่มีการเชื่อมโยง เมื่อนำเม้าส์ไปวางบนข้อความ ทั้งหมดในเว็บเพจ ต้องพิมพ์เป็นรหัสเลขฐานสอบหก ยกเว้นตัวอักษรที่มีแท็ก <font> หรือ <body> คร่อมไว้อีกที อักษรที่ได้ ก็จะเป็นตามแท็กที่คร่อมไว้ใกล้ข้อความมากที่สุด

vlink = "000000" กำหนดสีตัวอักษรที่มีการเชื่อมโยง เมื่อผ่านการคลิ้กมาแล้วอย่างน้อย 1 ครั้ง ทั้งหมดในเว็บเพจ ต้องพิมพ์เป็นรหัสเลขฐานสอบหก ยกเว้นตัวอักษรที่มีแท็ก <font> หรือ <body> คร่อมไว้อีกที อักษรที่ได้ ก็จะเป็นตามแท็กที่คร่อมไว้ใกล้ข้อความมากที่สุด

ตัวอย่าง ต้องการกำหนดสีพื้นหลังของเว็บให้เป็นสี 9966aa ก็จะได้คำสั่งว่า <body bgcolor="9966aa">

บทที่ 4 [HTML] คำสั่ง <body> Ex_body

การอ้างอิง
หากต้องการอ้างอิง เช่นรูปภาพ ทำการเชื่อมโยง ทำเฟรม หรืออื่นๆ ก็จำเป็นที่จะต้องอ้างอิง url ซึ่งการอ้างอิง จะมีหลักดังนี้ (ยกตัวอย่างจากคำสั่ง <body background>)

1. หากไฟล์ที่ต้องการอยู่ในโฟลเดอร์เดียวกัน ให้อ้างชื่อไฟล์ได้เลย เช่น <body background="bg.jpg">

2. หากไฟล์อยู่ในคนละโฟลเดอร์ หากจำเป็นต้องเข้าโฟลเดอร์ ให้เติมชื่อโฟลเดอร์ที่ต้องการเปิด เข้าไปอีก โดยคั่นแต่ละโฟลเดอร์ด้วย \ เช่น <body background="pic\bg.jpg"> ก็จะเข้าไปหารูป ในโฟลเดอร์ pic อีกที

3. หากจำเป็นต้องออกมาจากโฟลเดอร์ปัจจุบันก่อน ให้ใช้คำว่า .. แทนการออกจากโฟลเดอร์เดิมมา 1 ระดับ เช่น <body background="..\bg.jpg"> โปรแกรม ก็จะออกจากโฟลเดอร์ของเว็บมา 1 ระดับ ก่อนที่จะหารูปมาแสดง โดยหลังจากออกมาแล้ว สามารถเข้าโฟลเดอร์อื่นไปได้อีก โดยใช้คำสั่งจากข้อ 2

4. หากอ้างอิงจากที่อื่น ก็ให้ระบุ url ของไฟล์นั้น ไปเลย เช่น <body background="http://www.saxknowledge.ob.tc/pic/bg.jpg">