Thư viện tri thức trực tuyến
Kho tài liệu với 50,000+ tài liệu học thuật
© 2023 Siêu thị PDF - Kho tài liệu học thuật hàng đầu Việt Nam
GIÁO TRÌNH HTML CƠ BẢN pptx
Nội dung xem thử
Mô tả chi tiết
KHOA CNTT - TUD
HTML
Trần Khải Hoàng
Khoa CNTT – TỨD.
ĐH Tôn Đức Thắng
Nội dung
Giới thiệu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bài tập
2
Nội dung
Giới thiệu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bài tập
3
Giới thiệu HTML
• HTML (Hypertext Markup Language) : Ngôn ngữ đánh
dấu siêu văn bản
• File HTML là 1 file văn bản chứa các các thẻ đánh dấu
• Các thẻ đánh dấu sẽ báo cho trình duyệt biết cách hiển
thị trang HTML
• File HTML phải có đuôi HTML hoặc HTM
• File HTML có thể được tạo sử dụng 1 trình soạn thảo
văn bản hoặc 1 trình soạn thảo HTML WYSIWYG (What
You See Is What You Get)
Ví dụ HTML
• Mở notepad++, gõ đoạn văn bản sau và lưu lại dưới tên hello.html :
• Để xem kết quả, nhấn đúp vào file hello.html
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
Nội dung
Giới thiệu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bài tập
6
HTML Elements
• HTML là văn bản bao gồm các HTML Element
• HTML Element được đánh dấu bởi các HTML Tag
• Mỗi tag có 1 tên, được bao giữa 2 kí tự < và >
• Tag thường đi theo cặp. Ví dụ <b> </b>
• Thẻ đầu tiên gọi là thẻ mở (<b>), thẻ sau gọi là thẻ đóng (</b>)
• Văn bản giữa thẻ mở và thẻ đóng là nội dung của HTML Element
• HTML tag không phân biệt hoa thường. <b> giống <B>
Ví dụ về HTML Elements
• Đây là 1 HTML Element
• Trong đó :
– b là tên thẻ đánh dấu bắt đầu và kết thúc element
– Thẻ mở <b>
– Thẻ đóng </b>
– Nội dung của HTML Element là : This text is bold
– Khi hiển thị trên trình duyệt : This text is bold
– Mục đích của thẻ b là in đậm văn bản nằm trong nó
<b>This text is bold</b>
Ví dụ về HTML Tag (tt)
• Đây cũng là 1 HTML Element
• Trong đó
– body là tên thẻ
– Thẻ mở <body> , thẻ đóng </body>
– Nội dung :
– Mục đích thẻ body là chứa tất cả các Element nội dung trong trang HTML
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
This is my first
homepage.
<b>This text is bold</b>