HTML là gì?
HTML là viết tắt của H yper T ext M arkup L anguage
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 đại diện bởi các 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à một 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ó các thuộc tính
- Các thuộc tính cung cấp thông tin bổ sung về phần tử
- Các thuộc tính có trong cá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>
Giải thích ví dụ
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>định nghĩa tài liệu này là HTML5 - Phần
<html>tử là phần tử gốc của một trang HTML - Thuộc
langtính xác định ngôn ngữ của tài liệu - Phần
<meta>tử chứa thông tin meta về tài liệu - Thuộc
charsettính xác định bộ ký tự được sử dụng trong tài liệu - Phần
<title>tử chỉ định tiêu đề cho tài liệu - Phần
<body>tử chứa nội dung trang hiển thị - Phần
<h1>tử xác định một tiêu đề lớn - Phần
<p>tử xác định một đoạn văn
Tài liệu HTML
Tất cả cá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 (một Trang HTML):
Lưu ý: Chỉ nội dung bên trong phần <body> (vùng màu trắng ở trên) được hiển thị trong trình duyệt.
Tiêu đề HTML
Các tiêu đề HTML được xác định với <h1>các <h6>thẻ.
<h1>xác định tiêu đề quan trọng nhất. <h6>xác định tiêu đề ít quan trọng nhất:
Thí dụ
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Đoạn văn HTML
Các đoạn HTML được xác định bằng <p>các thẻ:
Thí dụ
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Liên kết HTML
Các liên kết HTML được xác định bằng <a>các thẻ:
Thí dụ
<a href="https://www.w3schools.com">This is a link</a>
Đích của liên kết được chỉ định trong hrefthuộc tính.
Hình ảnh HTML
Hình ảnh HTML được xác định bằng <img>các thẻ.
Tệp nguồn ( src), văn bản thay thế ( alt)
widthvà heightđược cung cấp dưới dạng các thuộc tính:
Thí dụ
<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"
Các nút HTML
Các nút HTML được xác định bằng <button>các thẻ:
Thí dụ
<button>Click me</button>
Danh sách HTML
Danh sách HTML được xác định bằng các thẻ (danh sách <ul>không có thứ tự / dấu đầu dòng) hoặc
<ol>(danh sách có thứ tự / được đánh số), theo sau là <li>
các thẻ (mục danh sách):
Thí dụ
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Bảng HTML
Một bảng HTML được xác định bằng một <table>thẻ.
Các hàng trong bảng được xác định bằng <tr>các thẻ.
Tiêu đề bảng được xác định bằng <th>các thẻ. (in đậm và căn giữa theo mặc định).
Các ô trong bảng (dữ liệu) được xác định bằng <td>các thẻ.
Thí 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>
Lập trình HTML
Mọi phần tử HTML đều có thể có các thuộc tính .
Đối với lập trình và phát triển 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 | Thí dụ |
|---|---|
| Tôi | <table id = "table01" |
| lớp học | <p class = "normal"> |
| Phong cách | <p style = "font-size: 16px"> |
| dữ liệu- | <div data -id = "500"> |
| trong một cái nhấp chuột | <input onclick = "myFunction ()"> |
| onmouseover | <a onmouseover ="this.setAttribute('style','color:red')"> |
Hướng dẫn đầy đủ về HTML
Đây là một mô tả ngắn về HTML.
Để có hướng dẫn HTML đầy đủ, hãy truy cập Hướng dẫn HTML của W3Schools .
Để có tham chiếu thẻ HTML đầy đủ, hãy chuyển đến Tham khảo thẻ W3Schools .