Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản
© 2007 Khoa CNTT - ĐHKHTN
Gi
Gi
ớ
ớ
i
i
thi
thi
ệ
ệ
u
u
v
v
ề
ề
HTML
HTML
HTML (Hyper Text Markup Language) - Ngôn ngữ
đánh dấusiêuvănbản
Là một ngôn ngữ dùng để xây dựng một trang Web.
Chứa các thành phần định dạng để báo cho trình
duyệt Web biếtcáchđể hiểnthị một trang Web.
Một trang web thông thường gồm có 2 thành phần
chính:
– Dữ liệucủa trang web (vănbản, âm thanh, hình ảnh )
– Các thẻ (tag) HTML dùng để định dạng mô tả cách thứccácdữ
liệutrênhiểnthị trên trình duyệt.
Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản
© 2007 Khoa CNTT - ĐHKHTN
Giớithiệuvề HTML – Trình duyệt, trình soạnthảo
Trình duyệt web (Browser) Trình soạnthảo(Editor)
Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản
© 2007 Khoa CNTT - ĐHKHTN
Gi
Gi
ớ
ớ
i
i
thi
thi
ệ
ệ
u
u
v
v
ề
ề
HTML
HTML
–
–
Th
Th
ẻ
ẻ
(Tag) HTML
(Tag) HTML
<HTML>
<HEAD>
<TITLE>Welcome to HTML</TITLE>
</HEAD>
<BODY BGCOLOR = lavender>
<H3>My first HTML document</H3>
</BODY>
</HTML>
Hiển thị ví dụ trong IE
Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản
© 2007 Khoa CNTT - ĐHKHTN
Gi
Gi
ớ
ớ
i
i
thi
thi
ệ
ệ
u
u
v
v
ề
ề
HTML
HTML
–
–
Th
Th
ẻ
ẻ
(Tag) HTML
(Tag) HTML
<b> Dòng chữ này đượcin đậm </b>
<Tag mở> Dữ liệu <Tag đóng>
Tên Tag Æ luôn mang tính gợinhớ
– Ví dụ: B ~ Bold, I ~ Italic, P ~ Paragraph
Đôi khi không cần Tag đóng <br>, <hr>
Cú pháp chung
<TAG Tên_thuộc_tính=‘giá_trị’ …… > Dữ liệu</TAG>
– Ví dụ :
– <div >Thuong mai Dien tu 1</div>
– <div id="txtDiv" style="color:#0000CC">Thuong mai Dien tu 2</div>
Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản
© 2007 Khoa CNTT - ĐHKHTN
Gi
Gi
ớ
ớ
i
i
thi
thi
ệ
ệ
u
u
v
v
ề
ề
HTML
HTML
–
–
Th
Th
ẻ
ẻ
(Tag)
(Tag)
HTML.C
HTML.C
ú
ú
ph
ph
á
á
p
p
Mã HTML Hiểnthị
<b> Đây là một dòng đượcin Đậm</b>
<h3> Mứcchữởtiêu đề 3 </h3>
Đây là một dòng đượcin Đậm
Mứcchữởtiêu đề 3
Mã HTML Hiểnthị
<font FACE=‘Arial’ Size=‘3’>
Hello
</font>
Hello
Lưuý :
• Giá trị ThuộctínhcủaThẻ nên đặttrongdấu nháy đơnhoặc nháy kép
• Không phân biệtchữ HOA
và thường
• Bỏ qua các khoảng trắng thừavàcácdấungắtdòng, xuống dòng