HTML 02 (Slide)

www.trungtamtinhoc.edu.vn

HC VIN CNG NGH VIETPRO

BNG V FORM TRONG HTML

Ging vin : on Vit Qun


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


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


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


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


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


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


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


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


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


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


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


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)



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)


checked: la chn mc nh (checked)


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)


checked: la chn mc nh (checked)


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)


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)



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)



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)


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)


CHC CC BN HC TP TT

HC VIN CNG NGH VIETPRO

HTML 02 (Slide)

Documents

Transcript of HTML 02 (Slide)