Dưới đây là tóm tắt các kiến thức cơ bản và quan trọng về HTML, giúp bạn ôn lại và nắm vững nền tảng của ngôn ngữ này.
### 1. **Khái Niệm Cơ Bản về HTML**
- **HTML (HyperText Markup Language)**: Là ngôn ngữ đánh dấu được sử dụng để tạo và cấu trúc các thành phần trên trang web.
- **Thẻ HTML**: Các thẻ HTML được sử dụng để xây dựng cấu trúc của một tài liệu HTML. Mỗi thẻ thường đi kèm với một cặp thẻ mở và thẻ đóng.
```html
<tagname>Content</tagname>
```
### 2. **Cấu Trúc Cơ Bản của Tài Liệu HTML**
```html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<!-- Nội dung của trang web -->
</body>
</html>
```
- **<!DOCTYPE html>**: Khai báo loại tài liệu, giúp trình duyệt hiểu phiên bản HTML được sử dụng.
- **<html>**: Thẻ gốc của tài liệu HTML.
- **<head>**: Chứa thông tin meta về tài liệu, bao gồm tiêu đề trang, liên kết tới các tệp CSS, scripts, v.v.
- **<body>**: Chứa nội dung chính của trang web.
### 3. **Các Thẻ HTML Phổ Biến**
- **Tiêu đề và Đoạn văn**
```html
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>Đoạn văn bản.</p>
```
- **Liên kết và Hình ảnh**
```html
<a href="https://www.example.com">This is a link</a>
<img src="image.jpg" alt="Description of image">
```
- **Danh sách**
- **Danh sách không thứ tự (Unordered List)**
```html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
```
- **Danh sách có thứ tự (Ordered List)**
```html
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
```
- **Bảng**
```html
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table>
```
- **Form**
```html
<form action="/submit-form" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<input type="submit" value="Submit">
</form>
```
### 4. **Thuộc Tính của Thẻ HTML**
- Các thẻ HTML có thể chứa các thuộc tính để cung cấp thêm thông tin về cách thẻ đó nên được hiển thị hoặc hoạt động.
```html
<a href="https://www.example.com" target="_blank">Visit Example</a>
<img src="image.jpg" alt="Description of image" width="500" height="600">
```
### 5. **Tổ Chức và Bình Luận Mã HTML**
- **Bình luận trong HTML**: Được sử dụng để chú thích hoặc giải thích mã mà không hiển thị trên trình duyệt.
```html
<!-- Đây là một bình luận -->
```
- **Tổ chức mã HTML**: Sử dụng thụt lề và cách dòng để mã dễ đọc và quản lý hơn.
```html
<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Subitem 1</li>
<li>Subitem 2</li>
</ul>
</li>
</ul>
```
### 6. **Các Thẻ HTML Mới trong HTML5**
- **<header>**: Định nghĩa phần header của tài liệu hoặc một phần.
- **<nav>**: Định nghĩa một phần chứa các liên kết điều hướng.
- **<article>**: Định nghĩa nội dung độc lập và hoàn chỉnh.
- **<section>**: Định nghĩa một phần hoặc một phân đoạn trong tài liệu.
- **<footer>**: Định nghĩa phần footer của tài liệu hoặc một phần.
- **<aside>**: Định nghĩa nội dung bên cạnh có liên quan đến nội dung chính.
### 7. **Thực Hành và Ôn Tập**
- **Tạo trang web cá nhân**: Thực hành bằng cách tạo một trang web cá nhân với đầy đủ thông tin, hình ảnh, liên kết, danh sách và bảng.
- **Xem tài liệu chính thức**: Thường xuyên tham khảo tài liệu chính thức của HTML tại [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML).
Chúc bạn ôn tập hiệu quả và thành công trong việc nắm vững HTML!