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><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Ó  
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><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 07/05/2022 7080
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