Professional Documents
Culture Documents
Căn bản HTML
Căn bản HTML
CHNG 1 : HTML C BN
HTML CN BN
Khi qut v HTML ........................................................................................................ 1
M u ...................................................................................................................................... 2
Nhng cu hi thng gp .......................................................................................................... 3
Trang
CHNG 1 : HTML C BN
TI LIU HTML
Trang
TI LIU HTML
CHNG 1 : HTML C BN
son tho c ting Vit khi code trong html cc bn c 2 cch sau :
Cch 1 :
Chn dng <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> vo
gia th head.
V d :
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
...
</html>
Cch 2 :
Son html khi lu bng Notepad.Nh rng khi lu chn >Save as>
Save as type: All files Encoding: UTF-8
Ri nh tn vo dng *.html .Lu : Encoding phi chn l UTF-8
Trang
CHNG 1 : HTML C BN
TI LIU HTML
Cc dng th HTML
Nhng th HTML khng phn bit in hoa v vit thng, v d dng <b> v <B> u nh nhau,
Nhng th HTML c bn
Tag
M t
<html>
Xc nh mt vn bn dng HTML
<body>
T <h1> n <h6>
<p>
<br>
<hr>
Xc nh mt ng thng
<!-->
Xc nh vng ch thch
Trang
TI LIU HTML
CHNG 1 : HTML C BN
y l phn trng tm khi bt u hnh thnh nhng khi nim c bn. ng dng, bn phi t cc
on ny vo gia th <body> v </body>.
Cch dng cc th HTML c bn
1. Xung dng khi kt thc on vn bn
Xung 1 dng:
on vn bn 1<br>
on vn bn 2<br>
Xung 2 hoc nhiu dng:
on vn bn 1<br><br>
on vn bn 2<br><br><br>
on vn bn 3<br><br><br><br>
2. To ch t to n nh:
<h1>To ch t to n nh</h1>
Bn ch vic thay s 1 thnh cc s ln hn nh: 2, 3, 4, 5..., kiu ch s nh dn.
3. To ch theo kch thc:
<font size="1">To ch theo kch thc</font>
Bn cng ch vic thay s cho n, nhng y s cng ln th ch s cng ln.
4. To font cho ch:
<font face="arial">To font cho ch</font>
y c mt vi loi font ch in hnh m mi khi ci t h iu hnh windows s c sn nh: Arial,
Tahoma, Verdana.
5. to ch in m, nghing v gch di:
<b>In m</b> - <i>In nghing</i> - <u>Gch di</u>
B: Bold: In m
I: Italic: In nghing
U: Underline: gch di
6. Canh l cho vn bn: tri, gia, phi
<div align="left">Vn bn hin bn tri</div>
<div align="center">Vn bn hin gia</div>
<div align="right">Vn bn hin bn phi</div>
Ring canh l gia, bn c th vit nh sau:
<center>Vn bn hin gia</center>
7. To mu cho vn bn
y c 2 cch, 1 l dng tn mu bng ting Anh (Blue, red, green, ...), 2 l dng m mu bt u
bng k hiu # (#0000FF, #FF0000, #00FF00)
Tn mu bng ting Anh:
<font color="blue">Mu xanh</font><br>
<font color="red">Mu </font><br>
<font color="green">Mu xanh l</font><br>
Hoc dng m mu:
<font color="#0000FF">Mu xanh</font><br>
<font color="#FF0000">Mu </font><br>
<font color="#00FF00">Mu xanh l</font><br>
Trang
CHNG 1 : HTML C BN
TI LIU HTML
Tag
<br>
nh dng ch m
<big>
nh dng ch ln
<em>
<i>
Ch in nghing
<small>
Ch nh
<strong>
Ch m
<sub>
<sup>
<ins>
<del>
Dng ch b xa
<s>
<strike>
<u>
Gch di
Trang
CHNG 1 : HTML C BN
TI LIU HTML
Loi
Tn ca k t
mt khang trng
 
<
nh hn
<
<
>
ln hn
>
>
&
du v
&
&
"
Ngoc kp
"
"
'
Ngoc n
'
trong IE)
Mt vi k t khc
Kt qu
Loi
Tn ca k t
cent
¢
¢
pound
£
£
yen
¥
¥
section
§
§
copyright
©
©
registered trademark
®
®
nhn
×
×
chia
÷
÷
Trang
CHNG 1 : HTML C BN
TI LIU HTML
HTML s dng siu lin kt lin kt nhng ti liu khc nhau trn trang web.
Trang
TI LIU HTML
CHNG 1 : HTML C BN
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
Heanding trong bng
Heading trong mt bng c xc nh bng th <th>
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
N s hin th nh th ny trn trnh duyt
Heading
Another Heading
Trang
TI LIU HTML
CHNG 1 : HTML C BN
<tr>
<td>row 2, cell 1</td>
<td> </td>
</tr>
</table>
N s hin th nh sau trnh duyt
row 1, cell 1 row 1, cell 2
row 2, cell 1
4. HTML Background
Backgrounds
Th <body> c hi thuc tnh ni m bn c th chn loi background cho mnh. Background c
th l mt mu hoc l mt tm hnh.
Bgcolor
Thuc tnh bgcolor thit lp hnh nn l mt mu. Gi tr ca thuc tnh ny l h s hexadecimal,
mt gi tr mu RGB hoc mt tn mu
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
Dng code trn cng thit lp hnh nn thnh mu en.
Trang
10
TI LIU HTML
CHNG 1 : HTML C BN
Background
Thuc tnh background thit lp mt tm hnh lm hnh nn. Gi tr ca thuc tnh ny l a ch
URL ca tm hnh bn mun s dng. Nu mt tm hnh nh hn so vi ca s trnh duyt, tm hnh
s t nhn ln n khi no n che ph ht ca s trnh duyt.
<body background="hinhnen.gif">
<body background="http://www.mekongedu.com/hinhnen.gif">
a ch URL c th l tng i nh l dng code th nht hoc tuyt i nh l dng th 2.
Ch : nu bn mun s dng hnh nn, bn nn nh rng:
Hnh nn c lm gim tc load ca trang nhiu khng? thng th hnh c chn lm
hnh nn khng nn vt qu 10K.
Hnh nn c hp vi cc hnh khc trn trang khng?
Hnh nn c hp vi ch khng?
Hnh nn nhn c p khng nu n ch c mt mnh
Hnh nn c lm cho ngi c mt tp trung khng?
Mo nh gip bn
Mt s t nhng trang web c s dng hnh nn bng hnh nh
Hu ht cc site s dng hnh nn l mu trng, en hoc xm.
5. HTML Frames
Vi frame bn c th hin th nhiu trang web trn cng mt ca s trnh duyt. Mi mt ti liu
HTML c gi l mt frame, v mi frame u c lp vi nhng frame khc.
Nhng nhc im khi s dng frame:
Ngi lm web phi theo di nhiu ti liu HTML
Kh c th in n ton b trang web.
Th frameset
Th <frameset> xc nh bn s chia ca s trnh duyt thnh nhng frame nh th no. Mi
mt frame xc nh mt tp hp cc hng hoc ct. Gi tr ca hng hoc ct ch ra din tch ca mn
hnh m frame s chim.
Th Frame
Th <frame> xc nh ti liu HTML no s c chn vo mi frame.
v d di y bn c mt frameset vi hai ct. Ct th nht c thit lp l chim 25% rng ca
ca s trnh duyt. Ct th hai c thit lp s chim 75% rng ca ca s trnh duyt. Ti liu html
tn l "frame_a.htm" c chn vo ct th nht, v "frame_b.htm" c chn vo ct th hai.
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
Mo nh gip bn
Nu frame ca bn c ng vin th ngi dng c th nh li kch thc bng cch ko n.
trnh vic ny bn c th thm noresize="noresize" vo th <frame>
Thm th <noframes> cho trnh duyt khng h tr frame.
Ngoi ra cn mt s c tnh khc ca Frames nh:
scrolling="no" (nu bn vit nh vy trong tag <frameset>, ngi c s khng
th scroll c tip nu nh trang html c c to hn Frame cha n).
frameborder="0" (frame khng c khung)
framespacing="0" (tng t nh trong table)
noresize (khng cho php ngi c thay i kch c ca window)
NGUYN HU PHC - MKIT GROUP & T TIN HC TRNG I HC CU LONG
Trang
11
TI LIU HTML
CHNG 1 : HTML C BN
V d :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>1 v d v frame cho cc bn</TITLE>
</HEAD>
<FRAMESET cols="20%, 80%">
<FRAMESET rows="100, 200">
<FRAME src="frame1.html">
<FRAME src="frame2.gif">
</FRAMESET>
<FRAME src="frame3.html">
<NOFRAMES>
<P>This frameset document contains:
<UL>
<LI><A href="frame1.html">Khung th 1</A>
<LI><IMG src="frame2.gif" alt="Khung th 2">
<LI><A href="frame3.html">Khung th 3</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>
y l hnh nh v d ca 1 trang web xi 3 frame
--------------------------------------|
|
|
|
|
|
| Frame 1 |
|
|
|
|
|
|
|
|---------|
|
|
|
Frame 3
|
|
|
|
|
|
|
|
|
|
| Frame 2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
--------------------------------------6.Chn Javascript vo HTML
JavaScript, theo phin bn hin hnh, l mt ngn ng lp trnh kch bn da trn i tng
c pht trin t cc nim nguyn mu. Ngn ng ny c dng rng ri cho cc trang web, nhng
cng c dng to kh nng vit script s dng cc i tng nm sn trong cc ng dng. N vn
c pht trin bi Brendan Eich ti Hng truyn thng Netscape vi ci tn u tin Mocha, ri sau
i tn thnh LiveScript, v cui cng thnh JavaScript. Ging Java, JavaScript c c php tng t C,
nhng n gn vi Self hn Java. .js l phn m rng thng c dng cho tp tin m ngun
JavaScript.
Phin bn mi nht ca JavaScript l phin bn 1.5, tng ng vi ECMA-262 bn 3.
ECMAScript l phin bn chun ha ca JavaScript. Trnh duyt Mozilla phin bn 1.8 beta 1 c h tr
NGUYN HU PHC - MKIT GROUP & T TIN HC TRNG I HC CU LONG
Trang
12
TI LIU HTML
CHNG 1 : HTML C BN
khng y cho E4X - phn m rng cho JavaScript h tr lm vic vi XML, c chun ha trong
ECMA-357.
Trang
13