ngon ngu html

8/14/2019 Ngon Ngu HTML

1/13


2/13

THPT NG QUYN, Q.7 Din n HS: http://ngoquyen-edu.info

LP TRNH WEB C BN BNG HTML & JAVASCRIPT

Gio vin: Thin ng Trang 2

Ni dung

VD:

Cho cc bn !

Tn tag khng phn bit ch HOA/thng, c th vit trn cng 1 dng.

Tag khng c ni dung gi l tag rng, thng loi ny khng c tag ng

Mt tag c th khng c hoc c nhiu thuc tnh

VD:

Tag rng:

Tag khng c thuc tnh:

III. CC TAG C BN:1. Tag nh ngha cu trc ti liu html:

a. : xc nh phn bt u v kt thc ca ti liu html

b. : cha cc thng tin tng qut v trang Web, v khng thhin thng tin ny trn Web.

c. Lng trong tag ny c:

: ni dung nm trong tag ny s hin th trn thanh tiu catrnh duyt.

content=text/html;charset=UTF-8/>: khai bo sdng bng m Unicode cho trang web.

d. : ni dung chnh ca trang web,c th hin trong mn hnh ca trnh duyt.

2. Cc tag to tiu (heading) cho vn bn:

Gm cc tag: , , , , v kch thc t ln n nh.

VD:

V d v Heading

Dng h1 Dng h2 Dng h3 Dng h4 Dng h5 Dng h6

Ngoi ra trong tag cn c thuc tnh


3/13




Align=left/right/center

VD: NGN NG HTML

3. Phn on vn bn (Paragraph):

VD: Ni dung ly t: http://vnexpress.net/GL/Vi-tinh/San-pham-moi/2008/11/3BA0873F/

Tng t nh tag . Tag

cng c thuc tnh align

VD:

on vn bn

4. Ngt dng (Line Break):

V d:

V d ngt dng

Ca dao ni v n nghaAi i bng bt cm y
Do thm mt ht ng cay mun phn

n qu nh k trng cy
n khoai nh k cho dy m trng


4/13




5. To ng k ngang (Horizontal Rule):

Nu khng t align mc nhin ng k ny s canh gia.

V d to ng k ngang

THPT NGO QUYEN1360 Hunh Tn Pht, Qun 7

6. Ghi ch trong ti liu HTML:

Ghi ch ny khng hin th trong ca s trnh duyt.

IV. NH DNG TRANG:

Tag cn c rt nhiu thuc tnh khc nh:

Mt s v d minh ho:

V d: nh Dng TrangWeb

THPT NG QUYN

1360 Hunh Tn Pht, Qun 7

Nn xm (gray), ch xanh dng(blue)


5/13





THPT NG QUYN


Ch mu , dng tp tin hoa.giflmnh nn. Trong trng hp ny nh

nn c lp li lp y mn hnh.


THPT NG QUYN


trnh chuyn nh nn c lp li,ta c th dng thuc tnh style vi ccthng s nh:

nh nn (background-image:url(tn file nh))

v tr t nh nn (background-position:left)

lp li hay khng (background-repeat:no-repeat)

V d: nh nn ng yn

TIN HC L, HU HC VN

Phng chm gio dc ny xut pht t quan im o to ca Nho gia. Bn thn"l" l mt phm tr trit hc ch o c rt quan trng ca c Khng T vmn . Hiu tn cng ch "l" khng phi d. y ti ch khai thc l trongphm vi ng ngha c lin quan n "vn" m thi.

...


6/13




Gii thch: Trong v d ny c dng thuc tnh style="background-attachment: fixed" slmnh nn ng yn khi ta cun thanh ScrollBar trong lc xem (ni dung trang phi di hnchiu cao ca mn hnh).

V. NH DNG VN BN:

1. nh dng c bn:

C php Kt qu

Ch in m

Ch in nghing

Ch gch chn

Ch s di

Ch s trn

...

gch b

gi nguyn cc khong trng & xung dng trongcode HTML khi hin th trn trnh duyt.

Ni dung v d trn:

Bi tp: Hy chn thm th sau & trc . Sau b ht ccth

. Hy nhn xt kt qu.

2. Kiu ch:


7/13




V d sau y c 2 dng:

- Dng 1: S dng font Tahoma, c 3 v mu xanh l- Dng 2: S dng font arial, c 5 v mu .

Kt qu nhn c

VI. CHN HNH NH:

VD:

Chn hnh nh

SNG P

Lng nhn i tht s

Mt cn bo va tn ph th trn nh gn thnh ph ca chng ti lm nhiu gianh phi sng trong cnh khn kh.Tt c cc t bo a phng u ng hnhnh v nhng cu chuyn thng tm v mt s gia nh mt mt nhiu nht. C mt


8/13




bc nh lm ti xc ng. Mt ph n tr ng trc ngi nh nt ca mnh,gng mt hn su ni au n. ng cnh b l mt...

Kt qu nhn c

VII . LIN KT LINKSu im ni bt ca HTML l c kh nng to ra cc lin kt n mt trangWeb no , hoc n mt ni no trn cng trang (bookmark) cnh du (anchor).

1. Lin kt n 1 trang khc:

Ni dung vn bn lin kt

VD: To trang lin kt n din n trng Ng Quyn:

LINK: Lin kt ra ngoi trang

Click vo y n trang

Din n HS NgQuyn

Kt qu c nh sau:


9/13




Vi v d ny th trang Din n Ng Quyn s chim mt ca s trnh duyt.Nu mun trang Web lin kt n m ra bng ca s mi ta khai bo thmthuc tnh target vi tr_blank. C th nh sau:

Din n HS Ng Quyn

2. Lin kt trong cng trang:

Dng n nhanh mt ni no trong trang nh du trc .

nh du: Phn u trang

Lin kt: V u trang

Nn p dng cho cc trang Web c ni dung di hn khung hin th ca mnhnh nhiu ln.

3. Lin kt n a ch Email:

VD:

Lin hLin h

Vi kiu lin kt ny html s kch hot phn mm email mc nhin ang ctrong my (thng l Outlook Express)

VII . TABLE (BNG):

Table gip trnh by d liu dng bng, hoc chia ct (column) trong vic thhin ni dung ca trang Web.

1. C php chung:

Ni dung Ni dung

Ni dung Ni dung

... ... ... ...

* Trong :

...: Bt u v kt thc mt table...: Table Row dng trong table.

...: trong mi dng ca table c nhiu gi l table data.

* Thuc tnh width:

Nu khng t thuc tnh width ln cc ct s ly theo ni dung bn trong.

hoc

* Thuc tnh border:

* Thuc tnh align:dng canh d liu, c th t trong:


10/13




canh table so vi mn hnh Web browser. tc dng cho ton b cc thuc dng ny. tc dng cho ny.

VD:

V d v table

SUPER TOUR

TOUR

S NGY

GI USD

Singapore05468

Thailand08395

2. Lin kt : lin kt n theo chiu ng

lin kt n theo chiu ngang

VD:

V d v table

BNG IM

STT

H V TN

IM

TonLHo


11/13




1Nguyn Vn A

597

2Trn Th B

6810

3L Nh C

639

Kt qu nhn c:

3. Trang tr Table:


12/13




Background=nh nn

Cellspacing=khong cch

Cellpading=khong cch t ng k n ni dung >

... Ni dung table

Ch :

cc thuc tnh v mu sc, nh nn, nu t trong

s tc dng ln . s tc dng ln dng .

VD: Sa bi trn vi:

Xem bng FireFox s c kt qu:

Ch :

Trong tng c th dng cc th: to lin kt hoc chnnh , canh d liu trong tng , kiu ch ,... v c th t table trong table. Table cn li dng chia ct vn bn, vhtml khng c khi nim column (ging MS-Word).

VII I. MARQUEE:

Th ny c th lm cho vn bn hoc hnh nh chuyn ng theo nhiu hngkhc nhau. C php tng qut nh sau:


13/13




Bgcolor=mu nn ca marquee>

Vn bn hoc hnh nh

VD1:

Xin cho cc bn

VD2:

Ti liu tham kho:

http://www.htmlcodetutorial.com http://www.w3schools.com http://cuasotinhoc.com

ngon ngu html

Documents