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ế Show
Ví dụ: phần tử neo ( 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 5 trong thẻ mở đầu 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
Lưu ý rằng tên thuộc tính ( 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 5 sẽ không hoạt động nếu nó được đặt trong thẻ mở đầu 9Trong ví dụ trên, giá trị được cung cấp cho thuộc tính 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 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 1 phải sử dụng mã quốc gia hoặc ngôn ngữ chuẩn, chẳng hạn như 3 cho tiếng Anh hoặc 4 cho tiếng ÝThuộc tính BooleanMộ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ử 5 trong một biểu mẫu có thể có thuộc tính 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ự
9 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ừ 1 đến 2 với 1 là giá trị nhỏ nhất và 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ư 5 hoặc 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ử 7 hoặc tương đối với 4, giá trị mặc định, nếu không tồn tạicú pháp 9Thí dụ
Ghi chú. 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ẻ 1cú pháphtml
Thuộc tính mã hex
Thuộc tính RGB
Thuộc tính lấy nét tự độngThuộ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 2Áp dụng đối vớiElementAttribute 3autofocus 5autofocus 5autofocus 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 onclickKhi 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 7 đối với phần tử 0 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ử 8 khi nhấp vào 1Sử dụng thuộc tính onclick JavaScript thô 2Thuộc tính căn chỉnh ImgThuộ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 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àoThuộ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óaMộ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ĐàiNgườ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 0 (ví dụ bên dưới giá trị Blue được chọn) 9hộp kiểmNgườ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 0 ở đây cho một hoặc nhiều tùy chọn 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ị 1Gửi điHiể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 2cài lạiHiể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 3Có nhiều loại phần tử hơn Các thuộc tính HTML khácthuộc tính srcthuộc tính cuộnattributeattributeQUẢ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 |