1
Giảng viên: Hoàng Văn Hiệp
Bộ môn: Kỹ Thuật máy tính
Viện CNTT-TT – ĐH Bách Khoa Hà Nội
Email:
Ngôn ngữ HTML
Đại học Bách khoa Hà nội
NGÔN NGỮ HTML
HTML là gì?
Các thẻ trong HTML.
2
Đại học Bách khoa Hà nội
HTML LÀ GÌ?
Hyper Text Markup Language – Ngôn ngữ
đánh dấu siêu văn bản
Đƣợc sử dụng để tạo nên các trang web
Trình duyệt đọc file HTML để hiển thị nội
dung
Là một file văn bản có chứa các thẻ (tag) và
nội dung trang web
3
Đại học Bách khoa Hà nội
HTML LÀ GÌ?
Các thẻ đƣợc sử dụng để định dạng dữ liệu,
quy định cách thức hiển thị nội dung trang
web
HTML không phân biệt chữ hoa hay chữ
thƣờng
HTML không báo lỗi cú pháp, nếu sai cú pháp
kết quả hiển thị không đúng.
CÚ PHÁP THẺ
Thẻ đóng và thẻ mở thƣờng đi liền với nhau
<tên_thẻ>…</tên_thẻ>
Tác động đến dữ liệu bên trong cặp thẻ
Một số thẻ chỉ có thẻ mở
<img>, <br>, <hr>
8
Đại học Bách khoa Hà nội
THUỘC TÍNH CỦA THẺ
Mỗi thẻ có thể có 1 hoặc nhiều thuộc tính
Mỗi thuộc tính có tên thuộc tính và giá trị, giá
trị đƣợc đặt trong dấu “”
Cú pháp
<tên_thẻ tên_TT1=“giá_trị1” tên_TT2=“giá_trị2”
…>
9
Đại học Bách khoa Hà nội
THUỘC TÍNH CỦA THẺ
Thuộc tính đƣợc viết trong thẻ mở
<h1 align=“center”>Hello world</h1>
Các thuộc tính có thể đổi vị trí cho nhau
<image align=“center” src=“hello.png”>
<image src=“hello.png” align=“center”>
10
Đại học Bách khoa Hà nội
TRANG WEB ĐẦU TIÊN
11
<html>
<head>
Thuộc tính bgcolor xác định màu nền của trang web
Thuộc tính background xác định ảnh nền trang web
15
Đại học Bách khoa Hà nội
ẢNH NỀN TRANG WEB
16
<html>
<head>
<title>Background Image</title>
</head>
<body background=“globe.png”>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
Đại học Bách khoa Hà nội
MÀU NỀN TRANG WEB
17
<html>
<head>
<title>Background Image</title>
</head>
<body bgcolor=“green”>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
Đại học Bách khoa Hà nội
ĐỀ MỤC
Đại học Bách khoa Hà nội
ĐOẠN VĂN, NGẮT DÒNG
21
<html>
<head>
<title>Paragraph</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
</head>
<body>
<p>Đây là paragraph 1. Căn trái.</p>
<p align="center">Đây là paragraph 2. Căn
giữa.</p>
<p align="right">Đây là paragraph 3. Căn phải.</p>
<hr>
Dòng 1<br>
Dòng 2<br>
</body>
</html>
Đại học Bách khoa Hà nội
ĐOẠN VĂN, NGẮT DÒNG
22
Đại học Bách khoa Hà nội
ĐỊNH DẠNG VĂN BẢN
<b>…</b> chữ đậm
<i>…</i> chữ nghiêng
<u>…</u> chữ gạch chân
<big>…</big> chữ to
<font face="Arial" color="green">Font chữ Arial</font><br>
</body>
</html>
Đại học Bách khoa Hà nội
Copyright: Tài liệu đại học ©