HTML là gì?
HTML là viết tắt của H yper Text ext M arkup L ngôn ngữ
HTML là ngôn ngữ đánh dấu tiêu chuẩn cho các trang Web
Các phần tử HTML là các khối xây dựng của các trang HTML
Các phần tử HTML được biểu thị bằng thẻ <>
Phần tử HTML
Phần tử HTML là thẻ bắt đầu và thẻ kết thúc có nội dung ở giữa:
<h1>Đây là Tiêu đề</h1>
Start tag | Element content | End tag |
---|---|---|
<h1> | This is a Heading | </h1> |
<p> | This is paragraph. | </p> |
Thuộc tính HTML
- Các phần tử HTML có thể có thuộc tính
- Thuộc tính cung cấp thông tin bổ sung về phần tử
- Các thuộc tính có cặp tên/giá trị như charset="utf-8"
Một tài liệu HTML đơn giản
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Page Title</title>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is
another paragraph.</p>
</body>
</html>
Ví dụ giải thích
Các phần tử HTML là các khối xây dựng của các trang HTML.
- Khai báo
<!DOCTYPE html>
xác định tài liệu này là HTML5 - Phần tử
<html>
là phần tử gốc của trang HTML - Thuộc tính
lang
xác định ngôn ngữ của tài liệu - Phần tử
<meta>
chứa thông tin meta về tài liệu - Thuộc tính
charset
xác định bộ ký tự được sử dụng trong tài liệu - Phần tử
<title>
chỉ định tiêu đề cho tài liệu - Phần tử
<body>
chứa nội dung trang hiển thị - Phần tử
<h1>
xác định một tiêu đề lớn - Phần tử
<p>
xác định một đoạn văn
Tài liệu HTML
Tất cả tài liệu HTML phải bắt đầu bằng khai báo loại tài liệu: <!DOCTYPE html>
.
Bản thân tài liệu HTML bắt đầu bằng <html>
và kết thúc bằng </html>
.
Phần hiển thị của tài liệu HTML nằm giữa <body>
và </body>
.
Cấu trúc tài liệu HTML
Dưới đây là hình ảnh trực quan của một tài liệu HTML (Trang HTML):
Lưu ý: Chỉ nội dung bên trong phần <body> (vùng màu trắng ở trên) mới được hiển thị trong trình duyệt.
Tiêu đề HTML
Tiêu đề HTML được xác định bằng thẻ <h1>
đến <h6>
.
<h1>
xác định tiêu đề quan trọng nhất. <h6>
xác định tiêu đề ít quan trọng nhất:
Ví dụ
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Hãy tự mình thử » Đoạn HTML
Các đoạn HTML được xác định bằng thẻ <p>
:
Liên kết HTML
Liên kết HTML được xác định bằng thẻ <a>
:
Đích của liên kết được chỉ định trong thuộc tính href
.
Hình ảnh HTML
Hình ảnh HTML được xác định bằng thẻ <img>
.
Tệp nguồn ( src
), văn bản thay thế ( alt
), width
và height
được cung cấp dưới dạng thuộc tính:
Ví dụ
<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"
Hãy tự mình thử »Nút HTML
Các nút HTML được xác định bằng thẻ <button>
:
Danh sách HTML
Danh sách HTML được xác định bằng thẻ <ul>
(danh sách không có thứ tự/dấu đầu dòng) hoặc <ol>
(danh sách có thứ tự/đánh số), theo sau là thẻ <li>
(danh sách các mục):
Bảng HTML
Một bảng HTML được xác định bằng thẻ <table>
.
Các hàng của bảng được xác định bằng thẻ <tr>
.
Tiêu đề bảng được xác định bằng thẻ <th>
. (mặc định in đậm và căn giữa).
Các ô trong bảng (dữ liệu) được xác định bằng thẻ <td>
.
Ví dụ
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Hãy tự mình thử » Với CSS »Lập trình HTML
Mọi phần tử HTML đều có thể có thuộc tính .
Để phát triển và lập trình web, các thuộc tính quan trọng nhất là id và class. Các thuộc tính này thường được sử dụng để giải quyết các thao tác trên trang web dựa trên chương trình.
Thuộc tính | Ví dụ |
---|---|
nhận dạng | < id bảng ="bảng01" |
lớp học | <p lớp ="bình thường"> |
phong cách | <p style ="font-size:16px"> |
dữ liệu- | < dữ liệu div -id="500"> |
trong một cái nhấp chuột | <đầu vào onclick ="myFunction()"> |
di chuột qua | <a onmouseover ="this.setAttribution('style','color:red')"> |
Hướng dẫn HTML đầy đủ
Đây là một mô tả ngắn gọn về HTML.
Để có hướng dẫn HTML đầy đủ, hãy truy cập Hướng dẫn HTML của W3Schools .
Để tham khảo thẻ HTML đầy đủ, hãy truy cập Tham khảo thẻ W3Schools .