Giải thích thuộc tính trong HTML là gì?

Các thuộc tính HTML thường đi theo các cặp tên-giá trị và luôn nằm trong thẻ mở của một phần tử. Tên thuộc tính cho biết loại thông tin bạn đang cung cấp về phần tử và giá trị thuộc tính là thông tin thực tế

Ví dụ: phần tử neo (

Lorem Ipsum...

4) trong tài liệu HTML tạo liên kết đến các trang khác hoặc các phần khác của trang. Bạn sử dụng thuộc tính

Lorem Ipsum...

5 trong thẻ mở đầu

Lorem Ipsum...

4 để cho trình duyệt biết nơi liên kết gửi người dùng

Đây là một ví dụ về liên kết đưa người dùng đến trang chủ của freeCodeCamp

Click here to go to freeCodeCamp!

Lưu ý rằng tên thuộc tính (

Lorem Ipsum...

5) và giá trị (“www. freeCodeCamp. org”) được phân tách bằng dấu bằng và dấu ngoặc kép bao quanh giá trị

Có nhiều thuộc tính HTML khác nhau, nhưng hầu hết chúng chỉ hoạt động trên một số phần tử HTML nhất định. Ví dụ: thuộc tính

Lorem Ipsum...

5 sẽ không hoạt động nếu nó được đặt trong thẻ mở đầu

Lorem Ipsum...

9

Trong ví dụ trên, giá trị được cung cấp cho thuộc tính

Lorem Ipsum...

5 có thể là bất kỳ liên kết hợp lệ nào. Tuy nhiên, một số thuộc tính chỉ có một tập hợp các tùy chọn hợp lệ mà bạn có thể sử dụng hoặc các giá trị cần phải ở định dạng cụ thể. Thuộc tính


Paragraph align attribute example

1 cho trình duyệt biết ngôn ngữ mặc định của nội dung trong phần tử HTML. Các giá trị cho thuộc tính


Paragraph align attribute example

1 phải sử dụng mã quốc gia hoặc ngôn ngữ chuẩn, chẳng hạn như


Paragraph align attribute example

3 cho tiếng Anh hoặc


Paragraph align attribute example

4 cho tiếng Ý

Thuộc tính Boolean

Một số thuộc tính HTML không cần giá trị vì chúng chỉ có một tùy chọn. Chúng được gọi là thuộc tính Boolean. Sự hiện diện của thuộc tính trong thẻ sẽ áp dụng nó cho phần tử HTML đó. Tuy nhiên, bạn có thể viết ra tên thuộc tính và đặt nó bằng một tùy chọn của giá trị. Trong trường hợp này, giá trị thường giống với tên thuộc tính

Ví dụ: phần tử



Paragraph align attribute example

5 trong một biểu mẫu có thể có thuộc tính


Paragraph align attribute example

6. Điều này yêu cầu người dùng điền vào mục đó trước khi họ có thể gửi biểu mẫu

Dưới đây là những ví dụ làm điều tương tự


You can read more about the , ,


  
    Img Src Attribute Example
  
  
    
  
9


  
    This is some text!
  
0

Thuộc tính cỡ chữ

Thuộc tính này chỉ định kích thước phông chữ ở dạng số hoặc giá trị tương đối. Các giá trị số nằm trong khoảng từ


  
    This is some text!
  
1 đến

  
    This is some text!
  
2 với

  
    This is some text!
  
1 là giá trị nhỏ nhất và

  
    This is some text!
  
4 là giá trị mặc định. Nó cũng có thể được xác định bằng cách sử dụng một giá trị tương đối, chẳng hạn như

  
    This is some text!
  
5 hoặc

  
    This is some text!
  
6, đặt giá trị này tương ứng với giá trị của thuộc tính size của phần tử

  
    This is some text!
  
7 hoặc tương đối với

  
    This is some text!
  
4, giá trị mặc định, nếu không tồn tại

cú pháp


  
    This is some text!
  
9

Thí dụ


  
    This is some text!
  

Ghi chú.


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

0

Thuộc tính màu phông chữ

Thuộc tính này được sử dụng để đặt màu cho văn bản nằm trong thẻ


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

1

cú pháp

html


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

Thuộc tính mã hex



Font color example using color attribute

Thuộc tính RGB



Font color example using color attribute

Thuộc tính lấy nét tự động

Thuộc tính lấy nét tự động là một thuộc tính boolean

Khi xuất hiện, nó chỉ định rằng phần tử sẽ tự động lấy tiêu điểm đầu vào khi tải trang

Chỉ một phần tử biểu mẫu trong tài liệu có thể có thuộc tính lấy nét tự động. Nó không thể được áp dụng cho


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

2

Áp dụng đối với

ElementAttribute


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

3autofocus


Paragraph align attribute example

5autofocus

### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

5autofocus

### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

6autofocus

Thí dụ

khả năng tương thích

Đây là một thuộc tính HTML5

Thuộc tính sự kiện onclick

Khi phần tử được nhấp sẽ kích hoạt một sự kiện

Nó hoạt động giống như phương thức onclick hoặc


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

7 đối với phần tử


0


### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article](https://guide.freecodecamp.org/css/colors) specifies a CSS method, which can be used.

### Note:
A color can also be specified using a 'hex code' or an 'rgb code', instead of using a name.

### Example:
1. Color name attribute
```html

 
  Font color example using color attribute

8 có thể là một hàm JavaScript hoặc bạn có thể viết JavaScript thô

ví dụ

Thay đổi màu của phần tử



Paragraph align attribute example

8 khi nhấp vào


1

Sử dụng thuộc tính onclick JavaScript thô


2

Thuộc tính căn chỉnh Img

Thuộc tính căn chỉnh của hình ảnh chỉ định nơi hình ảnh sẽ được căn chỉnh theo thành phần xung quanh

Giá trị thuộc tính
phải - Căn ảnh sang phải sang trái - Căn ảnh sang trái
top - Căn chỉnh hình ảnh lên trên cùng
dưới cùng - Căn chỉnh hình ảnh xuống dưới cùng
giữa - Căn chỉnh hình ảnh vào giữa

Ví dụ


3

Chúng tôi cũng có thể căn chỉnh bên phải nếu chúng tôi muốn


4

Xin lưu ý rằng thuộc tính căn chỉnh không được hỗ trợ trong HTML5 và bạn nên sử dụng CSS để thay thế. Tuy nhiên, nó vẫn được hỗ trợ bởi tất cả các trình duyệt chính

Thuộc tính loại đầu vào

Thuộc tính loại đầu vào chỉ định loại đầu vào mà người dùng sẽ đưa vào biểu mẫu của bạn

chữ

Một dòng văn bản


5

mật khẩu mở khóa

Một dòng văn bản. Văn bản được tự động hiển thị dưới dạng một loạt dấu chấm hoặc dấu hoa thị (tùy thuộc vào trình duyệt và hệ điều hành)


6

e-mail

HTML kiểm tra xem đầu vào có khớp với định dạng địa chỉ e-mail không (something@something)


7

số

Chỉ cho phép nhập số. Bạn cũng có thể chỉ định giá trị tối thiểu và tối đa được phép. Ví dụ dưới đây kiểm tra xem đầu vào có phải là số từ 1 đến 120 không


8

Đài

Người dùng chỉ có thể chọn một tùy chọn. Nhóm các nút radio cần có thuộc tính cùng tên. Bạn có thể tự động chọn một tùy chọn bằng cách sử dụng thuộc tính



Font color example using color attribute

0 (ví dụ bên dưới giá trị Blue được chọn)


9

hộp kiểm

Người dùng có thể chọn không hoặc nhiều tùy chọn từ nhóm hộp kiểm. Bạn cũng có thể sử dụng thuộc tính



Font color example using color attribute

0 ở đây cho một hoặc nhiều tùy chọn

Lorem Ipsum...

0

cái nút

Đầu vào được hiển thị dưới dạng nút, văn bản sẽ được hiển thị trong nút nằm trong thuộc tính giá trị

Lorem Ipsum...

1

Gửi đi

Hiển thị nút gửi. Văn bản sẽ được hiển thị trong nút nằm trong thuộc tính giá trị. Sau khi nhấp vào nút, HTML sẽ thực hiện xác thực và nếu vượt qua, biểu mẫu sẽ được gửi

Lorem Ipsum...

2

cài lại

Hiển thị nút đặt lại. Văn bản sẽ được hiển thị trong nút nằm trong thuộc tính giá trị. Sau khi nhấp vào nút, tất cả các giá trị từ biểu mẫu sẽ bị xóa

Lorem Ipsum...

3

Có nhiều loại phần tử hơn

Các thuộc tính HTML khác

thuộc tính src

thuộc tính cuộn

attribute

attribute

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO


Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu