PhÇn I Giíi thiÖu ng«n ng÷ Html
I. C¸c thÎ ®Þnh cÊu tróc tµi liÖu
1.1 HTML
CÆp thÎ nµy ®­îc sö dông ®Ó x¸c nhËn mét tµi liÖu lµ tµi liÖu HTML, tøc lµ nã cã sö dông c¸c thÎ HTML ®Ó tr×nh bµy. Toµn bé néi dung cña tµi liÖu ®­îc ®Æt gi÷a cÆp thÎ nµy.
Có ph¸p:


Tr×nh duyÖt sÏ xem c¸c tµi liÖu kh«ng sö dông thÎ nh­ nh÷ng tÖp tin v¨n b¶n b×nh th­êng.
1.2 HEAD
ThÎ HEAD ®­îc dïng ®Ó x¸c ®Þnh phÇn më ®Çu cho tµi liÖu.
Có ph¸p:
1.3 TITLE
CÆp thÎ nµy chØ cã thÓ sö dông trong phÇn më ®Çu cña tµi liÖu, tøc lµ nã ph¶i n»m trong thÎ ph¹m vi giíi h¹n bëi cÆp thÎ .
Có ph¸p:


1.4 BODY
ThÎ nµy ®­îc sö dông ®Ó x¸c ®Þnh phÇn néi dung chÝnh cña tµi liÖu - phÇn th©n (body) cña tµi liÖu. Trong phÇn th©n cã thÓ chøa c¸c th«ng tin ®Þnh d¹ng nhÊt ®Þnh ®Ó ®Æt ¶nh nÒn cho tµi liÖu, mµu nÒn, mµu v¨n b¶n siªu liªn kÕt, ®Æt lÒ cho trang tµi liÖu... Nh÷ng th«ng tin nµy ®­îc ®Æt ë phÇn tham sè cña thÎ.
Có ph¸p:

Trªn ®©y lµ có ph¸p c¬ b¶n cña thÎ BODY, tuy nhiªn b¾t ®Çu tõ HTML 3.2 th× cã nhiÒu thuéc tÝnh ®­îc sö dông trong thÎ BODY. Sau ®©y lµ c¸c thuéc tÝnh chÝnh:

BACKGROUND=
§Æt mét ¶nh nµo ®ã lµm ¶nh nÒn (background) cho v¨n b¶n. Gi¸ trÞ cña tham sè nµy (phÇn sau dÊu b»ng) lµ URL cña file ¶nh. NÕu kÝch th­íc ¶nh nhá h¬n cöa sæ tr×nh duyÖt th× toµn bé mµn h×nh cöa sæ tr×nh duyÖt sÏ ®­îc l¸t kÝn b»ng nhiÒu ¶nh.

BGCOLOR=
§Æt mÇu nÒn cho trang khi hiÓn thÞ. NÕu c¶ hai tham sè BACKGROUND vµ BGCOLOR cïng cã gi¸ trÞ th× tr×nh duyÖt sÏ hiÓn thÞ mÇu nÒn tr­íc, sau ®ã míi t¶i ¶nh lªn phÝa trªn.

TEXT=
X¸c ®Þnh mµu ch÷ cña v¨n b¶n, kÓ c¶ c¸c ®Ò môc.

ALINK=,VLINK=,LINK=
X¸c ®Þnh mµu s¾c cho c¸c siªu liªn kÕt trong v¨n b¶n. T­¬ng øng, alink (active link) lµ liªn kÕt ®ang ®­îc kÝch ho¹t - tøc lµ khi ®· ®­îc kÝch chuét lªn; vlink (visited link) chØ liªn kÕt ®· tõng ®­îc kÝch ho¹t;

Nh­ vËy mét tµi liÖu HTML c¬ b¶n cã cÊu tróc nh­ sau:
II. C¸c thÎ ®Þnh d¹ng khèi
2.1. thÎ P
ThÎ

®­îc sö dông ®Ó ®Þnh d¹ng mét ®o¹n v¨n b¶n.
Có ph¸p:
2.2. C¸c thÎ ®Þnh d¹ng ®Ò môc H1/H2/H3/H4/H5/H6
HTML hç trî 6 møc ®Ò môc. Chó ý r»ng ®Ò môc chØ lµ c¸c chØ dÉn ®Þnh d¹ng vÒ mÆt logic, tøc lµ mçi tr×nh duyÖt sÏ thÓ hiÖn ®Ò môc d­íi mét khu«n d¹ng thÝch hîp. Cã thÓ ë tr×nh duyÖt nµy lµ font ch÷ 14 point nh­ng sang tr×nh duyÖt kh¸c lµ font ch÷ 20 point. §Ò môc cÊp 1 lµ cao nhÊt vµ gi¶m dÇn ®Õn cÊp 6. Th«ng th­êng v¨n b¶n ë ®Ò môc cÊp 5 hay cÊp 6 th­êng cã kÝch th­íc nhá h¬n v¨n b¶n th«ng th­êng.
D­íi ®©y lµ c¸c thÎ dïng ®Ó ®Þnh d¹ng v¨n b¶n ë d¹ng ®Ò môc:

...

§Þnh d¹ng ®Ò môc cÊp 1



...

§Þnh d¹ng ®Ò môc cÊp 2



...

§Þnh d¹ng ®Ò môc cÊp 3



...

§Þnh d¹ng ®Ò môc cÊp 4



...

§Þnh d¹ng ®Ò môc cÊp 5



...

§Þnh d¹ng ®Ò môc cÊp 6

2.3 ThÎ xuèng dßng BR
ThÎ nµy kh«ng cã thÎ kÕt thóc t­¬ng øng (
), nã cã t¸c dông chuyÓn sang dßng míi. L­u ý, néi dung v¨n b¶n trong tµi liÖu HTML sÏ ®­îc tr×nh duyÖt Web thÓ hiÖn liªn tôc, c¸c kho¶ng tr¾ng liÒn nhau, c¸c ký tù tab, ký tù xuèng dßng ®Òu ®­îc coi nh­ mét kho¶ng tr¾ng. §Ó xuèng dßng trong tµi liÖu, b¹n ph¶i sö dông thÎ

2.4 ThÎ PRE
§Ó giíi h¹n ®o¹n v¨n b¶n ®· ®­îc ®Þnh d¹ng s½n b¹n cã thÓ sö dông thÎ

. V¨n b¶n ë gi÷a hai thÎ nµy sÏ ®­îc thÓ hiÖn gièng hÖt nh­ khi chóng ®­îc ®¸nh vµo, vÝ dô dÊu xuèng dßng trong ®o¹n v¨n b¶n giíi h¹n bëi thÎ 
 sÏ cã ý nghÜa chuyÓn sang dßng míi (tr×nh duyÖt sÏ kh«ng coi chóng nh­ dÊu c¸ch)
Có ph¸p:

III. C¸c thÎ ®Þnh d¹ng danh s¸ch
3.1. Danh s¸ch th«ng th­êng
Có ph¸p:
Cã 4 kiÓu danh s¸ch:
(`	Danh s¸ch kh«ng s¾p xÕp ( hay kh«ng ®¸nh sè) 

(	Danh s¸ch cã s¾p xÕp (hay cã ®¸nh sè) 
, mçi môc trong da   nh s¸ch ®­îc s¾p xÕp thø tù.
(	Danh s¸ch thùc ®¬n 
(	Danh s¸ch ph©n cÊp 
Víi nhiÒu tr×nh duyÖt, danh s¸ch ph©n cÊp vµ danh s¸ch thùc ®¬n gièng danh s¸ch kh«ng ®¸nh sè, cã thÓ dïng lÉn víi nhau. Víi thÎ OL ta cã có ph¸p sau:
trong ®ã:
TYPE	 =1		C¸c môc ®­îc s¾p xÕp theo thø tù 1, 2, 3...
=a		C¸c môc ®­îc s¾p xÕp theo thø tù a, b, c...
	=A		C¸c môc ®­îc s¾p xÕp theo thø tù A, B, C...
=i		C¸c môc ®­îc s¾p xÕp theo thø tù i, ii, iii...
	=I		C¸c môc ®­îc s¾p xÕp theo thø tù I, II, III...
Ngoµi ra cßn thuéc tÝnh START= x¸c ®Þnh gi¸ trÞ khëi ®Çu cho danh s¸ch.
ThÎ < LI > cã thuéc tÝnh TYPE= x¸c ®Þnh ký hiÖu ®Çu dßng (bullet) ®øng tr­íc mçi môc trong danh s¸ch. Thuéc tÝnh nµy cã thÓ nhËn c¸c gi¸ trÞ : disc (chÊm trßn ®Ëm); circle (vßng trßn); square (h×nh vu«ng).
IV. C¸c thÎ ®Þnh d¹ng ký tù
4.1. C¸c thÎ ®Þnh d¹ng in ký tù
Sau ®©y lµ c¸c thÎ ®­îc sö dông ®Ó quy ®Þnh c¸c thuéc tÝnh nh­ in nghiªng, in ®Ëm, g¹ch ch©n... cho c¸c ký tù, v¨n b¶n khi ®­îc thÓ hiÖn trªn tr×nh duyÖt.

 ... 
 ... 
In ch÷ ®Ëm

 ... 
 ... 
In ch÷ nghiªng

 ... 
In ch÷ g¹ch ch©n


§¸nh dÊu ®o¹n v¨n b¶n gi÷a hai thÎ nµy lµ ®Þnh nghÜa cña mét tõ. Chóng th­êng ®­îc in nghiªng hoÆc thÓ hiÖn qua mét kiÓu ®Æc biÖt nµo ®ã.

 ... 
 ... 
In ch÷ bÞ g¹ch ngang.

 ... 
In ch÷ lín h¬n b×nh th­êng b»ng c¸ch t¨ng kÝch th­íc font hiÖn thêi lªn mét. ViÖc sö dông c¸c thÎ lång nhau t¹o ra hiÖu øng ch÷ t¨ng dÇn. Tuy nhiªn ®èi víi mçi tr×nh duyÖt cã giíi h¹n vÒ kÝch th­íc ®èi víi mçi font ch÷, v­ît qu¸ giíi h¹n nµy, c¸c thÎ  sÏ kh«ng cã ý nghÜa.

 ... 
In ch÷ nhá h¬n b×nh th­êng b»ng c¸ch gi¶m kÝch th­íc font hiÖn thêi ®i mét. ViÖc sö dông c¸c thÎ lång nhau t¹o ra hiÖu øng ch÷ gi¶m dÇn. Tuy nhiªn ®èi víi mçi tr×nh duyÖt cã giíi h¹n vÒ kÝch th­íc ®èi víi mçi font ch÷, v­ît qu¸ giíi h¹n nµy, c¸c thÎ  sÏ kh«ng cã ý nghÜa.

 ... 
§Þnh d¹ng chØ sè trªn (SuperScript)

 ... 
§Þnh d¹ng chØ sè d­íi (SubScript)


§Þnh nghÜa kÝch th­íc font ch÷ ®­îc sö dông cho ®Õn hÕt v¨n b¶n. ThÎ nµy chØ cã mét tham sè size= x¸c ®Þnh cì ch÷. ThÎ  kh«ng cã thÎ kÕt thóc.

 ... 
Chän kiÓu ch÷ hiÓn thÞ. Trong thÎ nµy cã thÓ ®Æt hai tham sè size= hoÆc color= x¸c ®Þnh cì ch÷ vµ mµu s¾c ®o¹n v¨n b¶n n»m gi÷a hai thÎ. KÝch th­íc cã thÓ lµ tuyÖt ®èi (nhËn gi¸ trÞ tõ 1 ®Õn 7) hoÆc t­¬ng ®èi (+2,-4...) so víi font ch÷ hiÖn t¹i.


4.2. C¨n lÒ v¨n b¶n trong trang Web
Trong tr×nh bµy trang Web cña m×nh c¸c b¹n lu«n ph¶i chó ý ®Õn viÖc c¨n lÒ c¸c v¨n b¶n ®Ó trang Web cã ®­îc mét bè côc ®Ñp. Mét sè c¸c thÎ ®Þnh d¹ng nh­ P, Hn, IMG... ®Òu cã tham sè ALIGN cho phÐp b¹n c¨n lÒ c¸c v¨n b¶n n»m trong ph¹m vi giíi h¹n bëi cña c¸c thÎ ®ã.
C¸c gi¸ trÞ cho tham sè ALIGN:
LEFT
C¨n lÒ tr¸i

CENTER
C¨n gi÷a trang

RIGHT
C¨n lÒ ph¶i


Ngoµi ra, chóng ta cã thÓ sö dông thÎ CENTER ®Ó c¨n gi÷a trang mét khèi v¨n b¶n. 
Có ph¸p:

4.3. C¸c ký tù ®Æc biÖt
Ký tù & ®­îc sö dông ®Ó chØ chuçi ký tù ®i sau ®­îc xem lµ mét thùc thÓ duy nhÊt. Ký tù ; ®­îc sö dông ®Ó t¸ch c¸c ký tù trong mét tõ.
Ký tù
M· ASCII
Tªn chuçi

<
<
<

>
>
>

&
&
&

4.4. Sö dông mµu s¾c trong thiÕt kÕ c¸c trang Web
Mét mµu ®­îc tæng hîp tõ ba thµnh phÇn mµu chÝnh, ®ã lµ: §á (Red), Xanh l¸ c©y (Green), Xanh n­íc biÓn (Blue). Trong HTML mét gi¸ trÞ mµu lµ mét sè nguyªn d¹ng hexa (hÖ ®Õm c¬ sè 16) cã ®Þnh d¹ng nh­ sau: 
#RRGGBB
trong ®ã:
	RR - lµ gi¸ trÞ mµu §á.
	GG - lµ gi¸ trÞ mµu Xanh l¸ c©y.
	BB - lµ gi¸ trÞ mµu Xanh n­íc biÓn.
Mµu s¾c cã thÓ ®­îc x¸c ®Þnh qua thuéc tÝnh bgcolor= hay color=. Sau dÊu b»ng cã thÓ lµ gi¸ trÞ RGB hay tªn tiÕng Anh cña mµu. Víi tªn tiÕng Anh, ta chØ cã thÓ chØ ra 16 mµu trong khi víi gi¸ trÞ RGB ta cã thÓ chØ tíi 256 mµu.
Sau ®©y lµ mét sè gi¸ trÞ mµu c¬ b¶n:

Mµu s¾c
Gi¸ trÞ
Tªn tiÕng Anh

§á
§á sÉm
Xanh l¸ c©y
Xanh nh¹t
Xanh n­íc biÓn
Vµng
Vµng nh¹t
Tr¾ng
§en
X¸m
N©u
TÝm
TÝm nh¹t
Hång
Da cam
Mµu ®ång phôc h¶i qu©n

#FF0000
#8B0000
#00FF00
#90EE90
#0000FF
#FFFF00
#FFFFE0
#FFFFFF
#000000
#808080
#A52A2A
#FF00FF
#EE82EE
#FFC0CB
#FFA500
#000080
#4169E1
#7FFFD4
RED
DARKRED
GREEN
LIGHTGREEN
BLUE
YELLOW
LIGHTYELLOW
WHITE
BLACK
GRAY
BROWN
MAGENTA
VIOLET
PINK
ORANGE
NAVY
ROYALBLUE
AQUAMARINE


Có ph¸p: 

   LINK 		= color
   ALINK 		= color
   VLINK 		= color
   BACKGROUND 	= url
   BGCOLOR 		= color
   TEXT 		= color
   TOPMARGIN 	= pixels
   RIGHTMARGIN 	= pixels
   LEFTMARGIN 	= pixels
>
.... phÇn néi dung cña tµi liÖu ®­îc ®Æt ë ®©y




Sau ®©y lµ ý nghÜa c¸c tham sè cña thÎ BODY:

C¸c tham sè
ý nghÜa

LINK
ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt

ALINK
ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt ®ang ®ang chän

VLINK
ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt ®· tõng më

BACKGROUND
ChØ ®Þnh ®Þa chØ cña ¶nh dïng lµm nÒn

BGCOLOR
ChØ ®Þnh mµu nÒn

TEXT
ChØ ®Þnh mµu cña v¨n b¶n trong tµi liÖu

SCROLL
YES/NO - X¸c ®Þnh cã hay kh«ng thanh cuén

TOPMARGIN
LÒ trªn

RIGHTMARGIN
LÒ ph¶i

LEFTMARGIN
LÒ tr¸i


4.5. Chän kiÓu ch÷ cho v¨n b¶n
Có ph¸p:
FACE		= font-name 
COLOR	= color 
SIZE		= n >
... 


4.6. Kh¸i niÖm v¨n b¶n siªu liªn kÕt
V¨n b¶n siªu liªn kÕt hay cßn gäi lµ siªu v¨n b¶n lµ mét tõ, mét côm tõ hay mét c©u trªn trang Web ®­îc dïng ®Ó liªn kÕt tíi mét trang Web kh¸c. Siªu v¨n b¶n lµ m«i tr­êng trong ®ã chøa c¸c liªn kÕt (link) cña c¸c th«ng tin. Do WWW cÊu thµnh tõ nhiÒu hÖ thèng kh¸c nhau, cÇn ph¶i cã mét quy t¾c ®Æt tªn thèng nhÊt cho tÊt c¶ c¸c v¨n b¶n trªn Web. Quy t¾c ®Æt tªn ®ã lµ URL (Universal Resource Locator).
	
C¸c thµnh phÇn cña URL ®­îc minh ho¹ ë h×nh trªn.
( DÞch vô: Lµ thµnh phÇn b¾t buéc cña URL. Nã x¸c ®Þnh c¸ch thøc tr×nh duyÖt cña m¸y kh¸ch liªn l¹c víi m¸y phôc vô nh­ thÕ nµo ®Ó nhËn d÷ liÖu. Cã nhiÒu dÞch vô nh­ http, wais, ftp, gopher, telnet.
( Tªn hÖ thèng : Lµ thµnh phÇn b¾t buéc cña URL.  Cã thÓ lµ tªn miÒn ®Çy ®ñ cña m¸y phôc vô hoÆc chØ lµ mét phÇn tªn ®Çy ®ñ – tr­êng hîp nµy x¶y ra khi v¨n b¶n ®­îc yªu cÇu vÉn n»m trªn miÒn cña b¹n. Tuy nhiªn nªn sö dông ®­êng dÉn ®Çy ®ñ.
( Cæng : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. Cæng lµ ®Þa chØ socket cña m¹ng dµnh cho mét giao thøc cô thÓ. Giao thøc http ngÇm ®Þnh nèi víi cæng 8080.
( §­êng dÉn th