9/20/23
1
4 –Ngôn ngữ HTML 2
Ngôn ngữHTML
Phát triểnứng dụng web 1
GV: Phan Thị Kim Loan
Đại Học Sài Gòn – Khoa CNTT
4 -Ngôn ngữ HTML 2
2
4 –Ngôn ngữ HTML 3
Nội dung buổi học trước
1. Các bướcthiếtlậpwebsite
2. Thiếtkếlậptrình website
•Thiếtkếgiao diện
3. Xây dựng website dưới góc
nhìn ngộnghĩnh
3
9/20/23
2
4 –Ngôn ngữ HTML 4
Nội dung
1. GiớithiệuvềHTML
2. Cấutrúc 1tài liệuHTML
3. Các tag (thẻ)HTML
4. Hướng dẫnthựchành HTML
5. Gợiýchọnđề tài cho đồ án
4
4 –Ngôn ngữ HTML 5
Giớithiệu về HTML
§HTML (Hyper Text Markup Language): ngôn ngữđánh
dấusiêu vănbản, dùng để xây dựng mộtwebpage.
§HTML: chứa các thành phầnđịnh dạng để báo cho
browser biếtcách hiểnthịmộtwebpage.
§Mộttrang web thông thường gồm:
•Dữliệu(vănbản, âm thanh, hình ảnh, …)
•Các tag (thẻ) HTML để định dạng mô tảcách thứccác dữliệu
hiểnthịtrên trình duyệt
§Web browser: phân tích & “hiểu” các tags HTML, hiệnthị
nộidung web cho người dùng
§Webpage HTML: 1 file *.htm || *.html
5
9/20/23
3
4 –Ngôn ngữ HTML 6
Trình duyệt –Trình soạn thảo
Web browser –trình duyệtweb
Notepad
6
4 –Ngôn ngữ HTML 7
HTML cănbản -Tag(thẻ) HTML
<html>
<head>
<title>First page title</title>
</head>
<body>
Hello world!<br>
It's my first html.
</body>
</html>
7
9/20/23
4
4 –Ngôn ngữ HTML 8
Cú pháp, đặc tính của HTML
<TAG ten_thuoc_tinh=“gia tri” ……..>Dữliệu</TAG>
HTML tag:
§Tên gợinhớ
§Tag được quy định trong cặp dấu ngoặc <>
§Phần lớn tag gồm 2 phần mở <tag> và đóng </tag>
§Mộtsốtag chỉcó 1 phần& không có dữliệu: <br>, <hr>
§Cấutrúc lồng
§Thuộctính củatag cung cấpthông tin bắt buộc/tùy chọn cho tag
§Mộtsốweb browser không hiểumộtsốtag hoặcthuộc tính
§Không phân biệt chữ hoa, thường
§Bỏqua các khoảng trắng
8
4 –Ngôn ngữ HTML 9
Cấutrúc một webpage HTML
<html>
<head>
<title>First page title
</title>
</head>
<body>
Hello world!<br>
It's my first html.
</body>
</html>
Phầnđầutrang
Phầnnộidung
Bắt đầu và kết thúc 1 trang
9
9/20/23
5
4 –Ngôn ngữ HTML 10
Cấu trúc 1 tài liệu HTML
§<html></html> : Định nghĩa phạm vi của văn bản HTML
§<head></head> :
Định nghĩa các mô tả về trang HTML. Thông tin trong
tag này không được hiển thị trên trang web
§<title></title> : Mô tả tiêu đề trang web
§<body></body> :
Xác định vùng thân của trang web, nơi chứa các thông
tin
10
4 –Ngôn ngữ HTML 11
Các tag HTML cơ bản
§Tag xửlý định dạng vănbản
§Tag danh sách
§Tag tạobảng <table>
§Tag liên kếttrang <a>
§Tag hình ảnh <img>
§Tag âm thanh
11