Khóa học IT HTML Cơ bản 010_Phần tử, Thuộc tính

Phần tử

Thẻ mở	Nội dung phần tử	Thẻ đóng
`<h1>`	Đây là tiêu đề	`</h1>`
`<p>`	Đây là đoạn văn	`</p>`
`<a href="https://www.zhaojian.net/" title="liên kết">`	Đây là liên kết	`</a>`
`<img src="/images/logo.png" alt="Đây là hình ảnh">`	Đây là hình ảnh
`<br>`	Xuống dòng

1
<!DOCTYPE html>
2
<html lang="en">
3

4
    <head>
5
        <meta charset="UTF-8" />
6
        <title>hello HTML</title>
7
    </head>
8

9
    <body>
10
        <h1>Đây là tiêu đề</h1>
11
        <p>
12
            Đây là đoạn văn<br>
13
            <a href="https://www.zhaojian.net/" title="liên kết">Đây là liên kết</a>
14
        </p>
15
        <img src="/images/logo.png" alt="Đây là hình ảnh" />
16
        <br />
17
    </body>
18

19
</html>

[!Tóm tắt]
Phần tử HTML bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng
Nội dung của phần tử HTML là những gì nằm giữa thẻ mở và thẻ đóng
Một số phần tử HTML có nội dung rỗng (empty content), những thẻ không có nội dung và không có thẻ đóng được gọi là thẻ rỗng hoặc phần tử void, được thiết kế cho các chức năng cụ thể trong khi duy trì tính đơn giản và linh hoạt, như: <br>, <hr>, <img>, <meta>, <input>, v.v.
Hầu hết phần tử HTML có thể có thuộc tính
Phần tử HTML thường được gọi là thẻ HTML (HTML tag)
Phần tử HTML thường xuất hiện theo cặp, như <p> và </p>
Phần tử HTML có thể được lồng bên trong các thẻ HTML khác
Phần tử HTML không phân biệt chữ hoa chữ thường, nhưng khuyến nghị sử dụng chữ thường

Thuộc tính

Các phần tử HTML có thể có thuộc tính (Attribute), cung cấp thêm thông tin về phần tử hoặc xác định các hành vi nhất định của phần tử. Thuộc tính luôn được định nghĩa trong thẻ mở, thường xuất hiện dưới dạng “tên thuộc tính=giá trị thuộc tính”. Ví dụ, phần tử liên kết (a) có thể sử dụng thuộc tính href để chỉ định địa chỉ đích của liên kết:

Ví dụ:

1
<a href="https://www.zhaojian.net">zhaoJian.Net</a>

Hiệu ứng:

Hiệu ứng ví dụ

Trong đoạn mã trên, thuộc tính href của phần tử a có giá trị "https://www.zhaojian.net", nghĩa là khi nhấp vào liên kết, trình duyệt sẽ điều hướng đến URL đó.

Các thuộc tính thường dùng:

id: Cung cấp định danh duy nhất cho phần tử.
class: Cung cấp một hoặc nhiều tên lớp cho phần tử, các phần tử khác nhau có thể có cùng tên lớp.
style: Cung cấp kiểu nội tuyến cho phần tử.
title: Thêm nội dung tiêu đề cho phần tử liên kết.
alt: Thêm nội dung mô tả cho phần tử hình ảnh.

[!Tóm tắt]
Thuộc tính luôn xuất hiện dưới dạng cặp tên=giá trị, như: name="value".
Phân tách thuộc tính với tên phần tử (hoặc thuộc tính trước nếu có nhiều hơn một) bằng dấu cách.
Giá trị thuộc tính nên luôn được đặt trong dấu ngoặc kép, dấu ngoặc kép là phổ biến nhất, nhưng dấu ngoặc đơn cũng được.
Thuộc tính và giá trị thuộc tính không phân biệt chữ hoa chữ thường, nhưng khuyến nghị sử dụng chữ thường.

Phần tử

Thuộc tính

Bình luận