วชาการสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ

ใบความรท 2.5สวนเนอหาของเวบเพจ (Body)

Body เปนสวนทแสดงเนอหาทจะแสดงทางหนาจอทงหมด โดยมสวนประกอบของเวบเพจไดแก� ขอความ ตาราง ลสต รปภาพ ลงค วดโอ และอนๆ เปนตน ซงเราสามารถกาหนดคณสมบตใหกบ Body โดยผาน attribute ตาง คอ

� bg c ol or= " ส�" คอ การกาหนดสพนหลงในหนาเวบเพจ� tex t= " ส�" คอ การกาหนดสตวอกษ ร� bac k g roun d= " url " คอ การกาหนดพนหลงเปนรปภาพ� bg p rop erties = " f ix ed" คอ การกาหนดใหรปพนหลงไมเลอนตาม s c rol l bar� top m arg in = " n um ber" คอ การกาหนดระยะของเนอหาใหหางจากขอบดานบน� l ef tm arg in = " n um ber" คอ การกาหนดระยะของเนอหาใหหางจากขอบดานซาย

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

1 . ก ารก าหนด สพน b a c k g r ou n d ก บสต วอก ษ รทใช ในหนาเวบเพจ (ทดลองเปลยนส�พนหลง bac k g roun d กบสตวอกษ ร ดคะ)

คาสง T a g คอ < body bg c ol or= " ส�" tex t= " ส�" > . . . < / body>อธ บาย คาสง : กาหนดใหหนาเวบเพจม bac k g roun d เปนสดา และตวอกษ รเปนสขาว

< h tm l >< h ead>

< titl e> เวบเพจแรกทเขยนดวยภาษ า H T M L By K ruS m o < / titl e>< / h ead>< body bg c ol or= " bl ac k " tex t= " w h ite" >

สวสดคะ ยนดตอนสเวบเพจแรกของเราคะ< / body>< / h tm l >

วชาการสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ

2. ก ารก าหนด พนหลงเปนร�ปภาพถาไมตองการใหรปภาพเลอนตาม s c rol l bar ใหกาหนด attribute bg p rop erties = " f ix ed"คาสง T a g คอ < body bac k g roun d= " url ของรปภาพ" bg p rop erties = " f ix ed" > . . . < / body>อธ บาย คาสง : bac k g roun d แบบใหรปพนหลงเลอนตาม s c rol l bar (ลองเลอน s c rol l bar ดคะ)

< br> คอ การขนบรรทดใหม�

< h tm l >< h ead>

< titl e> เวบเพจแรกทเขยนดวยภาษ า H T M L By K ruS m o < / titl e>< / h ead>< body bac k g roun d bg 2. g if " bg p rop erties = " f ix ed" >

A< br> B< br> C< br> D< br> E< br> F< br> G< br> H < br> I< br>J< br> K < br> L < br> M < br> N< br> O< br> P< br> Q< br> R< br>S < br> T < br> U< br> V< br> W< br> X< br> Y< br> Z< br>A< br> B< br> C< br> D< br> E< br> F< br> G< br> H < br> I< br>J< br> K < br> L < br> M < br> N< br> O< br> P< br> Q< br> R< br>S < br> T < br> U< br> V< br> W< br> X< br> Y< br> Z< br>

< / body>< / h tm l >

3. ก ารจด ระย ะของเนอหาใหหางจาก ขอบแต ละด านคาสง T a g คอ < body top m arg in = " n um ber" l ef tm arg in = " n um ber" > . . . < / body>

< h tm l >< h ead>

< titl e> เวบเพจแรกทเขยนดวยภาษ า H T M L By K ruS m o < / titl e>< / h ead>< body top m arg in = " 50" l ef tm arg in = " 50" >

สวสดคะ ยนดตอนสเวบเพจแรกของเราคะ < br>สวสดคะ ขอความตรงนจะเวนระยะหางจากดานบน และดานซาย < br>< / body>< / h tm l >