8/3/2019 BAI 4 Table
1/29
TO BNG
8/3/2019 BAI 4 Table
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...--> --> --> --> ---> -->------------------------------> --> --> --> ---> -->
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
5/29
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
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/3/2019 BAI 4 Table
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.
8/3/2019 BAI 4 Table
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 %
8/3/2019 BAI 4 Table
10/29
8/3/2019 BAI 4 Table
11/29
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
13/29
8/3/2019 BAI 4 Table
14/29
8/3/2019 BAI 4 Table
15/29
8/3/2019 BAI 4 Table
16/29
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
18/29
to ta ca cho bng nh hnh trn th ngay sauth , bn g vo thta ca bng
8/3/2019 BAI 4 Table
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.
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
21/29
to c bng trong hnh th trong th table ghi nh sau:
8/3/2019 BAI 4 Table
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)
8/3/2019 BAI 4 Table
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
8/3/2019 BAI 4 Table
24/29
8/3/2019 BAI 4 Table
25/29
Chn tri tri thc Cch to bng
STT H V TN GII TNH PHNG BAN
NAMN1 Nguyn Vn To X
  K Ton2 L Th T   X K Ton
8/3/2019 BAI 4 Table
26/29
K thut table trong table
8/3/2019 BAI 4 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
8/3/2019 BAI 4 Table
28/29
BAI TAP 1
8/3/2019 BAI 4 Table
29/29
BAI TAP 2
Top Related