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...
9Trong 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ẫuDưới đây là những ví dụ làm điều tương tự
You can read more about the , , src, and roll attributes here:
Thuộc tính
src thuộc tính
thuộc tính cuộn
Thuộc tính
Bây giờ chúng ta hãy tìm hiểu thêm về một số thuộc tính HTML khác
Thuộc tính căn chỉnh P
Quan trọng
Thuộc tính này không được hỗ trợ trong HTML5. Bạn nên sử dụng thuộc tính CSS
Paragraph align attribute example
7Để căn chỉnh văn bản bên trong thẻ
Paragraph align attribute example
8, thuộc tính này sẽ giúpcú pháp
Lorem Ipsum...
Thuộc tính
- left - Văn bản căn lề bên trái
- bên phải - Văn bản căn lề bên phải
- trung tâm - Văn bản căn chỉnh vào trung tâm
- căn chỉnh - Tất cả các dòng văn bản có chiều rộng bằng nhau
Thí dụ
________số 8_______Thuộc tính Img Src
Thuộc tính
Paragraph align attribute example
9 đề cập đến nguồn của hình ảnh bạn muốn hiển thị. Thẻ
Img Src Attribute Example
0 sẽ không hiển thị hình ảnh nếu không có thuộc tính
Img Src Attribute Example
1. Tuy nhiên, nếu bạn đặt nguồn vào vị trí của hình ảnh, bạn có thể hiển thị bất kỳ hình ảnh nàoCó một hình ảnh của Logo freeCodeCamp tại
Img Src Attribute Example
2Bạn có thể đặt nó làm hình ảnh bằng thuộc tính
Img Src Attribute Example
1
Img Src Attribute Example
Đoạn mã trên hiển thị như thế này
Thuộc tính
Img Src Attribute Example
1 được hỗ trợ bởi tất cả các trình duyệtBạn cũng có thể có tệp được lưu trữ cục bộ dưới dạng hình ảnh của mình
Ví dụ:
Img Src Attribute Example
5 sẽ hoạt động nếu bạn có một thư mục tên là
Img Src Attribute Example
6 có chứa
Img Src Attribute Example
7 bên trong, miễn là thư mục 'hình ảnh' ở cùng vị trí với tệp
Img Src Attribute Example
8
Img Src Attribute Example
9
This is some text!
0Thuộ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ạicú pháp
This is some text!
9Thí dụ
This is some text!
Ghi chú.
### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article][//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
0Thuộ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][//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
1cú pháp
html
### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article][//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][//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][//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][//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][//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
6autofocusThí dụ
khả năng tương thích
Đây là một thuộc tính HTML5
Thuộc tính sự kiện title
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 title hoặc
### Important:
This attribute is not supported in HTML5. Instead, this [freeCodeCamp article][//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][//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
1Sử dụng thuộc tính title JavaScript thô
2Thuộ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ụ
3Chúng tôi cũng có thể căn chỉnh bên phải nếu chúng tôi muốn
4Xin 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
5mậ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]
6HTML kiểm tra xem đầu vào có khớp với định dạng địa chỉ e-mail không [something@something]
7số
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]
9hộ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ọnLorem Ipsum...
0cá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...
1Gử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...
2cà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...
3Có 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