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 . 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. 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,. 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