Day la trang Web dau tien.. Day la doan van ban in dam... Th HTML nâng caoTh Head: Gi a c'p th và : thông tin v!. tiêu Thông tin khai báo trong th Head không ư c th hi n ra trong n i
Trang 1Hi p Thu n
dhthuan@cit.ctu.edu.vn
C n Th 10-03-2006
Khoa Công Ngh Thông Tin
Tr ng i H c C n Th ơ
Ngôn Ng HTML
N i dung
Gi i thi u HTML Thành ph n c a HTML
Th HTML cơ b n
Trang 3Day la trang Web dau tien
<b> Day la doan van ban in dam </b>
Trang 4Internet hay trong máy tính c c b
Trang 5Th HTML cơ b n
Th cơ b n:
Trang 8* +,
))))))) )))))))
))))))) ))))))) ))))))) ))))))) )))))))
4 5 6
Các th HTML cơ b n
Ví d t o liên k t ngoài:
16 Printed with FinePrint trial version - purchase at www.fineprint.com
Trang 9Các th HTML cơ b n
Th t o liên k t (link):
Liên k t trong :
<a name=“ TenViTri "> Vi tri bat dau </a>
<a href=“ # TenViTri "> Text i di n </a>
17
))))))) )))))))
* +,
))))))) ))))))) ))))))) )))))))
a ( 5 ưa 5A
4 5 6
)a ( )
8 9:;<=>)
))))))) ))))))) ))))))) ))))))) ))))))) ))))))) )))))))
?6 (
a ( 5 B 5A
Các th HTML cơ b n
Ví d t o liên k t trong:
Trang 10Các th HTML cơ b n
Th t o liên k t(link):
K t h p liên k t ngoài và liên k t trong :
<a name=“ TenViTri "> Vi tri bat dau </a>
<a href=“ URL # TenViTri "> Text i di n </a>
19
))))))) )))))))
* +,
))))))) ))))))) ))))))) )))))))
4 5 6
)a ( )
8 9:;<=>)
))))))) ))))))) ))))))) ))))))) ))))))) ))))))) )))))))
?6 (
a ( 5 B 5A
))))))) ))))))) )))))))
Trang 11Các th HTML cơ b n
T o liên k t (link) m r ng
M thêm 1 trang m i t" liên k t
<a href=“ URL " target=" _blank "> Text </a>
n 1 trang dư i d ng toàn trình duy t
<a href=“ URL " target=" _top "> Text </a>
n chương trình Mail Client :
<a href=“ mailto : xyz@abc.com “> Text </a>
Trang 12Các th HTML cơ b n
Th FrameTrình bày nhi!u tài li u HTML trong cùng trang WebM(i tài li u HTML ó g i là frame
M(i frame s$ c l%p v i nhau
frame, m(i frame nh ngh#a 1 t%p các dòng,c t
Trang 13Các th HTML cơ b n
Th Table
M t b ng ư c nh ngh#a b i th <table>
M t b ng ư c chia làm nhi!u dòng ( v i th <tr> )M(i dòng ư c chia làm nhi!u ô d li u ( th <td> )
N i dung thông tin trong m(i ô trong b ng :
Text, hình nh, ư ng th)ng(hr) Danh sách (list)
Form Table con, …
25
Các th HTML cơ b n
Ví d t o table trong HTML
Trang 17Danh sách có th t (Ordered List) : <ol>
Danh sách không th t (Unordered List) : <ul>
Trang 18, (
5 0 a
Các th HTML cơ b n
Th danh sách (ví d )
36
Ja 0
5 F (
K L M I + , (
5 0 a
Printed with FinePrint trial version - purchase at www.fineprint.com
Trang 20drop-Ví d v Text Field
39
Ví d v Radio Button
40 Printed with FinePrint trial version - purchase at www.fineprint.com
Trang 21Ví d v Checkbox
41
Ví d v Submit button
Trang 22d ng là *.gif hay *.jpg
Th ánh d u là : <image src=“ URL ”>
Các thu c tính c a th Image
Width = number pixels / number %
Height = number pixels / number %
Align = “ left/right/top/middle/bottom ”
Alt =“ Chu i i di n khi không t i c hình ”
Th <map> và <area> : chia hình ra làm nhi!u ph n
44 Printed with FinePrint trial version - purchase at www.fineprint.com
Trang 25Th HTML nâng cao
Th Head:
Gi a c'p th <head> và </head> : thông tin v! tiêu
Thông tin khai báo trong th Head không ư c th
hi n ra trong n i dung trang Web
VD :<head>
<title> Tieu de trang Web </title>
<link rel=" stylesheet " type=" text/css “ href=" mystyle.css ">
<meta name=" keywords " content=" HTML ">
</head>
49
Th HTML nâng cao
Th TitleCung c p tên tiêu ! trên thanh tiêu ! c a trình duy t khi th hi n trang Web
Trang 26Ch nh khi hi n trang Web: m trang Web URL sau 5s
<meta http-equiv=" Refresh “ content=" 5 ;
Có th nh d ng trong file ngoài,
VD : <link rel=" stylesheet " type=" text/css “ href=“ abc.css ">
Có th khai báo bên trong ph n <head> trang Web,
VD : < style type ="text/css">
</ style >
Có th s* d ng th)ng trong n i dung trang Web
VD : <p style="color: red ; margin-left: 20px "> Paragraph1 </p>
52 Printed with FinePrint trial version - purchase at www.fineprint.com
Trang 27Th HTML nâng cao
Th script
Có th nhúng vào trang Web nh ng o n Script
vi t b ng các ngôn ng như : JavaScript, VBScript,
53
Th HTML nâng cao
Th Font
nh font cho c trang Web b ng th <basefont>
nh font cho 1 o n v n b n b ng th <font>
Trang 28Th HTML nâng cao
Th FontThư ng s* d ng thu c tính style nh d ng font thay cho các tag c+
XML, XHTML WML
Các k thu t DHTML, CSS,
Ngày nay, thư ng s* d ng thu c tính style nh d ng
Printed with FinePrint trial version - purchase at www.fineprint.com
