BAI 4 Table

8/3/2019 BAI 4 Table

1/29

TO BNG


2/29

To bng trong HTML

Vic trnh by trang Web theo dng bng s lm cho trang

Web ca bn chuyn nghip hn.

Vi dng bng bn c th chia trang Web thnh nhiu phn,bn c th p dng cc kin thc hc trang tr ring

cho tng phn...Khi xy dng bng, bn hy nh quy tc sau: bt u t cao nht bn tri, tip theo xy dng cc ca hng utin, sau chuyn xung hng th hai, xy dng cc phnt ca hng th 2...--> --> --> --> ---> -->------------------------------> --> --> --> ---> -->


3/29

Tag nh dng bng

S dng tag to bng, km theo vi tag thm 1 dng trong bng v tag thm vo 1 trn dng.V d: to bng 2 hng 2 ct

11 12 21 22 ng khung cho bng, s dng thuc tnh BORDER

V d: 11 12 21 22


4/29

Chn tri tri thc

Cch to bng Hng 1 ct 1 Hng 1 ct 2 Hng 1 ct 3

Hng 2 ct 1 Hng 2 ct 2 Hng 2 ct 3


5/29


6/29

Qua th d trn ta bit c th c dng to bng , thuc tnh BORDER ch rng ca ng

vin. Nu gi tr =0 th ng vin khng hin th.Mi hng c xc nh bi v Mi c nh ngha bi v

Ch : c th khng cn th v


7/29

nh ngha TABLE (bng):

Trong :

ALIGN= l ca bng, c gi tr l LEFT hoc RIGHT

BACKGROUND= ch nh nh nn ca bngBGCOLOR= mu nn ca bngBORDER= ng vin bng, n tnh bng pixelBORDERCOLOR=mu ng vin bngCELLPADDING=n: khong cch t ti ni dung ca , n v pixelWIDTH=n: rng ca bng, n tnh theo % (phi c du % theo sau)

TNG KT


8/29

nh ngha TR (dng):

Trong :

ALIGN= l ca cc trong dng, c gi tr l LEFT,RIGHT hoc CENTERBACKGROUND= ch nh nh nn ca dngBGCOLOR= mu nn ca dngVALIGN= l theo chiu dc cho vn bn trong cc

trn dng. Gi tr c th l: TOP, BOTTOM, MIDDLE.


9/29

nh ngha TD ():

Trong :ALIGN= l vn bn trong , gi tr l LEFT, RIGHT hoc CENTERBACKGROUND= ch nh nh nn cho BGCOLOR= mu nn ca

COLSPAN= tri rng trn n ctROWSPAN= tri di trn n hngVALIGN=v-align-type: l theo chiu dc cho vn bn trong cc ,

gi tr l TOP, BOTTOM, MIDDLE.WIDTH= Chiu ngang (rng) ca , tnh bng %


10/29


11/29


12/29

Chiu rng mc nh ca bng s l chiu rng ln nht ca dng rngnht trong bng. ch nh chiu rng cc bng, s dng thuc tnhWIDTH=n% quy nh chiu rng.

Th d :Chn tri tri thc Cch to bng STT H V TN GII TNH

PHNG BAN NAM N


13/29


14/29


15/29


16/29


17/29

to c nhng bng nh trn, s dng cc thuc tnhcolspan v rowspantrong th ...

Thuc tnh colspan=x c tc dng ni nhiu ngang thnh1 (m rng ct),Th d ni 2 ngang hng 1 ra rng bng hai ct bnhthng ta t:Hng 1 ct 1,2

Thuc tnh rowspan=x c tc dng ni nhiu dc thnh 1(m rng hng),Th d ni 2 dc ca hng 2 ra rng bng 2 hng bnh

thng ta t:Hng 2-3 ct 2


18/29

to ta ca cho bng nh hnh trn th ngay sauth , bn g vo thta ca bng


19/29

Trong tag bn thy c thuc tnhvalign="top"ngha l ta trn nh ca bng. Nu valign="bottom"th ta ca bng s

di bng.


20/29

Thm cc thng s cho cc ng vin to ra bng

Mun thay i thng s ca cc ng to bng ta thm cc

thuc tnh cho tag nh sau:X: Chiu rng ng vin ngoi bngY: Khong trng gia d liu bn trong v vch ngn ca

Z: rng ca nhng ng bn trong bng chia cc


21/29

to c bng trong hnh th trong th table ghi nh sau:


22/29

Thm mu sc cho bng

t mu cho bng, ta thm thuc tnh bgcolorvi gitr mu tng ng vo cc tag ca bng.

T mu nn cho ton bng

T mu nn cho 1 hng

T mu nn cho 1

Trong XXXXXX l cc gi tr mu (ta c th ghi tn

mu)


23/29

Lm nn cho bng

lm nn cho bng, ta thm thuc tnh backgroundvi ch nh file nh nn tng ng vo cc tag cabng.

Nn cho ton bng

Nn cho 1 hng

Nn cho 1

Trong url : ch nh file nh nn


24/29


25/29

Chn tri tri thc Cch to bng

STT H V TN GII TNH PHNG BAN

NAMN1 Nguyn Vn To X

&nbsp K Ton2 L Th T &nbsp X K Ton


26/29

K thut table trong table


27/29

Thit k Web_Table

Cch to bng trong bng Dng 1 - 1

Table trong table h1c1Table trong table h1c2Table trong table h2c1

Table trong table h2c2

Dng 2 - 1


28/29

BAI TAP 1


29/29

BAI TAP 2

Documents

BAI 4 Table