Son tho vn bn HTML

Xem bai viet bang font Unicode

(Bi vit ca Vinet)

Cu trc ca mt trang vn bn HTML

Din gii

Chng trnh bao gm 3 phn:

        <HTML>, </HTML>: m u v kt thc mt chng trnh
        <HEAD>, </HEAD>: m u v kt thc phn u chng trnh
        <BODY>, </BODY>: m u v kt thc thn chng trnh

M ngun:

Kt qu:

Xin cho cc bn

Ch :

Xu k t nm gia <TITLE> v </TITLE> khng hin th trn trang Web m hin th ti thanh pha trn ca Browser.

Xu k t nm gia <TITLE> v </TITLE> c t trong phn header khi trang Web c in ra.

Xu k t nm gia <TITLE> v </TITLE> c ghi li khi bn cp nht trang Web ny vo mc cc trang Web yu thch (Fovorites).

u  trong mt trang vn bn HTML

M ngun:

Kt qu

y l u  1

y l u  2

y l u  3

y l u  4

y l u  5

y l u  6

Xung dng v chia on trong trang HTML

Din gii

Khi bn nh my mt vn bn trong mt chng trnh son tho vn bn no , bn c th ch cn bm phm Return  kt thc mt dng hay mt on vn, nhng bn s cn phi lm nhiu thao tc hn khi bn mun phn nh ring cc on vn khc nhau trong mt trang Web. Browser t ng b qua cc m xung dng bnh thng. V vy bn phi vit thm th <P>  phn on hay vit th <BR> ti v tr c th m bn mun xung dng.

M ngun (vi on vn bn s dng m xung dng bnh thng)

        Cng ho x hi ch ngha Vit nam
        c lp - T do - Hnh phc
        n xin vic

Kt qu

Cng ho x hi ch ngha Vit namc lp - T do - Hnh phcn xin vic

M ngun (c s dng th <BR> v <P>)

        Cng ho x hi ch ngha Vit nam<BR>
        c lp - T do - Hnh phc<P>
        n xin vic

Kt qu

Cng ho x hi ch ngha Vit nam
c lp - T do - Hnh phc
n xin vic

ng k ngang

Din gii

ng k ngang ch yu c dng  phn nh mt trang Web thnh nhng phn c tnh logic v d nhn. C khng nhiu kh nng  ho trong ngn ng HTML, bi vy ng k ngang l mt cng c rt c ch

M ngun	Kt qu
<HR>
<HR SIZE=10>
<HR NOSHADE>
<HR WIDTH=40>
<HR COLOR="FF0000">

Ch : C th t hp cc ty chn trn vi nhau

Danh sch phn loi

Din gii

y l mt danh sch cc l do cho thy ti sao danh sch li rt c ch. Bi v: N c tnh hp dn trc quan . N c th c s dng  nhm cc yu t hoc  kin tng t . Chng ta c th d dng c lt qua cc danh sch v ghi nh cc yu t tng ng.

HTML cung cp mt nhm kh a dng cc kiu danh sch khc nhau. Mi loi danh sch ny c mt cu trc nh dng ring. Chng bao gm:

Danh sch c trt t

Danh sch c trt t t ng nh s tng thnh t ca danh sch.

M ngun	Kt qu
<OL> <LI>Yu t 1 <LI>Yu t 2 <LI>Yu t 3 </OL>	Yu t 1 Yu t 2 Yu t 3

Danh sch khng c trt t

Danh sch khng c trt t nh du (chng hn cc nm trn) cho tng yu t ca danh sch.

M ngun	Kt qu
<UL> <LI>Yu t 1 <LI>Yu t 2 <LI>Yu t 3 </UL>	Yu t 1 Yu t 2 Yu t 3

Danh sch nh ngha

Mi yu t ca danh sch bao gm hai thnh phn:

Tiu  c cn l pha tri (ch ra bi th <DT>)

Phn gii ngha c cn l tht hn sang pha phi (ch ra bi th <DD>)

M ngun	Kt qu
<DL> <DT>Yu t 1 <DD>Ch gii cho yu t 1 <DT>Yu t 2 <DD>Ch gii cho yu t 2 </DL>	Yu t 1 Ch gii cho yu t 1 Yu t 2 Ch gii cho yu t 2

Danh sch kiu thc n

Mi yu t ca danh sch c cp mt ch s chng hn nh du trn. Trng rt ging danh sch khng c trt t

M ngun	Kt qu
<MENU> <LI>Yu t 1 <LI>Yu t 2 <LI>Yu t 3 </MENU>	Yu t 1 Yu t 2 Yu t 3

Danh sch kiu th mc

Trng kh ging danh sch khng c trt t

T hp cc kiu danh sch

Ta c th t hp cc kiu danh sch vi nhau

K t nh dng trc

Din gii

Kiu k t nh dng trc cho php bn c th bo ton cc du cch v du xung dng trong trang vn bn HTML y nh khi bn g vo trong qu trnh son tho. iu  c ngha l bn khng nn s dng cc th <BR> cng nh <P> trong on k t nh dng trc.

Browser s dng phng ch b rng c nh (fixed-width font)  hin th ni dung trong phn k t nh dng trc. Thng thng,  l phng h thng ang c s dng trong my tnh ca bn.

Kiu k t nh dng trc rt c ch trong trng hp du cch l khng th thiu c, chng hn nh khi th hin mt on m chng trnh.

Kiu k t nh dng trc c bt u bng th <PRE> v kt thc bng th </PRE>.

Khi trch dn

Din gii

Khi trch dn thng c dng trong cc trng hp s dng cc trch dn m rng. Ton khi trch dn s c cn l tht vo c  hai pha v to thnh mt khi ring so vi cc on khc ca trang vn bn HTML.

Khi trch dn c m u bng th <BLOCKQUOTE> v kt thc bng th </BLOCKQUOTE>.

Kiu ch

Din gii

Cc th kiu ch trong ngn ng HTML cho php bn iu khin c v b ngoi ca bn thn cc k t - chng hn chng ta c th nh dng mt t l m hoc nghing. Cc nh dng ny c th p dng t phm vi mt on hay ton b vn bn cho ti tng k t n l.

Cc th kiu ch ni chung c chia thnh hai nhm: c tnh vt l v c tnh logic.

Cc kiu ch

Kiu c tnh cht vt l
M ngun	Kt qu
<b>m</b>	m
<u>gch di</u>	gch di
<i>nghing</i>	nghing
<tt>teletype</tt>	teletype
Kiu c tnh logic
M ngun	Kt qu
<em>nhn mnh </em>	nhn mnh
<strong>nhn mnh hn</strong>	nhn mnh hn
<cite>trch dn</cite>	trch dn
<code>code</code>	code
<samp>sample</samp>	sample
<kbd>keyboard</kbd>	keyboard
<var>varible</var>	variable
<dfn>gii thch</dfn>	gii thch

K t c bit

Din gii

C nhiu k t m HTML dng vo mc ch c bit, tt nhin bao gm c k hiu < (nh hn) v > (ln hn). Bi nhng k hiu ny c dng  ch cc th m bn khng th dng chng nh trong HTML. Bn c th dng du phi hp  th hin cc k t c bit.

K t	Du phi hp
<	&<;
>	&>;
&	&
"	"

Th ch dn

Din gii

Ging nh tt c cc ngn ng khc, HTML cho php t nhng ch dn. Ch dn rt quan trng trong khi son tho. Trnh duyt xt (browser) b qua phn vn bn nm trong th ch dn nn ngi s dng khng th nhn thy chng trn trang Web. D nhin c th thy chng khi xem m ngun.

Ch dn c gii hn bi tin t .

M ngun:

<P><H4>Cc dng hin th trn my.</H4>
<UL>
<LI>BATIN xin cho cc bn.
<LI>Chc cc bn mt ngy lm vic vui v.
</UL>

Kt qu:

Cch s dng th ch dn

Cc dng hin th trn my

BATIN xin cho cc bn.

Chc cc bn mt ngy lm vic vui v.

Bng trong trang HTML

Din gii

Bng to cho bn cm gic thoi mi khi tm kim. Ngoi ra, dng bng trnh by cng rt tin li. Bn c th a vn bn, hnh nh, danh sch v thm ch bn c th chn thm vo  mt bng mi. Bng HTML cng c cc chc nng trnh by, nh dng, ng bin nh bng trong MS-Word, MS-Excel.

nh dng bng

Th	 ngha
<TR>	To dng
<TD>	To ct
<TH>	To dng tiu  (Ch in m, canh gia)

Cc tham s trong th

Tham s	 ngha
BORDER=n	nh dng ng vin vi ng vin n
WIDTH=n%	nh dng chiu rng ca bng n%
CELLPADDING=n	Khong cch gia vn bn v 
CELLSPACING=n	Khong cch gia cc bin trong v ngoi ca 
COLSPAN=n	Chia ct thnh n ct
ROWSPAN=n	Chia dng thnh n dng
ALIGN=(left, right, center)	nh dng l theo chiu ngang ca vn bn
VALIGN=(top, bottom, midle)	nh dng l theo chiu dc ca vn bn
CLEAR=(left, right, all)	Chia dng thnh n dng

M ngun

<HTML>
<HEAD><TITLE>To bng trong HTML</TITLE>
</HEAD>
<BODY>
<OL><LI><B>Bngg 1</LI></B> <CENTER>
<TABLE BORDER=9 WIDTH=70%>
<TR>
<TH>Thc n
<TH>Gi
<TR> <TD>C ph sa<TD>5.000
<TR><TD>C ph en<TD>4.000
</TABLE>
</CENTER>
<P>
<LI><B>Bng 2</LI></B>
</OL>
<TABLE BORDER>
<TR>
<TH COLOR=#FFFFDD">Thc n
<TH COLOR=#FFFFDD">Gi
<TR><TD>C ph sa<TD>5.000
<TR><TD>C ph en<TD>4.000
</TABLE>
</CENTER>
</BODY>
</HTML>

Kt qu Bng 1

Thc n	Gi
C ph sa	5.000
C ph en	4.000

Bng 2

Thc n	Gi
C ph sa	5.000
C ph en	4.000

Font ch

Din gii

HTML cho php bn thay i font ch th hin bng th <FONT>. Cng vi tham s SIZE nh kch thc ch, tham s FACE thay i kiu ch v tham s COLOR  nh m ch. Ngoi ra HTML cn s dng mt s th khc.

Cc th dng nh dng font ch

Th	 ngha
<S> </S>	Ch c gch ngang (A)
<SUB> </SUB>	Ch thp (A₂)
<SUP> </SUP>	Ch ly tha (A²)
<BIG> </BIG>	Phng ln ch
<SMALL> </SMALL>	Thu nh ch

PcLeHoan 1996 - 2002
Mirror : http://www.pclehoan.com
Mirror : http://www.lehoanpc.net
Mirror : http://www.ktlehoan.com