ใบความรู้ที่ 2.5 body section

2
!"# !"# $%&’()*+,’()-’,-’+, (&$.- & . $/ (( *)0 $% 1)23,45 6, !"# 7& 899:;<=9> & * <? @ !A !:B C (C * 3,(*+,6,- 9>D 9B C (C * 3,(E <8@ F ? :!=G "B C =:A C * 3,*+,$%$/ <? H :!H >:9;>I B C J ;D >"C * 3,6,$*+,&*) I @ :!A A <8: 9!H K 8:? ;G B C G =K <>:C * 3,.*+,6,,&-. A >J 9K 8:? ;G B C G =K <>:C * 3,.*+,6,,&-. LLLLLLLLLLLLLLLLLLLLLLLLLLLLLL $ % % &’ ( ) * + , - . / ! % 01 00% 2 3 ’$() (*+, <8@ F ? :!=G " (E &M &0 4 ) , * N <!"# <? @ !A !:B C (C 9>D 9B C (C O P P P N Q <!"#O 5 67 &0 8 3,6,,-( <8@ F ? :!=G " $%(3 E $%(. N R 9K A O N R >8"O N 9;9A >O -’().(/E S T U V # W :=X K ! N Q 9;9A >O N Q R >8"O N <!"# <? @ !A !:B C <A 8@ F C 9>D 9B C Y R ;9>C O (& (&-.& N Q <!"#O N Q R 9K A O

Transcript of ใบความรู้ที่ 2.5 body section

Page 1: ใบความรู้ที่ 2.5 body section

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

ใบความรท 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 >

Page 2: ใบความรู้ที่ 2.5 body section

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

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 >