bài giảng thiết kế web - chương2 - siêu liên kết và hình ảnh trong web
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 (2.15 MB, 23 trang )
“IÊUàLIÊNàKTà- HÌNHàNH
CHNGàII
I. “IÊUàLIÊNàKT
1. GIIàTHIUà“IÊUàLIÊNàKT
“àààààààààààà
àààààààMààààà
Nààààààààààà
àààààààààààà
àààààààà
Nhãnàààààààààààà
ààààààààààà
àààààààà
Đ ààààààààà
2. CÁCàLOIàLIÊNàKT
Internal HyperlinkLàààààààà
ààààààààààà
ààààà
External Hyperlink Làààààààà
các trang trên web site khác.
3. TOà“IÊUàLIÊNàKT
Cú pháp:
áàHREFURLàNàá
URLàĐààààà
NàCàààààààààà
button
Internal and External links
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
Dùng URL àààààààà
àà
Và:
<HTML>
<HEAD> <TITLE> Using links</TITLE></HEAD>
<BODY>
áàHREFààP
Open Page1
</A>
</BODY>
</HTML>
Dùng URL ààààààà
website khác
Và:
<html>
<head><title>Link</title></head>
<body>
<A href="">Trang Google</A>
<br>
<A href="">Trang Yahoo</A>
</body>
</html>
4. LIÊNàKTàĐNàCÁCàPHNàTRONGàCÙNGààTRáNG
NàààààààààààBà
ààààààààààà
àààààààààààà
TàBM:
áààBàTààáàNàà
àà
TààààB:
áàHààBNàààá
Và
<HTML>
<HEAD><TITLE> Using htm links</TITLE> </HEAD>
<BODY><font size=6>
<A HREF = '#Internet'>Internet</A><BR>
<A HREF ='#HTML'>Introduction to HTML</A><BR>
<A name = 'Internet'><b>Internet</b></A><br>
IàààààààNàààààààààà
ààààààààààààGààààà
TCPIPààààààààààààà
<A name = 'HTML'><b>Introduction to HTML</b></A><BR>
Nàààààààààààààààààà
ààààMàààààààààààààà
ààà“GMLààààààààààààà
“GMLà“GMLààààààààààààààHTMLà
ààààààààààààHTMLàCààààà
àààààààààààà
</font>
</BODY>
</HTML>
5. LIÊNàKTàVIàBOOKMáRKàCáàTRáNGàKHÁC
Cú pháp:
áà
Bookmark
Và: Trang main.htm
<HTML>
<HEAD><TITLE> Main document</TITLE></HEAD>
<BODY>
áàHREFààC\DIIá
áàHREFààC\DHTMLIàà
HTML</A><br>
</BODY>
</HTML>
6. LIÊNàKTàĐNàHPàTH
Cú pháp:
áàààENá
Và
<html>
<body>
<A href='mailto:'>E-mail</A>
</body>
</html>
Nààààààààààà
ààà
Nààààààààààà
Kàààààààààààà
àWàEàPDFààààààà
àààà
Đààààààà
II. HÌNHàNHàTRÊNàTRáNGàWEB
1. Cààà
àG GàIàFàààà
àààààààHTMLàààà
àààààààMODEMààààà
àààGIFàCààGIFààààà
ààà
àJPEGàJàPGàEàGààà
ààJPGàààààààààà
ààààààààààTà
àààààààààààà
ààJPEGààààààààà
àààààààà
àPNGàPàNàGàààà
à
II. HÌNHàNHàTRÊNàTRáNGàWEB
2. Càà
Cú pháp:
<IMG Src=URL >
URL: ààààààà
– Nààààààimage àààà
ààààhtml àààààà
àà“
– Nààààààààààà
àààààààà“
II. HÌNHàNHàTRÊNàTRáNGàWEB
Và
<html>
<head><title>Image</title></head>
<body>
<img src=" /image/Blue%20hills.jpg" width="150"
àà
</body>
</html>
II. HÌNHàNHàTRÊNàTRáNGàWEB
3. Càààà
a) D
IMG SRCURL A N
Và ààààà
IMG SRCURL A R N
Vààààààà
II. HÌNHàNHàTRÊNàTRáNGàWEB
b) C :
Càààààààààààà
àààààààààààà
ààààààTààCLEáRàà
àBRàààààààààààà
àààààààààà
Cú pháp:
– BRàCLEáRRààNààààààà
àà
– BRàCLEáRLààNààààààà
àà
– BRàCLEáRáààNàààààààà
à
II. HÌNHàNHàTRÊNàTRáNGàWEB
c) T
Nààààààààààà
àààààààààà
Cú pháp:
<IMG SRC=URL HSPACE=n VSPACE=m>
– HSPACE=n: Kàààààà
àààààààààà
– VSPACE=m: Kàààààà
àààààààààà
II. HÌNHàNHàTRÊNàTRáNGàWEB
d) CààààCààààààààà
ààààà
Cú pháp:
IMGà“RCURLàáLIGNàDVààà
àààà
– Dàààààààà
texttop
II. HÌNHàNHàTRÊNàTRáNGàWEB
Dàààà
Cààààààààààààà
ààààààààààààà
ààààààààààààà
àààààààààààà
àààààààà
Cú pháp:
áàHREFĐàààà
IMGà“RCURLàáàààN
</A>
II. HÌNHàNHàTRÊNàTRáNGàWEB
1. Bàà
Bààààààààààààà
ààààààààààààà
àURL
Cà:Tàààààààààà
àà
IMGàUML
MàNL
áà“àààà
URL
</Map>
II. HÌNHàNHàTRÊNàTRáNGàWEB
Tà
Labelààààà
Type: ààààààààà
RàVààà
Circle: Vùng hình tròn
PàVààà
Coordsàààà
RààààààààààààààCN
Càààààààààààààààà
Pààààààààààààààà
I. “IÊUàLIÊNàKT
Và
<html>
<head>
<title>Image</title>
</head>
<body>
<img src=" /image/Blue%20hills.jpg" width="150" height="150"
border="0" usemap="#Map1">
<map name="Map1">
<area shape="rect" coords="73,3,149,66" href="B1.htm">
<area shape="poly" coords="152,81,71,75,62,109,97,123"
href="B3.htm">
<area shape="circle" coords="37,32,27" href="b2.htm">
</map>
</body>
</html>
I. “IÊUàLIÊNàKT
Hààà
Tààààààààààà
àààààààààààTàà
ààààààààààààà
BáCKGROUNDàààBODY
BODYàBáCKGROUNDà
