Bai giang mon tk web 1 docx
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.29 MB, 70 trang )
CHƯƠNG I – GIỚI THIỆU CHUNG VỀ INTERNET VÀ WORLD WIDE WEB
I.1. Giới thiệu về Internet
!"#$%
&"'("%)*"+&",-"."
/0"%
123*%&"'($4"567!)"8""5
91:;:
<=#$"8(<=2>?"$66&"%
<(#$*%"@A"#$B"*7C'*DBE*
#$*@A"#$B"*"-FGGHC$E9"ID
I.2. Một số khái niệm liên quan đến Word Wide Web
- Dịch vụ WWW: J70K"&"E70K%LL
MMM#$NO7"P-Q9NQ9NP-R@&"("
MMMS7K""&"!Q9<J#3NO7""&"#2
- Định Nghĩa WWW: (&""),"$BS7K"NL&""
7&"")Q9N"5TQ99:
MMMQ99:,U
V1,WWX()?@>%)?@>
V9%&"")<7$30R>EEY"$OI
VZ#$%T$[EZE9I
I.3 Một số vấn đề cần quan tâm khi thiết kế và xuất bản trang web
- Trang WebU !"&"6>#$\N!""?@>#]@)
"8"M@ 2()5#"?@>ER>EOI&7"Q9<J
#$6>"
- Website:M@-"M@%(L^L#0E#$$!"
(O_"#2
- WebBrowse:`3N#$&""E^">S7K"(6#3NE2
#2"a$("7)"!"$BS7K"#("@")*"E
6#2"8M@bc
1M@bc&"7K"UdN 1 "
- WebServer:
Q)#6
M@eU :6M@e
(7"&"
M@e#$N$( 22)K-XC1D
#2OEO#2."S'>>61&"'M@e
9R7)M@bc2)K*%eE"S%e->
BE30'>"$BS7K"R
e
1
11
1
CHƯƠNG II – NGÔN NGỮ HTML(Hypertext Markup Language)
II.1. GIỚI THIỆU VỀ HTML
1. Khái niệm:
Q9<J("&"!3)L>!""R@RLR7)@
Q9<J#$S7K")#$?@>MMM
Q9<J237_"#3#$7!)>E*
2. Trình soạn thảo.
`3()EF"Q9<J$%>8(*@(>#3)
12L6@(>#38U :7EM7:7Ef:"gGGGE<7hcc
II.2. TẠO MỘT TÀI LIỆU HTML
1. Tạo một tài liệu
</(R>Ci7K :7D
ej:"jkj 7jlL)R>
Zm(7"
Z%U]
2. Chạy
L#^"M@#n
II.3. GIỚI THIỆU MỘT SỐ THẺ THÔNG DỤNG
1o7_"#3@R7)5R@?@>R]7_"#3
p(*#"E(#$4"R<=o".(X
qdrMsth@@8@%7LW@,4WCuDW%4WCjD
Q)3)@A"(]oUo/CuqdrMsthjDo#2"
Cu;qdrMsthjDhL",CW;WD)o#2"J)v#("#?@>A"!
ouqdrMsthj`?@>0#(")u;qdrMsthj
<(*o&"2]E^"#$"8o="o#4
1. Thẻ trình bày trang
Q9<JS7K"oC"D#3O@)OK
`OL^("Q9<J#4">U
uQ9<Jj
uQdkhj
u99Jdj15#6"M@u;99Jdj
u;Qdkhj
ubshr1*2
15(7""M@
u;bshrj
u;Q9<Jj
1"M@U#$g
9o<HTML> </HTML>:h_"#3&"@R7)@@\#^(
"M@
:#U<HEAD> </HEAD>U`O232]&""M@
9#6Uuju;jU<&>#6"c@
:U<BODY> </BODY> l#0_"O"c@E45&"
Ví dụ:
uQ9<Jj
uQdkhj
u99JdjMQ9<Ju;99Jdj
u;Qdkhj
ubshr
uQFj7Q9<JQFu;QFj
uQgj7Q9<JQgu;Qgj
uQwj7Q9<JQwu;Qwj
uQxj7Q9<JQxu;Qxj
uQyj7Q9<JQyu;Qyj
uQzj7Q9<JQzu;Qzj
u;bshrj
u;Q9<Jj
2. Các thẻ định dạng danh sách
{"|U1,F72#*5E&"#*5"c@%6
K
a. Danh sách không đánh số thứ tự
u}Jj
uJj<KF"7
uJj<Kg"7
uJj<Kw"7
u;}Jj
9(ou}Jj
9~•h€U]#0E#|a#'(
•e'€U<(R&"•#$&#
•1€U<(Ra&"#$&#
Ví dụU97LU
h8%
u}J~€€j
uJj9qQ
uJji?qJ
uJj:9Q>
u;}Jj
b. Danh sách có đánh số thứ tự
usJj
uJj<KF"7
uJj<Kg"7
uJj<Kw"7
u;sJj
1(ousJj
9~€F€Uq3#7UFEgEw
€€Uq3#7UE@E
€k€Uq3#7UkEbE1
€€Uq3#7UEE
€€Uq3#7UEE
e~€"0€Ul#0"0/#7
i7KU97LU
h8%
usJ~€k€~zj
uJj9qQ
uJji?qJ
uJj:9Q>
u;sJj
Lưu ý:
12376L@A"S7K"ou}JjusJj."U
i7KU97‚U
uj
u@7j
ufƒ~yj<u;[j
usJ~WWj
uju[ƒ~xjJu;[j
uj
uJjq@
uJj1@
uJjQ"@
uJj17
u~WWj
uJj1f
uJj11
uJj1M
u;j
uJj97"
u;j
uju[ƒ~xjbu;[j
uju[ƒ~xjJ"Iu;[j
u;sJj
u;@7j
u;j
3. Các thẻ định dạng ký tự
a.Định dạng Kiểu dáng - Style
<B> (7"?@></B>: (7"?@>#$#-
<Strong> . . . </.Strong>: (7"?@>#$#-
<I> (7"?@></I>: (7"?@>#$""
<U> (7"?@></U>: (7"?@>#$"7$%COD
<S> (7"?@></S>: (7"?@>#$"""
b. Thay đổi Font, Size
<FONT FACE=“FontName1, FontName2…”> (7"?@></FONT>
l#0f (7"?@>E -&"2f FvLf g
vLf]#0R7)
<BASEFONT SIZE=“n”>
l#0„!>)"0U9XF#…C†EFGEFgEFxEFzEgxEwzD]#0w
<FONT SIZE=“n”> (7"?@></FONT>
l#0„!(7"?@>
VD: 9-%(7"$
<HTML> <HEAD> <TITLE>BAI THO CO HAI MO</TITLE> </HEAD>
<BODY>
<P><Font size=4><B>CÔ HÁI MƠ</B></Font></P>
<NOBR><I>
Thơ thẩn đường chiều một khách thơ<BR>
Say nhìn xa rặng núi xanh lơ </I><BR>
<B><i>
Khí trời lặng lẽ và trong trẻo<BR>
Thấp thoáng rừng mơ, cô hái mơ</B></I>
</NOBR>
</BODY>
</HTML>
c. Tạo chỉ số Trên/Dưới
<SUP> Văn bản </SUP> : 9‡*?@>
<SUB> Văn bản </SUB> : 9‡*7$%?@>
VD:
uQ9<Jj
uQdkhj
u99Jdjik bk 1Qes9td h}su;99Jdj
ubshrj
i?@>2‡*Uklue}:jgu;e}:jVblV1~Gubtj
i?@>2‡*7$%UQue}bjgu;e}bjs
u;bshrj
u;Qdkhj
u;Q9<Jj
4. Các thẻ đặt màu
a.Xác lập màu chung cho trang Web
h_"(obshr#3N-U6E?@>E?@>
<BODY BgColor=“Màu” Text=“Màu” Link=“Màu” VLink=“Màu” Alink=“Màu”>
Nội dung trang Web. . . . .</BODY>
b"1U<6"
9NU<?@>
JU<$-
iJU<#n-
kU<#"•<
b. Xác lập màu cho văn bản
h_"(1ofs 9#3N-U(7"?@>‡#0
<FONT COLOR =“Trịmàu”> (7"?@></FONT>
ihUufs 9fk1d~•9€1sJst~•t7€eˆd~wj1&"")&"u;fs 9j
Các mã màu
9 90 9 90
b ` ‰GGGGGG s O" ‰†G†GGG
t7 `•
‰ffGGGG 9
O‚
‰GG†G†G
b l
‰GGGGff <
O
‰†GGGGG
l`-
‰GGG†GG Z
l
‰†G†G†G
J i1 ‰ffffGG
f
Q."
‰ffGGff
M 9\"
‰ffffff Z
J
‰GG†GGG
t `9
‰†GGG†G e
b
‰1G1G1G
rc i" ‰ffffGG
k'
"8
‰GGffff
5. Các thẻ chèn âm thanh, hình ảnh
a. Chèn hình ảnh
u<Z~W#0‡Wk~•1O^€j
e~W#0‡WU1‡45>p"M@
k~W1O^WU1,7a"!E73(>#$pE7a"!N#2
vNL)
b7~U1‡#0#$B"6>
Q"~U1‡#0#(>
M7~U1‡#0#((">
k"~?6UJ6>?@>@'>C9E77Eb[E"D
Q~U1‡#0>"X>#?@>@'2678
i~U1‡#0>"X>#?@>@'26""
Š`]>6"c@
eS7K"ou@7b"7~‹":Œj
b. Chèn âm thanh
ub"7~W#‡W~j
9("u@"7j
et1U`$B"7‚#[O
JUe*]C@A"FUJ]&D
u@"7j9$B"#]""u7j"c@
i7KUubZes} h~‹@7ŒJss:~‹FŒj
6. Các thẻ định dạng bảng biểu
a. Tạo đường viền.
<TABLE BORDER=n BORDERCOLOR=“Trị màu”> </TABLE>
eS7_"(b7"o9@E@A":NE]#0g
b. Tạo đường viền có bóng.
<TABLE Border=n BorderColorDark=“Trị màu” BorderColorLight=“Trị màu”> </TABLE>
b71hU<#-•b71J"U<"
b. Thiết lập độ rộng và canh lề bảng
<TABLE Widht=n Alight= “Center” / ”Left”/ ”Right” > </TABLE>
U`(("*#0@A"NQ]#(("$4"#*H$%SŽ
1U1"!SŽR7)Ei?@>&"(@'
J[U1SŽR7)Ei?@>v(@'@>@>"
t"U1>SŽR7)E?@>v('@@>"
c. Xác lập màu, ảnh nền cho bảng, hàng, ô.
h_"(b"b"7"o$4"5"
Thuộc tính Ý nghĩa
u9@b"~•90€j <6@>"
u9@b"7~•""[€j •6a@>"
u9tb"~•90€j <62"
u9tb"7~•""[€j •6a"
u9hb"~•90€j <6&
u9hb"7~•""[€j •6&
u9Qb"~•90€j <6
u9Qb"7~•""[€j •6
d. Định dạng ô.
16(7""&U
h_"(k"o$4"5"
Thuộc tính Ý nghĩa
u9hk"~•Q$%"€j 16""&$%"UJ[Et"E1
u9hik"~•Q$%"€j 1678&$%"U9EbE<77
u9Qk"~•Q$%"€j 1"#66""
u9Qik"~•Q$%"€j 1"#6678
u9tk"~•Q$%"€j 16""&""
u9tik"~•Q$%"€j 1678&""
q>""&"!&
1e"~•€q>""!&
1:77"~•€q•"'(7"&:N]#0g:N
9@>"&&U
h_"(tce1eo9h9Q#3&26";(
Thuộc tính Ý nghĩa
u9htce~•€j 9&2#("
u9h1e~•€j 9&2#(("(
u9Qtce~•€j 9>#("
u9Q1e~•€j 9>#(("(
ihU9-Q9<%(7"$
uQ9<Jj
ubshrj
u9kbJdb7~Fb71~W:W1e"~GM7~zyGj
u1juQgjq•9‘}•Q’19“:u;1j
u9tik"~<77k"~1b"1~WJWj
u9Qtce~gM7~FyGjQ8iubtjQ8eu;9Qj
u9Q1e~gM7~FyGj ?eu;9Qj
u9Qtce~gM7~…Gj`3ubtj9bu;9Qj
u9Qtce~gM7~FwGjlJ8u;9Qj
u;9tj
u9tk"~1b"1~WJWj
u9QM7~…yj u;9Qj
u9QM7~…yj !u;9Qj
u;9tj
u9tk"~1j
u9hk"~WJ[WjJ9lOu;9hj
u9hj•@”u;9hj
u9hjF•yGu;9hj
u9hj†yu;9hj
u9hjZ•u;9hj
u;9tj
u9tk"~1j
u9hk"~WJ[WjJ$9<u;9hj
u9hjF•†yu;9hj
u9hj•@”u;9hj
u9hjxyu;9hj
u9hjq,u;9hj
u;9tj
u9tk"~W1Wb"1~WJWj
u9h1e~wjubj9Ž"*8#Uu;bju;9hj
u9h1e~gjubjxQ8ubju;9hj
u;9tj
u;9kbJdju;bshrj
u;Q9<Jj
CHƯƠNG III - THIẾT KẾ WEB VỚI DREAMWEARER
I. MỞ ĐẦU
FZ%)
k7@hc8"#3M@)EN,6>
?"'‚="‡S7hc,"$BS7K"
E)%L6">&"")hc"^^"\B"3
c@"L6&"K#3'>–@>R
g !">hc†
- Tích hợp RSSU%hc†^"23".teeX"@A"
-".),>!"[7*NL)@A"E^"
237!)l<J"(7+7"
- Tăng cường hỗ trợ CSSU"@>$4">?"NS–1ee#$
>11ee#n#$NO7""^-4#"1$4"R
Y"($%%"^"$BS7K"‡S8(7+7"49
#2Ehc†2(&"K,-_
$4")"c@#"#$NCEc@9iE:hkD
- Truyền fileU%hc†23K)"$4"R7!"-
#$‡Sq>?"#."@(#$>),"$BS7K"3!"
[2#Ž2;/2-A)"#p"–*
- Giao diện được cải tiếnU "$B7_"23S7K"?"ˆ"h"ic#3
)7+7"4EL)%@>".1$%#$>"^#
"c@XX"N(
- Thanh công cụ mớiUhc†2(&"K%E^"vRL
&"K/@R"17ic9&"K"L6?"%#3
'>–77+7"4 "$B7_"23^‡%(^(—
- Khả năng tương thíchUhc$4"%@>:Q:%LE17[†…
i7f
wq&"")CMD
`3@\#S7K"hcE^">'%"7)!"-@#
&"")RJ$–@>M7c2@)%@>
<seZR26@>M7c
#O#/#("hc†E)*"v)(,^"
("cUh"17Designer workspaceL>!"S*
"(&$B"#$*$2)c@'Coder workspace#$
$%"#-RE!""$B$B")%Q9<J"&"!
-RM@h_^")/cR^"‚23-#L
>5?"hc
1^"233'"!h"c17c@L˜^
@A"R#4M7cjMJ8c
q/hc†E^"vLStart page2!"_8U
• J%!"-#$/"L
• 9_8#3-%12L67"[#3"$B7_"8
• 9_8#3%‚2™
• !""$4"RE"#22hc(
• J#70KhcdN"2!"""$B7_"23S7K"#3
?"hc
II. GIAO DIỆN CỦA DREAMWEAVER
F<R@#
q/#("hc(R$4"$7$%#Ov)E^"v_"R
3'!"R
g1&"K
q/#("hc(R$4"$7$%#Ov)E^"v_"R
3'!"R
Title bar:
9#65$4"RC<7hc†D)
^"#")Ea"]7L"]#4#07"[)#$n2
A/*_"@>^ƒENƒ;
Menu bar
9R#45)hc1)#$27"77c
6)#$#]R#4E$"#&Y">&"'
Standard ToolBar
9&"KT5(*)&"7K"LEš"s Ee E9%E
Document toolbar
9&"Kh5@3$""^)(*&")$B""]$"&"
7$#]"e77@Eš"#Ž7"c)EcE
Status bar
9"30"Q9<J"$BS7K"#")C"RER^"#"/
"()="^"/""u@7jD1^"Y"233'"!
#(8#*$";?@>E#(,R#(ƒ@A"@^/@>
w:
hcaS7K"•["c7c€$4"$@1SŽ#$
"8panel]inspector`3@)"!ER"ER7"!"
_8#Ž_#*$"#$8
1^"23,30]&"30&"'R#4
M7ch$%#O'8"L
Properties inspector
:30,^"‡S(#*$"#"#$
81š"E8?@>Ev30[E6ER"#-E
""?@>EI
qL^ ^"23-(*(#*$" ^
A/"27$%@>
1\\#Ov&"K^"S7K"6L"hc
Insert toolbar (hay còn gọi là panel of objects)
@,#*$""c@&">')*"1
#*$"#$O25?"U@ENE[E
1^"23#6‡#3@3$"307$%7"^LC$"
RDE7$%7"E])#."B>^L
x17"N"c@
17ic
17c#$S7K"#3)%79v&"2R6)?@>
c@v@0#Ž$#7@0#Ž
@ec
ecSŽ)_"q307E
7$%30&"K‡S'q2(#Ž#2"R
v#$#Ž"-5
h"ic
1#(h"c,"$B7_"‡S"c@&"'"7)
'`O7"c]hc7"c#$S7K"6L
y:$%"7‚
9Q^"23U
- Q30SŽQ1^"238K}"hc]LfF
- </CZ"e79D
- </t[#3>6^–"|"Q9<J
- 13#hce1"c@<7
- 13#<7sf
z9("c@
9L>""_"(2_"#07"Eš"$6"E[!"
1^"23‡#0#07"X""@A"S7K":"
12@#3/SŽ$U
- ›Ž1Vœ
- 1<7[8K:":
- t"*"18:":""!>)<((
$vNL)U
9"k"2!"(U
- Background imageU,‡#0R6"QRv#$4]
- Background colorU,‡#06"E$"$–^"‡L
6&"2R6i6"\RR66
- SizeUN#0[ƒ
- Text colorUN#0[
- MarginsU-6?@>c@J$–6&"NL)"SŽ)
hcE^"‡NL)R7)
9"9;17["2!"(U
- TitleU#O#6"c@9#6v#$30#6R
7Ž)hc
- EncodingU5"c@#$n2i%"7"i)8K
}7C}9f†D
9""J^"2(U
- Link colorU
- Visited linksU#n#$L
- Active linksU#"#$8
- Underline styleU]R#N2v#$"7$%9_8
,‡#05"7$%E]#4">&"2"7$%
9"9"""2(U
- 9""U-R>6"c@9R>‡NL)
"SŽ>hc&"NL)c@@c
- 9U-#("*R>#$89""
…b>"CD
`3‡#0>S7K"(@>"$/R
@q8(E"0N7#2
#$30/@>"
b>"hcS7K"gyzc@
"$B7_"23‡#0@A"^
!"^NL)/ L
6#*$"EY"$"L6SŽ‡#0(
CNE@]@DE$4"$SŽ:"^"#nL/
1238@A"1#(N E#3301
15"m"0N7&‡#0
III. LÀM VIỆC VỚI TEXT
9"^"v8#6‡(?@>Y"$1ee
E,7K"?@>
F`07"?@>
e8?@>E)#07"23#$)&"'9N'
:
fU
•#O^"8(7"#?@>#n#$$%1"0237E
"][7Q7"$B"#$7_"#3#6""c@:[7
,?@>NL)$#$-
@ fU
1,"$Bc@8(-[J$–#O
-[R‡([ER^"‡-(
[7LE2>?""$B7)c@&"2[#2
8
"$B7_"&"2[R?@>v#$
7K"(["-[#n8X$%1š"
E^"8Arial, Helvetia,Sans-serifE^"vL
"c@@A"[kE$"^"
&"2[kE^"vL?@>#$30@A"[QE$4"$-
!"[a
eƒU
Q(ƒ,#Ž„?@>123‡#06#40#E
š"NEEI
7 1U
1,‡#0?@>E@•'#n#$#0$%":"
&"2#$‡#0/#O/:"E?@>v2]#0#
eU
l-?@>2#-]""&"99N^"23N-‡
#06"OC7D6_8 !"_8&"2":
2#$S7K"R$B"#$"7$%E7#2E"7$%?@>$B"v
"$B7_"‚#2(
[ k"U
1,-"6?@>@*8U[EE"ž[7
" JU
!"^,@]#*5
9N7U
Q^,-E]N2E#(7B?@>9N7(7"6#$
->@@>#?@>"$B"E^LvN-#(
7B@?@>
g97CJD
i?@>"c@23#$307$%7"71237#$#
*5]7#$#7L#7a"C@D
`37X!"7a"?@>#n#$-SŽ>E$%8
!"7a"72E#2#2_8:E]9N
bC&"25D#$8@A"^ E"7#$#*C25D
#$8@A"^
`37.""(7E$"7K#OE>text
indent!"7^"*7/5
99NjJj:E^"23-((7
#"#$8J$–>87X$%]#3•A"7#3
K8
9"SŽJE^"23‡#07E@]@#$
S7K"C"e[7DE"$B"77E^"23‡#0@\##*
X*
w1eee
99NE8KStyleE^"v2(-#$#0"|$%23
7K"*?@>#"#$81^"23#0"|(- !"
%E#$"81eeeE#$7_"#3"0((*e#2
&">-X"((#?@>!9‡7K"X
#0"|#?@>#2&
6_8/#O23#$S7K"#3#0"|(R>E]!"
L"Q9<J&"=
<("!"%1ee^"2>?"--L#4">”S
!(1eeE#07"L>"c@2S7K"#2Y"#$#("--
<(@L(*R7)&"=1eeiR#O#6!"@>
R7)Y#6N>
!"(7K"N#$#("1eeE@"
7?@>Q9<J
`3(1eeeU
F9"c@E8*?@>*‡#0#07"
g9":ES(#07"?@>E-(6[E
6#07"#L_
hcv#("(%%Style1]Style2]Style3E_(
!"™2
9"REvNL)%Style1"(e
1^"#ŽE$B"R2" %##*
$"#$7K"#2`3#6E(Y
@@Nstyle list8KChange name <((v),"$B7_"-
%
J$–&"2>"\""$B"E#$#]redstyle
1sqE^"vL(2Results1#2
<=%#$#6#$E^"23-^"
2"&"'9Nj1eee
9"1ee^"23LA"%#n#$#("
Q9<J7"c@v$4"$U
u7j
u~WN;Wj
u—
7Ÿ
[[UkEQE[”
[ƒUF†N”
[c"U@7”
U‰ffGGGG”
j
u;j
u;7j
u@7j
u~W7Wj1eee9Nu;j
Cách thức áp dụng CSS Style :
9""c@E8*?@>*7K"1eeE]#]•"(#
C"D#37K">##2 ^"‡8(?@>"(
"E1eee‡#("##$8
9E":E8X#$"7NL)
(&e
IV. SIÊU LIÊN KẾT
FZ%)
<(Ea"8E(*"^3"$B7_"#("
c@](-2
1^"23‡#0NE"E]("
g9
17+L#37_"`3#6E8
N]#*$"v#$7_"#*$"5E#2-&"*Link"
1š"%"cccER#O)#*#$B"
@\@(>@\#@A"Q99:U;;
1^"Y"23•="€¡5&"##O>h"
23!S7K"behaviors`3="E‡"m–#KJ
<(#3jQ
h$%#O–"|K(U
- 9NU?@>5
- JU#0‡"c@;[*#
- 9"U‡#0*//#O
- 9U&"7K"$4"(kR>`2"a"^"!>
"$BS7K"
- kU-\J#$NL"$B7_"L
ŽAlt + phím7‡#0"[7
- 9@7NUR^"233X"@A"9@E9@7N$
!5""c@
wJ9"
9&"*target‡#0v#$//SŽ9&"*2"0"RK(
)"c@)#"S7K"‚[$
9&"*target$B"-(""0
- ¢@U/"(SŽR7)%
- ¢U/"SŽ5#2]-[/5[)
- ¢[U`O8]J#$/"_"SŽ][)
- ¢U/"@(SŽR7)
x`07"
9&"$B"EN(#$"7$%b#2E2a23#$30
@A"@E!"23#$‡#0":"b#$
-@"U$#$LE#$8#n#$L
q#$#0"|(R>E^"23L(#$B""2,#5N"
'R2q#$#0"|(R>C"DE^"
23RL/#(7"chc
£Border,^""R>E#6&"K()R
>#225&"
8"0GEv&"2"ER)""0#2#.""|%)#(("
#$B"o"RY"@A"G
(#N]R>2E•(v#ŽR7"#$#]
<]#0ER>R@>C"7D
yJ##0‡
1^"23##0‡qL7"E
"$B7_"c@v/SŽ#38$#)S"S##07"L
1^v$Umailto:e-mailaddress
9&"*23#$‡#0"KJE]&"'
InsertjEmail link
9$B" S 7K"E&" 3 ( > Q(
hc‡,"mNv5&
V. SỬ DỤNG HÌNH ẢNH TRÊN TRANG WEB
1^"vR3R>"c@1^"Y"vR3(*
7"R>#]@)Eš"t^L@A"[E!"#*$""^?"
'"c@
F1pR"c@
ij"lL)(SŽ,8R*p"U
f2#07"b<:v&"NL)"SŽX^"8All files"
KType of files
9"KRelative to^"23‡#0R>v)%"c@%$K
"* 8_8DocumentR^"73#(0E2
>?"^"v&"L#$R"
`$B"7‚#RvA/K}tJSŽEp"E#$B"7‚v
A/Ket1
15#$B"7‚v#$p$K()^"8R
>2)%[7%7
i7KE^"_"$/"$"$Kimages"c@*pR_"A"
$K"*<([R>2abc.jpgA"[7images
9$B"KRelative to2"0DocumentE#$B"7‚vU
images/abc.jpg
9$B"KRelative to2"0Site RootE#$B"7‚vU
/images/abc.jpg
^"p(Rb<:"c@E[Rv&"#$30#^"
hcE]7_c@@c2‚30@R$B"9hc[b<:v2
@3$"$U
`OY"@3$"NL)"hc(R#n#$p&".
#$B"7‚‡#0pR`623N>^"S[RE]
32#($K9$B"ER>^"RL@cv$U
`2(R!-%!l#•E7Lv-R]"0
(Alt^"#n"R"
geS„R
9"hc$%R>23‡S#$9‡S&"
#Ž$%RE$"^"vL#Ž""c@
1L$"R#$‡SL23v,4$B"^"S#Ž@A"(
$4"R@"Eš"fcE:k1he
1^"_"N7K7$%#OE@3$"hc"@>#n‡
S26U
Hình gốc Hình đã chỉnh sửa kích cỡ
12#Ž„R>U
1#8R7_"(,("R&" #@
'R
157_"E^")‡S&"*M]Q
!"[7vNL)(#*$""#$8
w1pt"
<((R#$@A"(R2(•h"R$B"
#$S7K"^L
1)$Uj"@žjt"9"SŽ)E
‡#0R""*RvR"
_8Preload rollover image ^"28KERv
#$>N*""R7)>"c@6EB^"#$>"B"B
7c7R•(#'R"*
x1pfb
12(#3)5"$4"$`2f@
`3p([@"c@Ej<7jfbEv2(U
9"KStyle^"2387"^L_
9"SŽ^"-(U?@>30^LCbNUDE
[fv#$$CeUD&"*6CJU9"UD
J$–^Lv#$$7$%7"[fC23eMfV
9":[@E^"23#Ž(^LU
Q(fb23#$/@A"^EditE%^Play
^"23N$%"^""hc&">/"
R7)
e3N"[@E^"(!^:CB#3
#n#$3^eD
yfN
fN"*"$E$"R#ŽR>E2#Ž!
`3[N"c@Ej<7jf9N
9"SŽ)E-NEE#*$"NY"$‡#0"
:[N"*"$[@
z "@
<("@8-R>v#$S7K""*"$(#37)'
M@e<(c@"‡#$5("@
`3p(@c@Ej"s@žj "b
9"SŽ^"23‡#0@*R>@*"=
^LY"$‡#0^"
eS7K"^/SŽ#3]N2^L"@
i%^ 23^%E%^ 23N2^#"#$8E^
25?"#Ž0#"#$8
`6#]@)/#O2#@*"^E(#6^"&"3)#$
%(
9"K^"23'#0^A6#5"6"""
VI. THIẾT LẬP BẢNG BIỂU TRÊN TRANG
9"^"vR35)%@1^"vR3p
@E*Ep7a"(E#Ž#((""
FZ%)
<8#*$""c@#6#$9B@^"
23@*N(E#]R(*?@>E6)&"2
@E^"&"3#$
iB#3)c@#67@9(LR@L
!")c@
Table là tập hợp các ô được phân bố thành các cột và các dòngh$%#O^"2(7K6
@U
g1p@"
`3p@"Ej
9@
9"SŽ)E^">‡#0
*"CtcDE*(C1D#(("
@C9@c7D
9*Table width23#$‡#0
:N]?C:D`(
(":Nđộ rộng tuyệt đốiE&"K
($%SŽR7)
9"#2#((":N#0*
?#(("SŽR7)v@0@/@7#2v#$#6‡K
(#(("SŽR7)
Border thickness‡#0#(7"@#40NZ0F#$"]#0
Cell Padding‡#0>""!(7""&%6&
Cell Spacing‡#0>""!&%
1^"Y"23-7"@9$B""$B$%c@"$B7_"
0E$4"R#8RvO7"@#0$%"86(7"@
9_8CaptionN-#6@9#6v#$30@"@
9"KAlign caption^"‡#0"6%@
w18#*$""@>"
18@U
126#38>@<("!"#2Modify#]•
"@E5L>(@9">$B"E^"vL_8
TableE"_88KSelect table
1^"Y"238@@A""@E]nu@j
"
q8@]#]•"2Ehcv30#(("@
("(N1_"%#(("panel kéo xuống !"
,^"-#!")7_"@
#]•"@>"$"&"RL_"NE^"23
?"@A"8Table widths"K8Table>@E]@A"
icji7j9@c79&#$)$4"
^"‚&"L#$#(("@(E#6#22"|@]($
#$‡#0#(("$B"#(("#$3)@A"*E*#*#$‡
#0"(@(Ea*5#((""7"c1š"
E"R@#OE(5@2#(("139 $-(2#(("Fw•NE!"
(25(R6&""4E(v#$‡#(("%FxgNC#O
#(("("$BRLRD
1^"23#Ž#6@A"8Make All Widths Consistent"NŽ
N*"X@7"
@ 18(87a"
1^"238(7a""@>"("U
• 9_8Select column"7"(1‡8#$(
• 17E,(#8#$>(]>7a"
• h]•(]@(7a"*81•(v
3Y#q(E^"v8"7a"]"(
• `38(7a"E#]•"7a"#2n<tr> @EC]n<td>
#38(D
18&
`386&EL(E"!(,#38
`386&&"AE>"!1"8&
x`07"@>"
!"(@>"#$‡#0"
9"^"23#Ž!""0#n‡77žp@
"1^"Y"23‡#0!"&"*$k"C‡#0@6@E/
"!/@>DE6E]R6
^"‡8(&](-&E#Ž#323‡#0
!"
:"$B"#$7_"#3‡#0&"*
?@>v#$-&
:7$%#$S7K"#3N#0"0(=&š"$6ER6
&E"&E
12K^"237_"QƒiE!"K0(7"
"&6""6#5"
y9#Ž„@&
$^"#n@E#(("(@23#$'#0:N]?
i)#Ž„@#$)&"')-"0
(MCM7DQCQ"D9&"$B"^"‡‡#06("&"
‡#06
Z0MQ(&&:N9$B"R&"-!""0&X
**#0„&&"*^"@0#Ž„SŽR7)
i)#Ž„@&"‡#$)
1^"a23)@A"•(#$B"@@]&E(,
#0R*
z9]N27a"(
i)#>#]•"(&],(86&E#2>
_"8E]/<7[9">$B"E#6vLK89@
`3(7a"]((EKInsert row]Insert columnha"%#$
vA/_"8E(%#$vA@_"8
1^"23‡#0K34@A"K8c
`3N2(7a"](E#]•(7a"(#28Delete row]Delete
columnK9@>]<7[
1^"Y"2387a"](*N2LhdJ
…Z(&&
1^"23p@@"(@`6#$"8 @
h$%#O^"2(7K6)."@"@9"(@
#$p`3."@E#]•"&*p@E)p@
^"#n@
Gộp ô)*g6&(&7Li)"(&vN2#$B"O"!
&%&7$"((&7L
Chia ô)(&6&
<("!"#3"(&&7_"
26&#$8E!"&23#$"(@A"^
C^A/"27$%@DE]@A"8_8Merge cells"KTable
$^"#n@EKTableA"!><7[
1^"‡23"(!"&/
1š"E"@>"7$%#O&Fx&"3#$"(%EY"$&FEgw
&"3#$*(&%
`3(&E^ E]KSplit cell@9@
9">$B"E^"#6vLSŽ7$%#O9SŽ^"‡#0&
v#$7a"(E*7a"*(v#$
†1#()@
hc"L"$BS7K"6#(c@9X##^"#"
)/e777E^"vK)/#(9E^"‚23
3"(#(@A"icj9@787"c_
1^"2@_8Ue777EdN779@7J7
Layout mode#$S7K"#3"@A"@eS7K"#(cE@&"a
@0@2@(7a"N$X##!9@23#$p@L˜#O"E
hcv!"&*"#3@2330#$/4^"*
Expanded Tables mode&""B&"@1#(Y"?"
#((""@"^&")‡S7+7"41#(c23#$7_"
#38"@]#3L#$0#3p7!)E$""#(^"
v&"L"c@30
VII. SỬ DỤNG FRAME
1^"_R3N["R>7_"[1^"Y"R3
p[c@5)%2
FZ%)
f#$S7K"#3O@*7!)"(c@f"^"!"(*7!)E
š"""@E"!"23#Ž
9(SŽR7)2326[<=[2([Q9<J"1š"E
"R@^"2("
2 g [ f @ 5 [
E [ @ > 5 [
7"
`3N#$"ESŽR
7) / " [E #O "
Ž""
g9[
`3[E$%^"/
([`O23[%]#"
2™
e#2EjQ9<Jj
f9#O^"2387"
[_
^"KJ[E(
[v#$/@"c@
$^"L"R7$%#OE2(
#$B"o#&?@>
9"$B"^"2@[U[ @
E[@>E[5-[f@ >
[^"2X#[A"[ "8
<f
`38[5-[^"#$B"O[
q$[EŽ1Ve‡$[#"#$89$B"
*$(@([R>8_
8fjek
9" $B" ^" p (
[@>R[@$7KE
[*"v#$30/@>[@#
9"R@^"2(7K6"
[
<([#n#$@>[)
2E
9"$B"$%E^"2@[U
[E"E["5-[9"
$B"[2@#[@E
