8/17/2019 Thực Hành HTML cơ bản
1/5
HTML
1. Mục tiêu:
Làm quen với HTML, sử dụng NotePad
2. Cấu trúc html
• HTML dùng và để đánh dấu điểm !t đ"u và #$t th%&
&ho'i(e HTML)
• Tag (à nh*n đ+& dùng để đánh dấu điểm !t đ"u và #$t
th%& &ho m-te(ement) ./ dụ 0h1203h12, 0h4203h42,5
• Element t6o n7n &ấu t8%& &9a 'i(e HTML và
&ho t8:nh du;e theo ? mu@n &9a 6n) Nh:n &hung, e(ement
sA ao gBmtag !t đ"u, n-i dung, và tag #$t th%&)
o ./ dụ, e(ement h1, h4, hC5 đ+& dùng để t6o heading &ho
t8ang
>e, với h để &hD heading và &á& s@ Eh/a sau để
&hD &ấE đ- FmG&quan t8ng hoI& #/&h th+ớ&
teJtK &9a heading FmG& (ớn nhất (à h1,nh nhất (à hK
• O m-t vài e(ement ngo6i (< t8ong HTML v: sử dụng &ùng
m-t tag &ho &tag mQ và đOng) ./ dụ, để đánh dấu Ju@ng hàng,
6n &O thể dùng tag 08 32
• R(ement &O thể &hGa &á& attribute để &hGa
&á& thSng tin v e(ement đO)á& att8iutes nà; (uSn
đ+& đIt t8ong tag mQ &9a e(ement) Utt8iutes đ+&đ=nh
nghVa d+ới d6ngW name X Yva(ueY
o ./ dụ att8iute &9a tag hiển th= (in# t87n t8ang >e nh+
sauW0a h8e'XYhttEW33>>>)>Cs&hoo(s)&omY2This is
a (in#03a2
!. "êu c#u:
Zử dụng t8:nh so6n tho NotePad so6n tho n-i dung HTML
$%i 1:
Tạo chỉ số Trên/Dưới
Văn bản : Tạo chỉ số trêncho văn bản.
Văn bản :
Tạo chỉ số dướicho văn bản.
$%i 2:
HIỆU !" #HU$%! &'!" #H(
8/17/2019 Thực Hành HTML cơ bản
2/5
( cạnh bi?n ,@t A cạnh 5ia
:)*ide9B;t u t> ( cạnh d>n# *ại A cạnh 5ia
:+*ternate9B;t u t> ( cạnh chun n#ưCc *ại A cạnh 5ia
uớn#9 &eDtE Fi#htE 0enter ướn# b;t u
n(9 )ố *n *G'
n-9 Hhoản# cIchJKiLe* #iNa ,4i *n *G'
n/9 ThOi #ian chO #iNa ,4i *n *G'.
"êu c#u:
T6o m-t đo6n teJt di &hu;ển Ju@ng d+ới, #hi ta 87 &hu-t
vào d[ng (6i, &h6; ti$E #hi 87&hu-t 8asử dụng
B,i -:T6o 1 t8ang htm( nh+ sauW
