Giáo trình HTML

Cuèn s¸ch huíng dÉn sö dông Ng«n ng÷ siªu v¨n b¶n( html ) lµ mét cuèn s¸ch  
dïng cho nh÷ng ai míi lÇn ®Çu tiÕp xóc víi ng«n ng÷ nµy. Néi dung tËp trung  
vÒ nh÷ng vÊn ®Ò c¬ b¶n trong ng«n ng÷ siªu v¨n b¶n, nã cung cÊp cho chóng ta  
mét c¸i nh×n ban ®Çu vÒ ng«n ng÷ siªu v¨n b¶n, tõ ®ã ®éc gi¶ kh«ng ph¶i ngì  
ngµng khi tiÕp tôc nghiªn cøu tiÕp nh÷ng vÊn ®Ò n©ng cao h¬n. B¹n cã thÓ ®äc  
vµ vËn dông mét c¸ch nhanh chãng nh÷ng vÊn ®Ò ®uîc bµn luËn trong tËp tµi  
liÖu nµy.Tuy nhiªn nh÷ng g× ®Ò cËp ë ®©y chØ lµ nh÷ng vÊn ®Ò c¬ b¶n ban  
®Çu.§Ó t×m hiÓu thªm, b¹n cÇn tham kh¶o thªm ë nh÷ng cuèn s¸ch kh¸c chi tiÕt  
h¬n còng nh b¹n cÇn tù nghiªn cøu thªm. Kh«ng cã g× tèt h¬n lµ ®i vµo thùc tÕ  
nh ngêi ta thêng b¶o:"Muèn biÕt b¬i th× ph¶i nh¶y xuèng nuíc". Chóc b¹n ®¹t  
®îc nh÷ng íc muèn khi ®äc cuèn s¸ch nµy.  
C¸c thµnh phÇn x¸c ®Þnh cÊu tróc d÷ liÖu lµ c¸c thµnh phÇn b¾t buéc ph¶i cã  
trong mét tµi liÖu siªu v¨n b¶n HTML. Ngoµi thµnh phÇn më ®Çu x¸c ®Þnh tªn  
vµ mét sè thuéc tÝnh ®Ó ph©n biÖt gi÷a c¸c tµi liÖu, chØ cã c¸c thµnh phÇn liÖt kª  
díi ®©y lµ b¾t buéc ®èi víi mçi mét tµi liÖu HTML ®Ó phï hîp víi chuÈn  
chung. Nh÷ng tõ kho¸ thiÕt yÕu nµy bao gåm:  
1. <HTML>...</HTML>  
2. <HEAD>...</HEAD>  
3. <BODY>...</BODY>  
B©y giê ta ®i vµo chi tiÕt c¸c tõ kho¸ nµy:  
<HTML>...</HTML>  
a. CÆp tõ kho¸ nµy gióp nhËn d¹ng ra r»ng tµi liÖu cã chøa c¸c thµnh phÇn  
tu©n thñ theo chuÈn vÒ ng«n ng÷ siªu v¨n b¶n. Thµnh phÇn nµy ph¶i n»m  
tiÕp ngay sau phÇn më ®Çu vµ cÆp tõ kho¸ cã t¸c dông giíi h¹n toµn bé  
phÇn néi dung cßn l¹i, kÓ c¶ c¸c thµnh phÇn kh¸c.  
1
b. Mét tµi liÖu ph¶i cã d¹ng tæng qu¸t sau:  
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//2.0">  
<HTML>  
toµn bé néi dung tµi liÖu, kÓ c¶ c¸c thµnh phÇn kh¸c ®Òu n»m ë ®©y.  
</HTML>  
c. CÆp tõ kho¸ <HTML>...</HTML>kh«ng ®îc hiÓn thÞ lªn bëi c¸c bé duyÖt  
vµ chØ ®îc chøa c¸c thµnh phÇn <HEAD>vµ <BODY>.  
<HEAD>...</HEAD>  
a. Thµnh phÇn më ®Çu cña mét tµi liÖu HTML lµ mét su tËp kh«ng s¾p xÕp  
c¸c th«ng tin vÒ tµi liÖu ®ã.Trong ®ã cÆp tõ kho¸ ®Æt tiªu ®Ò còng lµ b¾t  
buéc:  
<HEAD>  
<TITLE>Giíi thiÖu vÒ HTML </TITLE>  
</HEAD>  
b. CÆp tõ khãa <HEAD> vµ </HEAD> kh«ng trùc tiÕp ¶nh hëng tíi c¸ch  
thÓ hiÖn tµi liÖu khi ta xem b»ng bé duyÖt.  
c. C¸c thµnh phÇn sau ®©y liªn quan tíi thµnh phÇn më ®Çu tµi liÖu, tuy  
kh«ng trùc tiÕp "t¹o d¸ng"nhng ( nÕu sö dông ) l¹i cung cÊp nh÷ng th«ng  
tin quan träng ®èi víi bé duyÖt:  
<BASE>-cho phÐp khai b¸o ®Þa chØ c¬ së cña tµi liÖu.  
<ISINDEX>-Cho phÐp t×m kiÕm trong tµi liÖu theo tõ kho¸.  
<LINK>-ChØ ra c¸c mèi quan hÖ gi÷a c¸c tµi liÖu.  
<NEXTID>-T¹o tªn gäi ®ång nhÊt ho¸ cho tµi liÖu.  
<META>-Cung cÊp th«ng tin h÷u Ých cho chÕ ®é truy nhËp  
server/clients  
<BASE...>  
o Cho phÐp bé t×m tµi liÖu nguyªn ®ång d¹ng ( URL-Uniform  
Resource Locator ) cña chÝnh tµi liÖu nµy ®îc ghi chÐp l¹i trong  
nhng t×nh huèng tµi liÖu cã thÓ bÞ tra l¹c ®Ò.C¸c URL trong tµi liÖu  
cã thÓ cã d¹ng côc bé mét c¸ch t¬ng ®èi quy chiÕu trªn ®Þa chØ  
nµy. Chç nµo ®Þa chØ c¬ së kh«ng ®îc chØ râ,bé duyÖt sÏ lÊy URL  
mµ nã ®· dïng ®Ó truy ®Õn tµi liÖu lµm c¬ së ho¸ gi¶i c¸c URL  
2
quy chiÕu t¬ng ®èi. Thµnh phÇn<BASE...> chØ cã mét thuéc tÝnh  
lµ HREF ®ång nhÊt ho¸ URL.  
<ISINDEX...>  
o Tõ kho¸ IsIndex th«ng b¸o cho bé duyÖt biÕt r»ng tµi liÖu ®îc "chØ  
sè ho¸" ( cã liÖt kª c¸c tõ kho¸ vÊn ®Ò). Trong khi ®äc tµi liÖu ,ng-  
êi ®äc cã thÓ dïng chøc n¨ng t×m theo tõ kho¸ vÊn ®Ò,b»ng c¸ch  
thªm dÊu chÊm hái (?) vµo cuèi ®Þa chØ tµi liÖu vµ tiÕp theo lµ danh  
s¸ch c¸c tõ kho¸ vÊn ®Ò c¸ch nhau bëi dÊu céng(+).  
o Ghi chó: Thµnh phÇn nµy thêng ®îc chÝnh m¸y chñ t¹o mét c¸ch  
tù ®éng. NÕu ®îc gâ vµo cã thÓ khiÕn bé duyÖt tëng m¸y chñ cã  
thÓ ®¸p øng ®îc viÖc t×m kiÕm ®ã.Trong trêng hîp nµy, m¸y chñ  
ph¶i cã mét c¬ chÕ hçi trî viÖc nµy.  
o Thµnh phÇn <ISINDEX> ®îc Netscspe bæ sung thªm thuéc tÝnh  
PROMPT ®Ó gióp ta cã thÓ thay dßng th«ng b¸o mÆc ®Þnh ®Æt tríc  
trêng nhËn chuçi ký tù cÇn t×m b»ng mét dßng th«ng b¸o cña  
m×nh. Dßng th«ng b¸o mÆc ®Þnh ®ã lµ:  
this is a searchable index. Enter search keywords  
B»ng PROMPT, ch¼ng h¹n ta cã thÓ thay thµnh:  
Cã thÓ t×m trong tµi liÖu b»ng c¸c tõ kho¸ vÊn ®Ò. H·y nhËp tõ  
kho¸:  
<LINK...>  
o ChØ ra mèi quan hÖ gi÷a tµi liÖu hiÖn thêi víi mét sè ®èi tîng  
kh¸c, thêng lµ vÒ t¸c gi¶, môc tra cøu,...  
<NEXTID...>  
o Lµ tham sè do phÇn mÒm hiÖu ®Ýnh tµi liÖu sinh ra ®Ó cã tªn duy  
nhÊt cña tµi liÖu. Bé duyÖt cã thÓ bá qua thµnh phÇn nµy.  
<META...>  
3
o Dïng ®Ó ®a vµo tµi liÖu nh÷ng th«ng tin phô kh«ng ®Þnh nghÜa ®îc  
b»ng c¸c thµnh phÇn kh¸c cña HTML. Thêng ®i kÌm víi HTTP-  
EQUIV, NAME, CONTENT.  
Nãi chung chØ cã ý nghÜa trong tµi liÖu ®éng ( thêng hay thay ®æi  
).  
<BODY>...</BODY>  
Chøa tÊt c¶ c¸c thµnh phÇn kh¸c còng nh néi dung tõ lêi v¨n ®Õn h×nh ¶nh cÊu  
thµnh nªn mét tµi liÖu, song kh«ng dÝnh d¸ng ®Õn sù bµi trÝ cña tµi liÖu ®ã ( chØ  
lµ dÊu hiÖu më ®Çu vµ kÕt thóc ).  
<A>...</A>  
§¸nh dÊu côm tõ chØ ®Õn mét kÕt nèi siªu v¨n b¶n ( hypertext link ) mµ khi trá  
tíi nã, bé duyÖt sÏ dÉn d¾t ®Õn mét tµi liÖu hay mét ®o¹n v¨n b¶n kh¸c. Cã  
nhiÒu thuéc tÝnh nhng hoÆc NAME hoÆc HREF lµ c¸c thuéc tÝnh b¾t buéc.  
HREF  
NÕu cã HREF, côm tõ ®øng gi÷a sÏ thµnh siªu v¨n b¶n, nghÜa lµ nã trá  
®Õn mét v¨n b¶n kh¸c chø kh«ng chØ mang néi dung thuÇn tuý. Khi chän  
vµo côm tõ ®ã, mét tµi liÖu kh¸c hoÆc ®o¹n tµi liÖu kh¸c trong cïng mét  
tµi liÖu ®ang xem mµ ®Þa chØ ®îc chØ ra bëi gi¸ trÞ cña thuéc tÝnh HREF  
sÏ ®îc hiÖn lªn.  
VÝ dô:  
biÕt thªm chi tiÕt.  
Trong vÝ dô trªn, khi chän vµo Gi¶i thÝch, trang tµi liÖu tõ m¸y chñ cã  
®Þa chØ 190.2.0.1 cã tªn lµ gthich.htmsÏ ®îc lÊy vÒ vµ hiÓn thÞ trªn mµn  
h×nh bëi bé duyÖt.  
Dïng d¹ng HREF="#tªn_gäi" ®Ó chØ ®Õn mét ®iÓm mãc nèi kh¸c trong  
cïng tµi liÖu ®ang xÐt. VÝ dô:  
PhÇn <A HREF="tailieu.htm#glossary">glossary</A> gi¶i thÝch c¸c  
thuËt ng÷ dïng trong tµi liÖu.  
4
Trong vÝ dô nµy, khi chän vµo glossary ®a ta ®Õn mét ®iÓm mãc nèi kh¸c  
(®îc ®Þnh nghÜa b»ng <A NAME="glossary">...</A>) trong cïng tµi liÖu  
cã tªn lµ tailieu.htm. NÕu ®iÓm mãc nèi l¹i ë tµi liÖu kh¸c, HREF cã thÓ  
lµ URLt¬ng ®èi so víi ®Þa chØ cña tµi liÖu hiÖn thêi hay ®Þa chØ c¬ së ®· ®-  
îc x¸c ®Þnh ( b»ng <BASE...>ë trªn).  
NAME  
Dïng ®Ó ®Æt tªn cho ®iÓm mãc nèi vµ v× vËy ph¶i lµ duy nhÊt trong néi  
bé tµi liÖu hiÖn thêi mÆc dï tªn cã thÓ ®Æt tuú ý.  
VÝ dô:  
<A NAME=coffee>Cµ phª </A>lµ mét vÝ dô vÒ lo¹i c©y...  
Mét vÝ dô vÒ lo¹i c©y nµy lµ <A HREF=#coffee>cµ phª </A>.  
Tõ tµi liÖu kh¸c cã thÓ tham chiÕu tíi b»ng c¸ch ®Æt tªn gäi vµo sau ®Þa  
chØ , ng¨n c¸ch b»ng mét dÊu #.  
VÝ dô:  
<A NAME=drink.htm#coffee>  
TITLE  
Thuéc tÝnh nµy chØ cã ý nghÜa th«ng b¸o vµ ®îc dïng ®Ó ®Æt ®Çu ®Ò cho  
tµi liÖu mµ ®Þa chØ do HREFchØ ra. §Çu ®Ò cÇn ph¶i lµ duy nhÊt ®èi víi tµi  
liÖu ®Ých. Nã cã Ých Ýt nhÊt lµ trong hai trêng hîp sau:  
o
Bé duyÖt cã thÓ hiÖn ®Çu ®Ò cña tµi liÖu tríc khi lÊy vÒ, ch¼ng h¹n  
nh mét ghi chó nhá bªn lÒ hay trong mét khung nhá khi con trá chuét di  
qua ®iÓm mãc nèi (cã thÓ lµ mét côm tõ hay mét h×nh ¶nh), hay khi ®ang  
t¶i tµi liÖu ra (nhÊt lµ khi qua ®êng truyÒn cã tèc ®é kh«ng cao l¾m).  
C¸c thµnh phÇn ®Þnh d¹ng khèi dïng ®Ó t¹o d¹ng cña mét do¹n v¨n b¶n  
vµ ph¶i n»m trong phÇn th©n cña tµi liÖu. Cã nh÷ng cÆp tõ kho¸ quan  
träng sau ®©y:  
<ADDRESS>...</ADDRESS>-§Þnh d¹ng phÇn ®Þa chØ.  
<Hi>...</Hi>-§Þnh d¹ng s¸u møc tiªn ®Ò.  
<HR>-§êng ph©n c¸ch ngang tµi liÖu.  
<P>...</P>-Giíi h¹n mét paragraph.  
5
<BR>-BÎ dßng.  
<PRE>...</PRE>-§o¹n v¨n b¶n ®· ®Þnh d¹ng s½n.  
<BLOCKQUOTE>...</BLOCKQUOTE>-TrÝch dÉn nguån tµi liÖu kh¸c.  
<ADDRESS>...</ADDRESS>  
Cho biÕt th«ng tin nh ®Þa chØ ,danh thiÕp vµ t¸c gi¶ thêng ®Æt ë ®Çu  
hay cuèi tµi liÖu.  
VÝ dô sö dông:  
<ADDRESS>  
Newsletter editor <BR>  
J.R.Brown<BR>  
JimquickPost News, Iumquick, CT 01234 <BR>  
Tel (123) 456 7890  
</ADDRESS>  
KÕt qu¶ thùc hiÖn:  
Newsletter editor  
J.R.Brown  
JimquickPost News, Jumquick, CT 01234  
Tel (123) 456 7890  
<Hi>...</Hi>  
MTML cã s¸u møc tiªu ®Ò (®Ò môc ) bao hµm kiÓu ph«ng ch÷,  
c¸ch ®o¹n tríc sau còng nh kho¶ng trèng cÇn thiÕt ®Ó thÓ hiÖn tiªu  
®Ò. Møc cao nhÊt lµ H1 kÕ ®Õn H2,...H6.  
VÝ dô sö dông:  
C¸ch thÓ hiÖn c¸c tiªu ®Ò phô thuéc vµo bé duyÖt. Nhng th«ng th-  
êng th×:  
<HR>...</HR>  
§êng kÎ ngang ( Horizontal Rule ) ng¨n c¸ch gi÷a c¸c phÇn trong  
tµi liÖu.  
VÝ dô:  
<HR>  
<ADDRESS>February 8, 1995, CERN </ADDRESS>  
<P>...</P>  
6
ChØ lµ giíi h¹n mét paragraph. C¸ch bµi trÝ do c¸c thµnh phÇn  
kh¸c t¹o thµnh. Thêng chØ cã kho¶ng trèng kho¶ng mét dßng hay  
nöa dßng tríc paragraph, trõ khi n»m trong phÇn ®Þa chØ ( trong  
<ADDRESS>...</ADDRESS>). Mét sè bé duyÖt thÓ hiÖn dßng ®Çu cña  
paragraph thôt vµo.  
VÝ dô:  
<H1>Tiªu ®Ò cña Paragraph</H1>  
<P>§o¹n v¨n b¶n thuéc vÒ paragraph thø nhÊt.  
<P>§o¹n v¨n b¶n thuéc vÒ paragraph thø hai.MÆc dï kh«ng nhÊt  
thiÕt ph¶i b¾t ®Çu b»ng dßng míi, song dïng c¸ch nµy gióp cho  
viÖc "lu tr÷" tµi liÖu dÔ dµng h¬n.  
<P>§o¹n v¨n b¶n thø ba.  
Ghi chó: HTML 3.0më réng tõ kho¸ nµy víi thuéc tÝnh c¨n lÒ.  
<BR>  
B¾t buéc xuèng dßng t¹i vÞ trÝ gÆp tõ kho¸ nµy. Dßng míi ®îc c¨n  
lÒ nh dßng ®îc bÎ tù ®éng khi dßng ®ã qu¸ dµi. VÝ dô:  
<P>  
Smile<BR>  
an everlasting smile<BR>  
a smile could bring you near to me<BR>  
</P>  
Ghi chó: Netscape më réng <BR>.  
<PRE>...</PRE>  
<BLOCKQUOTE>...</BLOCKQUOTE>  
Dïng ®Ó trÝch dÉn mét ®o¹n v¨n b¶n, thêng ®îc thÓ hiÖn b»ng ch÷  
nghiªng cã c¨n lÒ lïi vµo trong ( nh mét paragraph ) vµ thêng cã  
mét dßng trèng trªn vµ díi.  
VÝ dô:  
I think the poem ends  
<BLOCKQUOTE>  
<P>Soft you now, the fair Ophelia. Nymph, in thy orisons,  
be all my sins remembered.</P></BLOCKQUOTE>But I am not  
sure.  
I think the poem ends  
7
Soft you now, the fair Ophelia. Nymph, in thy orisons, be all my  
sins remembered.  
But I am not sure.  
HTMLhç trî nhiÒu kiÓu lo¹i danh s¸ch , tÊt c¶ ®Òu cã thÓ lång vµo nhau vµ chØ  
nªn dïng trong phÇn th©n cña tµi liÖu (<BODY>...</BODY>).  
<DL>...</DL>-Danh s¸ch ®Þnh nghÜa.  
<DIR>...</DIR>-Danh s¸ch kiÓu th môc.  
<MENU>...</MENU>-Danh s¸ch kiÓu thùc ®¬n.  
<OL>...</OL>-Danh s¸ch cã s¾p xÕp.  
<UL>...</UL>-Danh s¸ch kh«ng s¾p xÕp.  
<DL>...</DL>  
LËp danh s¸ch c¸c thuËt ng÷ vµ ®Þnh nghÜa t¬ng øng.  
VÝ dô:  
<DL>  
<DT>Term<DD>This is the difinition of the first term.  
<DT>Term<DD>This is the difinition of the second term.  
</DL>  
KÕt qu¶ cña vÝ dô trªn:  
Term  
This is the difinition of the first term.  
Term  
This is the difinition of the second term.  
<DT>®Ó chØ tªn thuËt ng÷, <DD>®Ó chØ phÇn ®Þnh nghÜa. Sau <DL>  
ph¶i lµ <DT>. Cã thÓ cã thªm thuéc tÝnh COMPACT®Ó chØ dÉn thªm lµ  
xÕp <DT>vµ <DD>theo tõng cÆp. Lóc ®ã sÏ ph¶i viÕt lµ <DL  
COMPACT>vµ tiÕp theo còng vÉn ph¶i lµ <DT>:  
<DL COMPACT>  
<DT>Term<DD>This is the difinition of the first term.  
<DT>Term<DD>This is the difinition of the second term.  
</DL>  
8
KÕt qu¶ cña lÇn vÝ dô nµy:  
Term  
This is the difinition of the first term.  
Term  
This is the difinition of the second term.  
<DIR>...</DIR>  
Danh s¸ch c¸c phÇn tö mµ trong ®ã mçi phÇn tö dµi ®Õn 20 kÝ tù. Sau <DIR>b¾t  
buéc ph¶i lµ <LI>( list item ):  
<DIR>  
<LI>A-H<LI>I-N<LI>M-R<LI>S-Z  
</DIR>  
KÕt qu¶ cña dßng v¨n b¶n nµy:  
A-H  
I-N  
M-R  
S-Z  
<MENU>...</MENU>  
Danh s¸ch c¸c lùa chän trong mét thùc ®¬n. Sau <MENU>ph¶i lµ <LI>( list item  
):  
<MENU>  
<LI><First item in the list.  
<LI>Second item in the list.  
<LI>Third item in the list.  
</MENU>  
KÕt qu¶:  
o First item in the list.  
o Second item in the list.  
9
o Third item in the list.  
<OL>...</OL>  
Danh s¸ch cã s¾p xÕp theo tr×nh tù hay møc ®é quan träng. Sau  
<OL>ph¶i lµ <LI>( list item ) vµ cã thÓ cã thªm thuéc tÝnh COMPACT.  
<OL>  
<LI>First list item.  
<LI>Second list item.  
<LI>Third list item.  
</OL>  
1. First list item.  
2. Second list item.  
3. Third list item.  
<UL>...</UL>  
Còng nh <OL>nhng danh s¸ch kh«ng hÒ cã s¾p xÕp.  
VÝ dô:  
<UL>  
<LI>First list item.  
<LI>Second list item.  
<LI>Third list item.  
</UL>  
Cho kÕt qu¶:  
o
o
o
First list item.  
Second list item.  
Third list item  
Khai b¸o lo¹i th«ng tin:  
<CITE>...</CITE>-TrÝch dÉn.  
<CODE>...</CODE>-VÝ dô vÒ m· lÖnh.  
<EM>...</EM>-NhÊn m¹nh.  
<KBD>...</KBD>-KÝ tù do ngêi dïng gâ vµo trªn bµn phÝm.  
<SAMP>...</SAMP>-Nguyªn v¨n.  
10  
<STRONG>...</STRONG>-RÊt nhÊn m¹nh.  
<VAR>...</VAR>-ChØ tªn biÕn hay tham sè.  
§Þnh d¹ng mÉu kÝ tù:  
<B>...</B>-Ch÷ ®Ëm.  
<I>...</I>-Ch÷ nghiªng.  
<TT>...</TT>-Ch÷ ®¸nh trªn m¸y ch÷.  
<CITE>...</CITE>  
This sentence, containing a <CITE> citation reference  
</CITE> would look like:  
This sentence, containing a citation reference would look like:  
<CODE>...</CODE>  
Dïng ®Ó chØ ra mét ®o¹n ch¬ng tr×nh nguån ( m· lÖnh ). CÇn ph©n  
biÖt víi v¨n b¶n ®Þnh d¹ng s½n ( Preformatted Text ).VÝ dô:  
This sentence contains an <CODE> example of code </CODE>.  
It would look like:  
This sentence contains an example of code . It would look like:  
<EM>...</EM>  
Tõ kho¸ nµy dïng ®Ó nhÊn m¹nh, ch¼ng h¹n:  
The <EM> Emphasis </EM> element tyically tenders as  
Italics.  
sÏ trë thµnh:  
The Emphasis element tyically renders as Italics.  
<KBD>...</KBD>  
Thêng dïng trong híng dÉn sö dông ®Ó chØ r»ng kÝ tù lµ do ngêi  
dïng gâ vµo:  
The text inside the <KBD> KBD element would typically  
</KBD> renders as monospaced font.  
sÏ thÓ hiÖn lµ:  
The text inside the KBD element would typically renders as  
monospaced font.  
11  
<SAMP>...</SAMP>  
VÝ dô:  
A sequence of <SAMP>literal characters </SAMP> commonly  
renders as monospaced font.  
sÏ cho:  
A sequence of literal characters commonly renders as  
monospaced font  
<STRONG>...</STRONG>  
Dïng ®Ó nhÊn m¹nh:  
The instrucstions <STRONG>must be read </STRONG>before  
continuing.  
sÏ cho kÕt qu¶ lµ:  
The instructions must be read before continuing.  
<VAR>...</VAR>  
ChØ ra tªn biÕn hay tham sè:  
VÝ dô:  
When coding,<VAR>LeftIndent()</VAR>must be a variable.  
sÏ cho kÕt qu¶ lµ:  
When coding, LeftIndent() must be a variable  
<B>...</B>  
ThÓ hiÖn b»ng ch÷ ®Ëm (bold):  
The instrucstions <B>must be read </B>before continuing.  
sÏ cho kÕt qu¶ lµ:  
12  
The instructions must be read before continuing.  
<I>...</I>  
ThÓ hiÖn b»ng ch÷ nghiªng (Italics):  
Anything between the <I>I elements </I>should be Italics.  
sÏ cho kÕt qu¶ lµ:  
Anything between the I elements should be Italics  
<TT>...</TT>  
ChØ ra r»ng nh÷ng kÝ tù gâ b»ng m¸y ch÷ hay teletip(teletype):  
Text between the <TT>typetype elements </TT>should be  
rendered in fixed width typewriter font.  
sÏ cho kÕt qu¶ lµ:  
Text between the typetype elements should be rendered in fixed  
width typewriter font.  
<IMG>...  
Dïng ®Ó lång h×nh ¶nh vµo tµi liÖu. Kh«ng dïng ®Ó chÌn siªu v¨n b¶n  
kh¸c. Cã thÓ cã thªm nh÷ng thuéc tÝnh sau:  
<ALIGN>  
C¨n lÒ trªn ( TOP ) ,gi÷a ( MIDDLE ), díi ( BOTTOM ) c¸c kÝ tù  
v¨n b¶n ®èi víi h×nh ¶nh:  
<ALT>  
Dïng trong trêng hîp cã thÓ bé duyÖt kh«ng hiÓu thÞ ®îc h×nh ¶nh  
ph¶i hiÖn dßng v¨n b¶n thay thÕ. VÝ dô:  
<IMG SRC="triangle.gif" ALT="Warning:"> Be sure to read  
these instructions.  
<ISMAP>  
13  
H×nh ¶nh cã d¹ng mét b¶ng ®å , nghÜa lµ cã chøa c¸c vïng ®îc  
"¸nh x¹" ®Õn nh÷ng URL vµ khi bÊm vµo c¸c vÞ trÝ kh¸c nhau trªn  
h×nh ¶nh sÏ dÉn ®Õn c¸c tµi liÖu kh¸c nhau.VÝ dô:  
<A HREF="http://machine/htbin/imagemap/sample">  
<IMG SRC="sample.gif" ISMAP>  
</A>  
<SRC>  
§©y lµ thuéc tÝnh b¾t buéc, víi c¸c gi¸ trÞ lµ mét URLcña h×nh ¶nh  
®îc lång vµo. Có ph¸p còng nh ë HREFtrong thµnh phÇn liªn kÕt  
<A>.VÝ dô:  
<IMG SRC="triangle.gif"> Be sure to read these  
instructions.  
14  
pdf 14 trang baolam 29120 Free
Bạn đang xem tài liệu "Giáo trình HTML", để tải tài liệu gốc về máy hãy click vào nút Download ở trên

File đính kèm:

  • pdfgiao_trinh_html.pdf