HTML5 XP session 04 tạo hyperlink và anchor t2
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 (278.5 KB, 11 trang )
Bài 04:
Tạo Hyperlink và Anchor
NexTGen Web
Mục tiêu
!"#$%& '"%
()'*+,"-.&/,01*,
()2,)&+#"2
()&3)
Các liên kết(Hyperlinks) 1-3
()&3)
+ 4"5&*+678677*+,"9.):*+;)"<"*+,"-.
=;>3) 4>#?"@(),*+667
A" !,B@0/*+C.):*+D *+667
E+ 4#@F,+#" G8)H,I&*+.&,"B,HJ,B ",+
#"
K&B"L,M"2N&)67O ," !>#?"7267 '"P"
K@Q2/;," 467):,"9.678+RJ,;>3 4>#?"
S"# T62+RJ,;>3
Thuộc tính Mô tả
href
Quy định cụ thể các URL của trang web được liên kết hoặc giá trị của
thuộc tính tên.
hreflang
Chỉ ra ngôn ngữ của URL đích.
name
Quy định cụ thể các phần của trang web, mà là để được liên kết.
Các liên kết(Hyperlinks) 2-3
UV,W 4>#?"@"N*+67
ABB+RXOB2677*+YZ): !"#$J,*+,"-.
[#?\
()&3)
<a href=" />
&C.&,*)*&O??)67 4"N
B"
UV,W.M"2>#?"V,W
[
#?\
<html>
<head>
</head>
<body>
<a href=" /> Click to view the Aptech Web site</a>
</body>
</html>
Các liên kết(Hyperlinks) 3-3
()&3)
]N
D# T\
Thuộc tính Target
()&3)
+RtargetJ,2;>AQ2//'*&2,"9.67O*^,*+67
4N
A" !,B@"2"2/)+Rtarget
S"# T6*+%2"2/J,+Rtarget
Giá trị Mô tả
_blank
Tải URL trang trong một cửa sổ trống mới.
_self
Tải URL trang trong cùng một cửa sổ như của các trang web hiện tại.
_top
Tải URL trang trong khu vực hoàn toàn của cửa sổ.
Đường dẫn tương đối và tuyệt đối 1-2
()&3)
K !"#$%&267BP,2/,0;J@B 4*+,"9.
K !"#$%&2%N@677*+,"9.
Cú
pháp:
<a href=" />us/aboutus_aboutaptechworldwide.html ">Aptech Web site</a>
K !"#$ '" %&267 4"N 2G _ J, *+,"9.&
)"<" *?,"@/267
<a href="aboutus_aboutaptechworldwide.html"> Aptech Web site</a>
Cú
pháp:
Đường dẫn tương đối và tuyệt đối 2-2
()&3)
6772G_B)" *?)8.(;"N !"#$7 *?)
[#?87,.)`,.),9)#9#*G_)"*+ *?)B61a"Da2
,\
<a href="about-us/aboutus_aboutaptechworldwide.html"> Aptech Web site</a>
b2G_ 4#)" *?*&&*+N6c"B@ 467.M"2>#?"
!"#$ '"%ba2@677*+G_*+*P ,
\
<a href=" /aboutus_aboutaptechworldwide.html">Aptech Web site </a>
Cú pháp:
Cú pháp:
Liên kết tới địa chỉ E-mail
d667B@ 4G*2#?")2/,01*,)"<"*+2 5B@ 4#<")2
,"-.
bB*?2,B@ 4e*+67 4#<")*+1*,f8bg"( .h;i
2&"1*,*:/8(),*+_h*86*#j"J8& G
K@6**+1*,7*+6678+RX 4>#?"&_7)f*,)\/,0*,
d,T)(*k)N2@667*+/,01*,
()&3)
<a href="mailto:">Customer Care</a>
K@e+"6**+#j"_6)"2".2)1*,*82% 4"+Rlf= 4m&),
2/,01*,
d,T)(*k)N2@6**+#j"_67*+/,01*,667
<a href="mailto:?subject=E-mail to Customer Care">Customer Care</a>
Liên kết tới các loại nội dung khác
()&3)
d667c"B@ 4>#?"@6772G_&2&2
+%)(G_ !"6762,"9.>#?"2667&2G_nopq8b2r
eo.exeq8&o#)q8b2G_D5=sto.pdfq
d667c"B@ 4>#?"@677Djpg&"if
K@Q2/*+G_,D2,"9.86J,G_ 4"N)"U <a> )"
)(*k,T\
<a href="Compressed.zip">Click to download the compressed zip file </a>
Tổng kết
()&3)
+ 4"5&*+67ABG7677*+,"9.):*+;)"<"
*+,"-.
=;>3o3)q 4>#?"@(),*+667
+R,"J,2;>3Q2//'*&2,"9.67O*^,*+67
4N
K !"#$%&267BP,2/,0;J@B 4*+,"9.
K !"#$ '"%&267 4"N2G_J,*+,"9.&)"<" *?
,"@/267
K@6**+1*,7*+66782Xl+R 4),.^*,)\/,0*,
d667c"B@ 4>#?"@677G_&& 2G_nopq8b2r
eoQq8&odocq8b2G_D5=sto.pdfq
