Download - HTML 02 (Slide)
-
www.trungtamtinhoc.edu.vn
HC VIN CNG NGH VIETPRO
BNG V FORM TRONG HTML
Ging vin : on Vit Qun
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
1. Bng i xng trong HTML
Bng trong HTML c dng biu din d liu v trong mt bng cth c
mt hoc nhiu dng, trn mi dng c th c mt hoc nhiu ct
Mt bng c gi l i xng nu s ct
ca cc hng l nh nhau
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
2. To bng trong vn bn HTML
to mt bng trong HTML ta s dng cp th v cccp th con nm bn trong n ,
Lu : Mt bng c coi l khai bo hon chnh
m bo xut hin 3 cp th Table, TR, TD
Phi c ni dung trong bng
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
3. Thuc tnh ca th Table
Width: rng ca bng
Height: cao ca bng
Border: dy ng vin bng
Bordercolor: mu ng vin bng
Bgcolor: mu nn ca bng
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
3. Thuc tnh ca th Table
Align: v tr tng i ca bng i vi thnh phn bao ngoi
Background: nh nn ca bng
Cellpadding: khong cch ca bng i vi ni dung bn trong
Cellspacing: dy cc khung bao ca bng
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
4. Thuc tnh ca th TR
height: cao ca dng
bgcolor: mu nn ca dng
align: v tr tng i ca cc phn t trn mt dng theo chiu ngang
valign: v tr tng i ca cc phn t trn mt dng theo chiu dc
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
5. Thuc tnh ca th TD
width: rng ca ct
height: cao ca ct
bgcolor: mu nn ca ct
background: nh nn ca ct
align: v tr tng i ca cc phn t trn mt ct theo chiu ngang
valign: v tr tng i ca cc phn t trn mt ct theo chiu dc
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
6. Ty bin bng i xng
Thuc tnh colspan
Thuc tnh colspan c chc nng gom cc ct trn cng mt hng ca mtbng
Thuc tnh colspan c gi tr l s ct mun gp v n c t ti th TD bt u gp
Xa b cc ct gp
-
www.trungtamtinhoc.edu.vn
BNG TRONG HTML
6. Ty bin bng i xng
Thuc tnh rowspan
Thuc tnh rowspan c chc nng gom cc ct trn cng mt hng camt bng
Thuc tnh rowspan c gi tr l s ct mun gp v n c t ti th TD bt u gp
Xa b cc ct gp
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
1. Khi nim
Form l nhng biu mu nhm gip ngi dng tng tc vi h thng
V d: form ng nhp, form lin h
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
2. Khai bo Form
khai bo mt Form ta s dng cp th
Thuc tnh ca Form (S dng trong lp trnh)
name: tn ca form
action: hng x l d liu
methode: phng thc truyn d liu
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3. CC PHN T TRONG FORM
3.1 Phn t Textbox
Khai bo phn t Textbox thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (text)
value: gi tr ca phn t
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.2 phn t Password
Khai bo phn t Password thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (password)
value: gi tr ca phn t
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.3 phn t Checkbox
Khai bo phn t Checkbox thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (checkbox)
value: gi tr ca phn t
checked: la chn mc nh (checked)
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.4 phn t Radio
Khai bo phn t Radio thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (radio)
value: gi tr ca phn t
checked: la chn mc nh (checked)
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.5 Phn t FILE
Khai bo phn t File thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (file)
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.6 Phn t Submit Buttom
Khai bo phn t Submit thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (submit)
value: gi tr ca phn t
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.7 Phn t Reset Buttom
Khai bo phn t Reset thng qua th
Thuc tnh
name: tn ca phn t
type: kiu ca phn t (reset)
value: gi tr ca phn t
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.8 Phn t Textarea
Khai bo phn t Textarea thng qua cp th
Thuc tnh
name: tn ca phn t
cols: rng ca phn t(s nguyn dng)
rows: caoca phn t(s nguyn dng)
-
www.trungtamtinhoc.edu.vn
FORM TRONG HTML
3.9 Phn t Selectbox
Khai bo phn t Selectbox thng qua cp th v
Thuc tnh
name: tn ca phn t
value ca cp th Option: Gi tr ca phn t trong danh sch
selected ca cp th Option: La chn mc inh (selected)
-
www.trungtamtinhoc.edu.vn
CHC CC BN HC TP TT
HC VIN CNG NGH VIETPRO