Các thẻ HTML cơ bản

1. Thẻ tiêu đề

thẻ tiêu đề được sử dụng để xác định các tiêu đề và cấp độ của nội dung trang web. Có sáu thẻ tiêu đề khác nhau, từ h1 đến h6, trong đó h1 là tiêu đề lớn nhất và h6 là tiêu đề nhỏ nhất. Dưới đây là một giới thiệu ngắn về cách sử dụng thẻ tiêu đề HTML:

<h1>Đây là thẻ tiêu đề bự chà bá</h1>
...
h1->h5
...
<h1>Đây là thẻ tiêu đề nhỏ xíu</h1>

2. Thẻ đoạn văn

Trong HTML, thẻ đoạn văn (paragraph) được sử dụng để đánh dấu các đoạn văn bản. Thẻ này giúp trình duyệt hiểu cấu trúc của trang web và hiển thị nội dung một cách đúng đắn. Thẻ đoạn văn là p. Dưới đây là một ví dụ đơn giản về cách sử dụng thẻ đoạn văn trong HTML:

<p>Đây là một đoạn văn bản. Thẻ p được sử dụng để đánh dấu đoạn văn.</p>
<p>Đoạn văn khác có thể được thêm vào trang web để tạo ra nhiều đoạn văn khác nhau.</p>

3. Thẻ hình ảnh

Trong HTML, để chèn hình ảnh vào trang web, bạn sử dụng thẻ img. Dưới đây là một ví dụ cơ bản về cách sử dụng thẻ hình ảnh:

<img src="https://i.ibb.co/XLRFYxT/7day.png" alt="Mô tả hình ảnh">

3. Thẻ danh sách

Trong HTML, có hai loại danh sách cơ bản: danh sách không có thứ tự ul, danh sách có thứ tự ol. Dưới đây là mô tả cách sử dụng mỗi loại danh sách:

• Danh sách không có thứ tự ul:

  htmlbarsCopy

  <ul>
  	<li>item 1</li>
  	<li>item 2</li>
  	<li>item 3</li>
  </ul>
  

• Danh sách có thứ tự ol:

  htmlbarsCopy

  <ol>
  	<li>item 1</li>
  	<li>item 2</li>
  	<li>item 3</li>
  </ol>
  

3. Thẻ table

Thẻ table trong HTML được sử dụng để tạo bảng trên trang web. Bảng có thể chứa các hàng tr, cột (td cho ô thông thường hoặc th cho ô tiêu đề), và nằm trong các ô của chúng. Dưới đây là một ví dụ về cách sử dụng thẻ table:

<table border="1">
        <!-- Tiêu đề của bảng -->
        <thead>
            <tr>
                <th>Họ và Tên</th>
                <th>Ngày Sinh</th>
                <th>Điểm</th>
            </tr>
        </thead>

        <!-- Nội dung của bảng -->
        <tbody>
            <tr>
                <td>Nguyễn Văn A</td>
                <td>01/01/1990</td>
                <td>85</td>
            </tr>
            <tr>
                <td>Trần Thị B</td>
                <td>15/05/1992</td>
                <td>92</td>
            </tr>
        </tbody>
    </table>

3. Thẻ input

Thẻ input trong HTML được sử dụng để tạo các ô nhập liệu trên trang web. Thẻ này có nhiều kiểu khác nhau, tùy thuộc vào mục đích sử dụng của ô nhập. Dưới đây là một số kiểu phổ biến của thẻ input:

<input type="text" name="username" placeholder="Nhập tên người dùng">

<input type="password" name="password" placeholder="Nhập mật khẩu">

<input type="radio" name="gender" value="male"> Nam
<input type="radio" name="gender" value="female"> Nữ

<input type="checkbox" name="subscribe" checked> Đăng ký nhận thông báo

<input type="number" name="quantity" min="1" max="10" value="1">

<input type="date" name="birthday">