Ngôn ng(cid:1267) HTML
Ph(cid:606)m Th(cid:636) B(cid:608)o Khoa Toán – Tin h(cid:845)c ptbao@hcmus.edu.vn
http://www.math.hcmuns.edu.vn/~ptbao/TKW
Gi(cid:1247)i thi(cid:1227)u
(cid:57) HTML=HyperText Markup Language –
Ngôn ng(cid:879) (cid:255)ánh d(cid:610)u siêu v(cid:259)n b(cid:608)n – Ngôn ng(cid:879) (cid:255)(cid:640) vi(cid:636)t các trang web.
(cid:57) Do Tim Berner Lee phát minh và (cid:255)(cid:585)(cid:867)c
W3C (World Wide Web Consortium) (cid:255)(cid:585)a thành chu(cid:614)n n(cid:259)m 1994.
- Ch(cid:1261)a các thành ph(cid:1195)n (cid:255)(cid:1231)nh d(cid:1189)ng (cid:255)(cid:1223) báo cho trình duy(cid:1227)t Web bi(cid:1219)t cách hi(cid:1223)n th(cid:1231) m(cid:1245)t trang Web.
- M(cid:1245)t trang web thông th(cid:1133)(cid:1249)ng g(cid:1239)m có 2 thành ph(cid:1195)n chính:
(cid:128) D(cid:1267) li(cid:1227)u c(cid:1259)a trang web (v(cid:259)n b(cid:1191)n, âm thanh, hình (cid:1191)nh...)
(cid:128) Các th(cid:1215) (tag) HTML dùng (cid:255)(cid:1223) (cid:255)(cid:1231)nh d(cid:1189)ng mô t(cid:1191) cách th(cid:1261)c
các d(cid:1267) li(cid:1227)u trên hi(cid:1223)n th(cid:1231) trên trình duy(cid:1227)t.
- (cid:264)(cid:1223) (cid:255)(cid:1233)c (cid:255)(cid:1133)(cid:1255)c trang Web ph(cid:1191)i thông qua trình duy(cid:1227)t Web (Web Browser).
(cid:264)(cid:1211)c (cid:255)i(cid:1223)m
(cid:57) HTML s(cid:877) d(cid:869)ng các th(cid:632) (tags) (cid:255)(cid:640) (cid:255)(cid:648)nh
d(cid:606)ng d(cid:879) li(cid:644)u
(cid:57) HTML không phân bi(cid:644)t ch(cid:879) hoa, ch(cid:879)
th(cid:585)(cid:861)ng
(cid:57) Các trình duy(cid:644)t th(cid:585)(cid:861)ng không báo l(cid:855)i cú pháp HTML. N(cid:636)u vi(cid:636)t sai cú pháp ch(cid:646) d(cid:616)n (cid:255)(cid:636)n k(cid:636)t qu(cid:608) hi(cid:640)n th(cid:648) không (cid:255)úng v(cid:859)i d(cid:881) (cid:255)(cid:648)nh.
Trang web (cid:255)(cid:1195)u tiên
(cid:57) Trang HTML có ph(cid:612)n m(cid:863) r(cid:857)ng ((cid:255)uôi) là .HTM ho(cid:628)c
.HTML
(cid:57) Có th(cid:640) t(cid:606)o trang HTML b(cid:622)ng b(cid:610)t c(cid:873) trình so(cid:606)n
th(cid:608)o “v(cid:259)n b(cid:608)n thu(cid:612)n” nào (Notepad, EditPlus,…)
(cid:57) Có nhi(cid:638)u trình so(cid:606)n th(cid:608)o HTML cho phép NSD
so(cid:606)n th(cid:608)o tr(cid:881)c quan, k(cid:636)t qu(cid:608) sinh ra HTML t(cid:585)(cid:583)ng (cid:873)ng nh(cid:585):
– Microsoft FrontPage
– Macromedia Dreamweaver
– …
Trang web (cid:255)(cid:1195)u tiên (tt)
(cid:57) So(cid:606)n th(cid:608)o:
– M(cid:863) trình so(cid:606)n th(cid:608)o v(cid:259)n b(cid:608)n thu(cid:612)n (VD Notepad) gõ ND d(cid:585)(cid:859)i – Ghi l(cid:606)i v(cid:859)i tên “CHAO.HTM” hay “chao.html”
Chào b(cid:1187)n
Chào m(cid:1261)ng b(cid:1187)n (cid:255)(cid:1217)n v(cid:1245)i HTML!
Trang web (cid:255)(cid:1195)u tiên (tt)
(cid:57) Th(cid:877) nghi(cid:644)m:
– M(cid:863) trình duy(cid:644)t web (IE) – Vào File/Open, ch(cid:845)n file
CHAO.HTM v(cid:875)a ghi
– Nh(cid:610)n OK (cid:314) Có k(cid:636)t qu(cid:608) nh(cid:585)
hình bên
(cid:57) Thay (cid:255)(cid:853)i:
– Quay l(cid:606)i Notepad, s(cid:877)a l(cid:606)i n(cid:857)i dung trang web r(cid:851)i ghi l(cid:606)i – Chuy(cid:640)n sang IE, nh(cid:610)n nút
Refresh (F5) (cid:314) th(cid:610)y k(cid:636)t qu(cid:608) m(cid:859)i
(cid:57) Ghi chú: Các th(cid:632) (cid:255)(cid:585)(cid:867)c nêu ti(cid:636)p theo m(cid:628)c (cid:255)(cid:648)nh (cid:255)(cid:628)t (cid:863) trong ph(cid:612)n …
So(cid:1189)n th(cid:1191)o v(cid:259)n b(cid:1191)n
(cid:57) V(cid:259)n b(cid:608)n (cid:255)(cid:585)(cid:867)c so(cid:606)n th(cid:608)o nh(cid:585) bình th(cid:585)(cid:861)ng trong
các file HTML
(cid:57) L(cid:585)u ý:
– M(cid:845)i kho(cid:608)ng tr(cid:849)ng, d(cid:610)u xu(cid:849)ng dòng trong HTML (cid:255)(cid:585)(cid:867)c th(cid:640)
hi(cid:644)n trên trang web là 1 kho(cid:608)ng tr(cid:849)ng duy nh(cid:610)t – (cid:264)(cid:640) gõ m(cid:857)t s(cid:849) ký t(cid:881) (cid:255)(cid:628)c bi(cid:644)t ta ph(cid:608)i s(cid:877) d(cid:869)ng mã:
(cid:129) Kho(cid:608)ng tr(cid:849)ng (trong tr(cid:585)(cid:861)ng h(cid:867)p mu(cid:849)n có nhi(cid:638)u h(cid:583)n 1 ký t(cid:881)
tr(cid:849)ng):
>
(cid:129) D(cid:610)u nh(cid:847) h(cid:583)n (<) và l(cid:859)n h(cid:583)n (>): < (cid:129) D(cid:610)u ngo(cid:628)c kép (“): " (cid:129) Ký hi(cid:644)u (cid:148): © (cid:129) …
(cid:57) Ghi chú trong HTML:
Th(cid:1215) TAG trong HTML
Hello < br > < hr >
Có nhi(cid:638)u th(cid:632), m(cid:855)i th(cid:632) có 1 tên và mang ý ngh(cid:347)a khác nhau 1. Phân lo(cid:606)i : Có hai lo(cid:606)i tag. - Tag (cid:255)(cid:583)n : Là th(cid:632) l(cid:644)nh không c(cid:612)n th(cid:632) k(cid:636)t thúc Ví d(cid:869) : - Tag c(cid:628)p : G(cid:851)m 1 m(cid:857)t c(cid:628)p th(cid:632) m(cid:863) và (cid:255)óng theo c(cid:610)u trúc <
tag > … < / tag >
Tag k(cid:636)t thúc gi(cid:849)ng tag b(cid:620)t (cid:255)(cid:612)u nh(cid:585)ng có thêm d(cid:610)u (/) (cid:863)
phía tr(cid:585)(cid:859)c.
Hello
Ví d(cid:869) : Ví d(cid:869) :
(cid:255)(cid:585)(cid:867)c (cid:255)óng sau cùng.
Ví d(cid:869) : Ph(cid:612)n N(cid:857)i dung
2. Thu(cid:857)c tính (property) c(cid:871)a th(cid:632)
(cid:131) Nhi(cid:638)u tag còn có thu(cid:857)c tính kèm theo. M(cid:857)t th(cid:632) có th(cid:640) có
các thu(cid:857)c tính nh(cid:622)m b(cid:853) sung tác d(cid:869)ng cho th(cid:632).
(cid:131) Thu(cid:857)c tính c(cid:871)a Tag (cid:255)(cid:585)(cid:867)c th(cid:640) hi(cid:644)n trong ph(cid:606)m vi th(cid:632) (cid:255)(cid:612)u
c(cid:871)a tag.
Cú pháp :
(cid:131) Có th(cid:640) dùng nhi(cid:638)u thu(cid:857)c tính trong m(cid:857)t tag, phân cách
nhau b(cid:863)i kho(cid:608)ng tr(cid:620)ng.
Ví d(cid:869) :
< img src = “logo.gif” >
< table border=“1” width=“100%” >
< p align=“center”> Hello
Welcome !
Thu(cid:1245)c tính (property) c(cid:1259)a th(cid:1215)
(cid:57) Chú ý:
– Có th(cid:640) thay (cid:255)(cid:853)i th(cid:873) t(cid:881), s(cid:849) l(cid:585)(cid:867)ng các thu(cid:857)c tính mà
không gây ra l(cid:855)i cú pháp
– S(cid:881) h(cid:855) tr(cid:867) các th(cid:632), thu(cid:857)c tính (cid:863) m(cid:855)i trình duy(cid:644)t là khác
nhau. Ch(cid:646) gi(cid:849)ng nhau (cid:863) các th(cid:632), thu(cid:857)c tính c(cid:583) b(cid:608)n. – Th(cid:632) (cid:255)óng c(cid:871)a th(cid:632) có thu(cid:857)c tính v(cid:616)n vi(cid:636)t bình th(cid:585)(cid:861)ng
()
a2 M 3
C(cid:1192)U TRÚC TRANG WEB
Thành ph(cid:1195)n
Tiêu (cid:255)(cid:1221) c(cid:1265)a s(cid:1241) trang Web
Chào m(cid:1261)ng b(cid:1187)n (cid:255)(cid:1217)n v(cid:1245)i HTML!
N(cid:1245)i dung th(cid:1223) hi(cid:1227)n
Ý ngh(cid:429)a các thành ph(cid:1195)n
(cid:132) : (cid:264)(cid:1231)nh ngh(cid:429)a ph(cid:1189)m vi c(cid:1259)a v(cid:259)n b(cid:1191)n HTML
(cid:132)
: Các mô t(cid:1191) v(cid:1221) trang HTML. Các thông tintrong tag này không (cid:255)(cid:1133)(cid:1255)c hi(cid:1223)n th(cid:1231) trên web.
(cid:132)
(cid:132)
: Xác (cid:255)(cid:1231)nh vùng thân c(cid:1259)a trang web, n(cid:1131)ich(cid:1261)a các thông tin ( D(cid:1267) li(cid:1227)u , hình (cid:1191)nh …)
(cid:264)(cid:1231)nh d(cid:1189)ng trang
a. Font ch(cid:1267) m(cid:1211)c (cid:255)(cid:1231)nh c(cid:1259)a trang web:
(cid:128) Cú pháp : < BASEFONT face= fontName size= fontSize color= textColor>
Th(cid:1215) l(cid:1227)nh này có tác d(cid:1257)ng lên toàn b(cid:1245) v(cid:259)n b(cid:1191)n trong trang web
và (cid:255)(cid:1133)(cid:1255)c (cid:255)(cid:1211)t trong ph(cid:1189)m vi Tag
(cid:128) Thu(cid:1245)c tính:
fontName : Tên font ch(cid:1267).
fontSize : Size ch(cid:1267) (t(cid:1263) 1 (cid:255)(cid:1219)n 7).
textColor : Màu ch(cid:1267).
Ví d(cid:1257) :
b. Hình / Màu n(cid:1221)n m(cid:1211)c (cid:255)(cid:1231)nh cho trang web:
(cid:128) Thu(cid:1245)c tính c(cid:1259)a Tag Body < Body text=textColor bgcolor=backgroundColor background= Image leftmargin=lm rightmargin=rm> Th(cid:1215) l(cid:1227)nh này dùng (cid:255)(cid:1223) (cid:255)(cid:1231)nh các thông s(cid:1237) hi(cid:1223)n th(cid:1231) trang web
nh(cid:1133) : màu n(cid:1221)n, (cid:1191)nh n(cid:1221)n, màu ch(cid:1267) …
(cid:128) Th(cid:1257)ôc tính
textColor : Màu ch(cid:1267). Bgcolor : Màu n(cid:1221)n trang web. backgroundImage : (cid:1190)nh n(cid:1221)n trang web. Leftmargin , Rightmargin : L(cid:1221) trái ph(cid:1191)i c(cid:1259)a trang Web.
(cid:129) Ví d(cid:1257) 1:
(cid:129) Ví d(cid:1257) 2:Th(cid:1215) (cid:255)(cid:1231)nh d(cid:1189)ng ký t(cid:1269)
(cid:57) (cid:264)(cid:618)m, nghiêng, g(cid:606)ch chân: …,
…, …
(cid:57) Ch(cid:646) s(cid:849) trên:…
(cid:57) Ch(cid:646) s(cid:849) d(cid:585)(cid:859)i: …
(cid:57) Font ch(cid:879): …
– Thu(cid:857)c tính:
(cid:129) face=“tên font ch(cid:879)”
(cid:129) size=“kích th(cid:585)(cid:859)c”
(cid:129) color=“màu”
– Vi(cid:636)t b(cid:622)ng tên ti(cid:636)ng Anh (red, blue,…)
– Vi(cid:636)t d(cid:606)ng #RRGGBB, RR, GG, BB (cid:863) d(cid:606)ng hexa. Ví d(cid:869):
#FFFFFF: Tr(cid:620)ng, #FF0000: (cid:255)(cid:847),…
Style ch(cid:1267)
(cid:128) Cú pháp :
Công d(cid:1257)ng :
In (cid:255)(cid:1201)m n(cid:1245)i dung.
< B > n(cid:1245)i dung … < U > n(cid:1245)i dung
G(cid:1189)ch d(cid:1133)(cid:1247)i n(cid:1245)i dung.
< I > n(cid:1245)i dung < /I >
In nghiêng n(cid:1245)i dung.
G(cid:1189)ch ngang n(cid:1245)i dung.
n(cid:1245)i dung
…
n(cid:1245)i dung
Thay (cid:255)(cid:1241)i n(cid:1245)i dung thành ch(cid:1267) l(cid:1247)n
…
Thay (cid:255)(cid:1241)i n(cid:1245)i dung thành ch(cid:1267) nh(cid:1235)
n(cid:1245)i dung
Ch(cid:1229) s(cid:1237) trên ( SuperScript )
n(cid:1245)i dung
Ch(cid:1229) s(cid:1237) d(cid:1133)(cid:1247)i ( SubScript )
Ví d(cid:1257)
Vi du kieu chu
Vi d(cid:1257) ki(cid:1223)u ch(cid:1267)
Ch(cid:1267) in (cid:255)(cid:1201)m
Ch(cid:1267) g(cid:1189)ch chân
Ch(cid:1267) in nghiêng
Ch(cid:1267) g(cid:1189)ch ngang
Ch(cid:1229) s(cid:1237) trên X 2
Ch(cid:1229) s(cid:1237) d(cid:1133)(cid:1247)i H2O
Tiêu (cid:255)(cid:1221), (cid:255)o(cid:1189)n v(cid:259)n, ng(cid:1203)t dòng
(cid:57) Tiêu (cid:255)(cid:638): v(cid:859)i kích th(cid:585)(cid:859)c nh(cid:847) d(cid:612)n
–
…
– …
–
…
Sau m(cid:855)i tiêu (cid:255)(cid:638), v(cid:259)n b(cid:608)n t(cid:881) (cid:255)(cid:857)ng xu(cid:849)ng dòng
– Thu(cid:857)c tính:
(cid:129) align=“cách c(cid:259)n ch(cid:646)nh l(cid:638)”: left, right, center, justify
(cid:57) (cid:264)o(cid:606)n v(cid:259)n:
…
– Thu(cid:857)c tính:
(cid:129) align t(cid:585)(cid:583)ng t(cid:881)
(cid:57) Ng(cid:620)t dòng:
(cid:264)(cid:1133)(cid:1249)ng k(cid:1215) ngang
(cid:128) Cú pháp :
< HR Size = “n” Width = “w” align = “alignStyle” color = “color”>
T(cid:1189)o (cid:255)(cid:1133)(cid:1249)ng k(cid:1215) ngang trang Web. (cid:128) Th(cid:1257)ôc tính:
Size : (cid:264)(cid:1245) dày (cid:255)(cid:1133)(cid:1249)ng k(cid:1215). Width : (cid:264)(cid:1245) r(cid:1245)ng (cid:255)(cid:1133)(cid:1249)ng k(cid:1215). alignStyle : Canh l(cid:1221). Color : Màu (cid:255)(cid:1133)(cid:1249)ng k(cid:1215). Ví d(cid:1257) :
TR(cid:1132)(cid:1248)NG (cid:264)(cid:1188)I H(cid:1232)C KHOA H(cid:1232)C T(cid:1268) NHIÊN
(cid:264)(cid:1231)nh d(cid:1189)ng Bullets and Numbering
1. Bullets :
(cid:128) Cú pháp : < UL Type = “Style ” > … ( Danh sách (cid:255)(cid:1133)(cid:1255)c th(cid:1223) hi(cid:1227)n b(cid:1205)ng Tag
Style : Ki(cid:1223)u Bullets. ( “Disk” (cid:198) (cid:122) “Circle” (cid:198) (cid:123) “square”
(cid:198) (cid:132) )
Ví d(cid:1257) :
- Tóan
- Lý
2. Numbering (cid:128) Cú pháp : < OL Type = “Style ” start = “n” > … ( Danh sách (cid:255)(cid:1133)(cid:1255)c th(cid:1223) hi(cid:1227)n b(cid:1205)ng Tag
Style : Ki(cid:1223)u (cid:255)ánh s(cid:1237). ( A, a , I , i , 1 – m(cid:1211)c (cid:255)(cid:1231)nh ) n : B(cid:1203)t (cid:255)(cid:1195)u (cid:255)ánh s(cid:1237) t(cid:1263) … Ví d(cid:1257) :
- Tóan
- Lý
Ký t(cid:1269) (cid:255)(cid:1211)c bi(cid:1227)t
(cid:128) Cú pháp :
Công d(cid:1257)ng :
< BR >
Ng(cid:1203)t dòng (cid:255)o(cid:1189)n n(cid:1245)i dung.
>
D(cid:1193)u >
<
D(cid:1193)u <
"
D(cid:1193)u “
 
Kh(cid:1235)ang tr(cid:1203)ng
&
D(cid:1193)u &
N(cid:1245)i dung ghi chú trên Web
Ví d(cid:1257)
Vi du Ky tu (cid:255)ac biet
Ký t(cid:1269) (cid:255)(cid:1211)c bi(cid:1227)t
50 > 42
4 < 25
(cid:264)(cid:1189)i h(cid:1233)c & Sài Gòn = " (cid:264)(cid:1189)i h(cid:1233)c Sài Gòn "
(cid:264)(cid:1231)nh d(cid:1189)ng hình (cid:1191)nh
(cid:128) Cú pháp : < IMG SRC = Url ALT = text Border = border Width = w Height = h
Align = alignStyle vspace = space 1 hsapce = sapce 2 >
Dùng (cid:255)(cid:1223) chèn 1 hình vào trang Web. T(cid:1201)p tin hình (cid:255)(cid:1133)(cid:1255)c xác (cid:255)(cid:1231)nh b(cid:1251)i
thu(cid:1245)c tính SRC.
(cid:128) Thu(cid:1245)c tính :
Url : (cid:264)(cid:1133)(cid:1249)g d(cid:1199)n t(cid:1201)p tin hình (cid:1191)nh. Text : N(cid:1245)i dung mô t(cid:1191). Border : (cid:264)(cid:1133)(cid:1249)ng vi(cid:1221)n hình. W : (cid:264)(cid:1245) r(cid:1245)ng (cid:1191)nh. H : (cid:264)(cid:1245) cao (cid:1191)nh. alignStyle : V(cid:1231) trí (cid:1191)nh * Top, Bottom , Middle (cid:198) (cid:1190)nh (cid:255)(cid:1133)(cid:1255)c xem nh(cid:1133) 1 ký t(cid:1269). * Left , Right (cid:198) (cid:1190)nh (cid:1251) tr(cid:1189)ng thái Floating Sapce 1 , space 2 : Kh(cid:1235)ang cách l(cid:1221) tính v(cid:1247)i (cid:1191)nh.
Ví d(cid:1257)
Vi du chen hinh
Hình 1
Hình 2
Hình 2
Âm thanh n(cid:1221)n trang Web
(cid:128) Cú pháp : < BGSOUND SRC = Url Loop = loop > Dùng (cid:255)(cid:1223) chèn 1 t(cid:1201)p tin âm thanh Midi làm nh(cid:1189)c n(cid:1221)n cho trang
Web. T(cid:1201)p tin hình (cid:255)(cid:1133)(cid:1255)c xác (cid:255)(cid:1231)nh b(cid:1251)i thu(cid:1245)c tính SRC.
(cid:128) Thu(cid:1245)c tính :
Url : (cid:264)(cid:1133)(cid:1249)ng d(cid:1199)n t(cid:1201)p tin âm thanh. loop : s(cid:1237) l(cid:1195)n l(cid:1211)p ( -1 (cid:198) l(cid:1211)p vô h(cid:1189)n ).
Ví d(cid:1257)
Vi du Nhac nen trang web
Âm thanh nh(cid:1189)c n(cid:1221)n cho trang Web
Âm thanh nh(cid:1189)c n(cid:1221)n cho trang Web
Table – B(cid:1191)ng bi(cid:1223)u
(cid:128) Cú pháp : < Table Border = x Bgcolor = color Width = w Height = h Cellpadding = m Cellspacing = n Align = alignStyle >
… Khai báo dòng c(cid:1245)t b(cid:1205)ng Tag
Dùng (cid:255)(cid:1223) (cid:255)(cid:1231)nh d(cid:1189)ng Table. M(cid:1243)i ô là 1 Cell.
(cid:128) Thu(cid:1245)c tính :
Border : (cid:264)(cid:1133)(cid:1249)ng vi(cid:1221)n b(cid:1191)ng. Bgcolor : Màu n(cid:1221)n. W : (cid:264)(cid:1245) r(cid:1245)ng Table. H : (cid:264)(cid:1245) cao Table. Cellpadding , CellSpacing : Kh(cid:1235)ang cách l(cid:1221) gi(cid:1267)a các Cell. alignStyle : V(cid:1231) trí Table so v(cid:1247)i trang.
Các Tag (cid:255)(cid:1231)nh d(cid:1189)ng Table
(cid:128) Cú pháp : < Caption > N(cid:1245)i dung mô t(cid:1191) tiêu (cid:255)(cid:1221) b(cid:1191)ng < Tr Align = alignStyle Height = h > …
(cid:198) Xác (cid:255)(cid:1231)nh dòng trong Table.
< Td Align = alignStyle Width = w ColSpan = n RowSpan =m> …
(cid:198) Xác (cid:255)(cid:1231)nh ô d(cid:1267) li(cid:1227)u trong dòng.
(cid:128) Thu(cid:1245)c tính :
W : (cid:264)(cid:1245) r(cid:1245)ng. H : (cid:264)(cid:1245) cao. alignStyle : N(cid:1245)i dung canh gióng trong dòng hay ô. ColSpan : S(cid:1237) c(cid:1245)t tr(cid:1245)n. RowSpan : S(cid:1237) dòng tr(cid:1245)n.
(cid:128) Chú ý :
Cell trong Table không cho phép r(cid:1243)ng, (cid:255)(cid:1223) xác (cid:255)(cid:1231)nh ph(cid:1191)i dùng tag
  ( ký t(cid:1269) tr(cid:1203)ng )
Ví d(cid:1257)
Vi du Table
Dòng 1.c(cid:1245)t 1 | Dòng 1.c(cid:1245)t 2 |
Dòng 2.c(cid:1245)t 1 | Dòng 2.c(cid:1245)t 2 |
Ví d(cid:1257)
Hóa
Dòng 3.1
Dòng 4.1
H(cid:1233) tên | (cid:273)i(cid:1223)m thi | (cid:273)i(cid:1223)m TB | ||
Toán | Lý | |||
LIÊN K(cid:1218)T
(cid:129) Là (cid:255)i(cid:1223)m (cid:255)(cid:1211)c tr(cid:1133)ng c(cid:1259)a Web, dùng (cid:255)(cid:1223) di chuy(cid:1223)n gi(cid:1267)a các m(cid:1257)c hay gi(cid:1267)a các trang trong cùng b(cid:1245) Web ho(cid:1211)c (cid:255)(cid:1219)n 1 trang Web c(cid:1259)a b(cid:1245) web khác.
(cid:129) Là kh(cid:1191) n(cid:259)ng cho phép t(cid:1189)o liên k(cid:1219)t gi(cid:1267)a 1 (cid:255)(cid:1237)i t(cid:1133)(cid:1255)ng v(cid:1247)i m(cid:1245)t ph(cid:1195)n n(cid:1245)i dung. Khi ta kích chu(cid:1245)t vào (cid:255)(cid:1237)i t(cid:1133)(cid:1255)ng thì ph(cid:1195)n n(cid:1245)i dung s(cid:1217) (cid:255)(cid:1133)(cid:1255)c hi(cid:1227)n ra.
(cid:129) (cid:264)(cid:1237)i t(cid:1133)(cid:1255)ng s(cid:1265) d(cid:1257)ng (cid:255)(cid:1223) kích chu(cid:1245)t vào là: (cid:264)(cid:873)i t(cid:769)(cid:891)ng liên k(cid:855)t. (cid:264)(cid:1237)i
t(cid:1133)(cid:1255)ng có th(cid:1223) là: v(cid:259)n b(cid:1191)n, hình (cid:1191)nh, m(cid:1245)t ph(cid:1195)n c(cid:1259)a (cid:1191)nh.
(cid:129) (cid:264)(cid:1231)a ch(cid:1229) n(cid:1245)i dung s(cid:1217) (cid:255)(cid:1133)(cid:1255)c hi(cid:1227)n ra là (cid:264)ích liên k(cid:855)t
(cid:128) Các d(cid:1189)ng liên k(cid:1219)t : a. Liên k(cid:1219)t n(cid:1245)i : - Bookmark : liên k(cid:1219)t gi(cid:1267)a các m(cid:1257)c trong cùng trang Web. - Page : liên k(cid:1219)t gi(cid:1267)a các trang trong cùng b(cid:1245) Web. b. Liên k(cid:1219)t ng(cid:1233)ai : - Web Site : Liên k(cid:1219)t (cid:255)(cid:1219)n 1 (cid:255)(cid:1231)a ch(cid:1229) Web site khác.
Tag Liên k(cid:1219)t
(cid:128) Liên k(cid:1219)t (cid:255)i(cid:1223)m d(cid:1263)ng ( BookMark ) :
(cid:264)(cid:1223) th(cid:1269)c hi(cid:1227)n liên k(cid:1219)t n(cid:1245)i trong trang (cid:198) Ph(cid:1191)i t(cid:1189)o (cid:255)i(cid:1223)m d(cid:1263)ng
tr(cid:1133)(cid:1247)c khi th(cid:1269)c hi(cid:1227)n liên k(cid:1219)t.
- Bookmark Name : Tên v(cid:1231) trí liên k(cid:1219)t.
a. T(cid:1189)o Bookmark : Cú pháp : < A Name = “Bookmark Name” > N(cid:1245)i dung b. T(cid:1189)o Liên k(cid:1219)t : < A href = “# Bookmark Name” > ….
- # Bookmark Name : V(cid:1231) trí liên k(cid:1219)t di chuy(cid:1223)n (cid:255)(cid:1219)n.
(cid:128) Liên k(cid:1219)t n(cid:1245)i – Trong cùng b(cid:1245) Web
Cú pháp :
< A href = “NamePage.htm” target = Style > n(cid:1245)i dung
- NamePage.htm : Tên trang htm trong cùng b(cid:1245) Web. - target : Th(cid:1223) hi(cid:1227)n c(cid:1265)a s(cid:1241) cho liên k(cid:1219)t. (_blank , _top, _self)
(cid:128) Liên k(cid:1219)t ng(cid:1233)ai – (cid:264)(cid:1219)n (cid:255)(cid:1231)a ch(cid:1229) Web
Cú pháp :
< A href = “http://WebName” target = Style> n(cid:1245)i dung
- http://WebName : (cid:264)(cid:1231)a ch(cid:1229) Web. - target : Th(cid:1223) hi(cid:1227)n c(cid:1265)a s(cid:1241) cho liên k(cid:1219)t. (_blank , _top)
Click vào (cid:255)(cid:1223) liên k(cid:1219)t (cid:255)(cid:1219)n Web site Microsoft.
Liên k(cid:1219)t (tt)
(cid:57) Thu(cid:857)c tính TARGET
name: t(cid:608)i trang web vào frame có tên NAME
_blank: t(cid:608)i trang web vào c(cid:877)a s(cid:853) m(cid:859)i
_parent: t(cid:608)i trang web vào c(cid:877)a s(cid:853) cha c(cid:871)a nó
_self: t(cid:608)i trang web vào chính c(cid:877)a s(cid:853) hi(cid:644)n hành
(cid:57) Chú ý:
_top: t(cid:608)i trang web vào c(cid:877)a s(cid:849) cao nh(cid:610)t
(cid:129) Liên k(cid:636)t v(cid:859)i (cid:255)(cid:648)a ch(cid:646) e-mail thì (cid:255)(cid:628)t
href=“mailto:(cid:255)(cid:648)a_ch(cid:646)_e-mail”
Ví d(cid:869): Ph(cid:606)m Th(cid:636) B(cid:608)o
(cid:129) Th(cid:881)c hi(cid:644)n l(cid:644)nh JavaScript khi kích chu(cid:857)t vào thì (cid:255)(cid:628)t
href=“javascript:l(cid:644)nh”
Ví d(cid:1257)
Tr(cid:1133)(cid:1249)ng (cid:264)H KHTN Tp.HCM
Tr(cid:1133)(cid:1249)ng ph(cid:1241) thông n(cid:259)ng khi(cid:1219)u
Liên k(cid:1219)t nhóm tin t(cid:1261)c
Ví d(cid:1257)
(cid:264)ây là trang Web (cid:255)(cid:1195)u tiên tôi
(cid:264)ây là m(cid:1245)t b(cid:1261)c (cid:1191)nh có kích thu(cid:1247)c 100 x 90
Có vi(cid:1221)n xung quanh (boder =1 và vspace,hspace = 20)
Text thay th(cid:1219) là " B(cid:1261)c (cid:1191)nh v(cid:1221) chú báo "
Canh l(cid:1221) trái
B(cid:1189)n hãy thi(cid:1219)t k(cid:1219) th(cid:1265) xem !!!
Tr(cid:1251) v(cid:1221) hình v(cid:1217) !
Liên h(cid:1227) ptbao[at]hcmus[dot]edu[dot]vn
Liên k(cid:1219)t (cid:255)a hình (cid:1191)nh
(cid:57) Xác (cid:255)(cid:648)nh các vùng liên k(cid:636)t trên (cid:608)nh
....
(cid:57) S(cid:877) d(cid:869)ng trong (cid:608)nh
Ví d(cid:1257)
Chuy(cid:1223)n h(cid:1133)(cid:1247)ng trang web t(cid:1269) (cid:255)(cid:1245)ng
(cid:57)
URL=“URL”>
– Chuy(cid:640)n h(cid:585)(cid:859)ng t(cid:881) (cid:255)(cid:857)ng sang trang URL sau th(cid:861)i gian 3 giây
– (cid:264)(cid:628)t trong ph(cid:612)n
…FRAME
(cid:57) M(cid:855)i c(cid:877)a s(cid:853) ch(cid:873)a 1 URL (cid:873)ng v(cid:859)i 1 trang web
(cid:57) Hi(cid:640)n th(cid:648) (cid:255)(cid:857)c l(cid:618)p nhau
(cid:57) C(cid:877)a s(cid:853) = FRAME
FRAME
(cid:57)