Thuộc tính trong HTML được sử dụng để xác định các đặc điểm của phần tử. Nó được đặt bên trong thẻ mở của phần tử. Tất cả các thuộc tính được tạo thành từ hai phần – tên [tên] và giá trị [ giá trị]
- Các Name là tài sản bạn muốn thiết lập. Ví dụ: Phần tử
đoạn văn trong ví dụ này mang một thuộc tính có tên là align . Bạn có thể sử dụng thuộc tính này để chỉ ra sự căn chỉnh của đoạn văn trên trang.
- Các Giá trị là những gì bạn muốn đánh giá thiết lập và luôn đặt trong trích dẫn. Ví dụ dưới đây cho thấy ba giá trị có thể có của thuộc tính căn chỉnh. trái, giữa và phải
Tên thuộc tính và giá trị thuộc tính không phân biệt chữ hoa chữ thường. Tuy nhiên, World Wide Web Consortium [W3C] đề xuất đặt hết chữ thường
Ví dụ về thuộc tính trong HTML
Align Attribute Example
Trái
Giữa
Phải
Kết quả hiển thị sẽ như sau
Trái
Giữa
Phải
Có 4 thuộc tính cốt lõi được sử dụng trong HTML. Bao gồm
- nhận dạng
- tiêu đề
- lớp học
- phong cách
Thuộc tính id trong HTML
Thuộc tính id trong HTML được sử dụng để nhận diện bất kỳ yếu tố nào trong một trang HTML. Có 2 lý do chính mà bạn có thể muốn sử dụng thuộc tính id trên một phần tử
- Nếu một phần thuộc tính id của mạng được nhận dạng duy nhất, thì có thể chỉ xác định phần tử đó và nội dung của nó
- Nếu bạn có 2 phần tử giống nhau trong 1 trang web. Bạn có thể sử dụng thuộc tính id để phân biệt giữa các phần tử cùng tên
Có thể bạn cần → So sánh Samsung Galaxy S23 Series với S22. Có gì mới không?
Ví dụ
Giải thích HTMl là gì ?
Giải thích rằng CSS là gì ?
Thuộc tính tiêu đề trong HTML
Thẻ này được xác định đơn giản đó chính là tiêu đề của một trang web hoặc 1 đoạn văn. Ví dụ
Trợ Giúp Nhanh | Kiến thức đời sống, sức khỏe và công nghệ
Thuộc tính Class trong HTML
Lớp trong HTML được sử dụng để kết hợp một phần tử với một Biểu định kiểu và xác định lớp của nguyên tố
Chúng tôi đã thấy một số thẻ HTML và cách sử dụng chúng như thẻ tiêu đề ,
. Đoạn thẻ văn bản
và các thẻ khác. Cho đến nay, chúng tôi đã sử dụng chúng ở dạng đơn giản nhất, nhưng hầu hết các thẻ HTML cũng có thể có Thuộc tính HTML thuộc tính, là các bit thông tin bổ sung. Có 4 thuộc tính chính là Thuộc tính Title Attribute, Thuộc tính Id Thuộc tính. Thuộc tính Class Attribute, Thuộc tính Style Attribute
Một thuộc tính Thuộc tính HTML được sử dụng để xác định các đặc điểm của phần tử HTML. And used side in the open tag of the death section. Tất cả các thuộc tính được tạo thành từ hai phần – tên và giá trị
Các tên là tài sản bạn muốn thiết lập. Ví dụ. phần tử
đoạn văn trong ví dụ này mang một thuộc tính có tên là căn lề align. Bạn có thể sử dụng thuộc tính này để chỉ ra sự điều chỉnh của đoạn văn trên trang
Các giá trị là những gì bạn muốn đánh giá giá trị của tài sản được thiết lập và luôn đặt trong trích dẫn. Ví dụ dưới đây cho thấy ba giá trị có thể có của thuộc tính căn chỉnh. trái, giữa và phải
Tên thuộc tính và giá trị thuộc tính không phân biệt chữ hoa chữ thường. Tuy nhiên, World Wide Web Consortium [W3C] đề xuất các thuộc tính / giá trị thuộc tính chữ thường trong tiêu đề xuất HTML 4 của họ
Thí dụ
Xem Pen HTML – Thuộc tính 1 của Đỗ Phương Nguyên [@xiluom78] trên CodePen
Thuộc tính cốt lõi – Core Attributes
Bốn thuộc tính cốt lõi có thể được sử dụng trên phần lớn các phần tử HTML [mặc dù không phải tất cả] là
- Nhận dạng
- Tiêu đề
- Lớp học
- Phong cách
1. Id thuộc tính
Thuộc tính id của một thẻ HTML có thể được sử dụng để nhận diện bất kỳ yếu tố nào trong một trang HTML. Có hai lý do chính mà bạn có thể muốn sử dụng thuộc tính id trên một phần tử –
If an id id id id mang id như một số nhận định dạng duy nhất. Thì có thể chỉ xác định phần tử đó và nội dung của nó
Nếu bạn có hai phần tử giống nhau trong một trang web [hoặc trang định dạng]. Bạn có thể sử dụng thuộc tính id để phân biệt giữa các phần tử có cùng tên
Xem thêm. Thẻ a Trong HTML - Thuộc Tính Của Thẻ a Trong HTML
Chúng ta sẽ thảo luận về style sheet trong phần hướng dẫn riêng. Bây giờ, chúng ta hãy sử dụng thuộc tính id để phân biệt giữa hai đoạn văn bản như hình dưới đây
Thí dụ
Đoạn này giải thích HTML là gì
Đoạn này giải thích tiêu đề là gì
2. Thuộc tính tiêu đề Tiêu đề
Các thuộc tính title cho một title gợi ý cho phần tử. Cú pháp của họ cho thuộc tính title giống như được giải thích cho id thuộc tính
Hành vi của thuộc tính này sẽ phụ thuộc vào phần tử mang nó. Mặc dù nó thường được hiển thị dưới dạng chú giải công cụ khi con trỏ đi qua phần tử hoặc khi phần tử đang tải
Thí dụ
Xem Pen HTML – Thuộc tính 2 của Đỗ Phương Nguyên [@xiluom78] trên CodePen
Bây giờ hãy thử đưa con trỏ của bạn qua “Ví dụ về thẻ tiêu đề”. Và bạn sẽ thấy rằng bất kỳ tiêu đề nào bạn đã sử dụng trong mã của mình đều xuất hiện dưới dạng chú giải công cụ của con trỏ
3. Thuộc tính class
Các lớp thuộc tính được sử dụng để kết hợp một phần tử với một biểu định kiểu và xác định lớp của nguyên tố. Bạn sẽ tìm hiểu thêm về cách sử dụng lớp thuộc tính khi bạn học Cascading Style Sheet [CSS]. Vì vậy, bây giờ bạn có thể tránh nó
Giá trị của thuộc tính cũng có thể là danh sách tên lớp được phân tách bằng dấu cách
Ví dụ
class = "className1 className2 className3"
4. Thuộc tính Style
Thuộc tính style cho phép bạn chỉ định các quy tắc Cascading Style Sheet [CSS] trong phần tử HTML
Xem Pen HTML – Thuộc tính 3 của Đỗ Phương Nguyên [@xiluom78] trên CodePen
Tại đây, bạn cần hiểu các thuộc tính HTML là gì và làm thế nào chúng có thể được sử dụng khi định dạng nội dung. Và tham khảo chuỗi bài viết tự học CSS của chúng tôi Hiện tại
Xem thêm. Thuộc tính data-* HTML
Thuộc tính quốc tế hóa
Có ba thuộc tính quốc tế hóa, có sẵn cho hầu hết [mặc dù không phải tất cả] phần tử XHTML
- thư mục
- lang thang
- xml. lang thang
1. Thuộc tính dir
Các thuộc tính của thư mục cho phép bạn chỉ chọn các trình duyệt về hướng trong đó văn bản được hiển thị. Thuộc tính thư mục có thể nhận một trong hai giá trị, như bạn có thể thấy trong bảng sau
Giá trịÝ nghĩaltrTrái sang phải [giá trị mặc định]rtlTừ phải sang trái [đối với các ngôn ngữ như tiếng Do Thái hoặc tiếng Ả Rập được đọc từ phải sang trái]Thí dụ
Xem Pen HTML – Thuộc tính dir của Đỗ Phương Nguyên [@xiluom78] trên CodePen
Khi thuộc tính dir được sử dụng trong thẻ . Nó xác định cách văn bản sẽ được trình bày trong toàn bộ tài liệu. Khi được sử dụng trong một thẻ khác. Nó sẽ kiểm soát hướng của văn bản đối với nội dung của thẻ đó.
2. Thuộc tính lang
Các thuộc tính lang cho phép bạn chỉ đọc ngôn ngữ chính được sử dụng trong một tài liệu. Nhưng thuộc tính này đã được giữ trong HTML chỉ để tương thích ngược với các phiên bản trước của HTML. Thuộc tính này đã được thay thế bằng thuộc tính xml. lang trong các tài liệu XHTML mới
Giá trị của thuộc tính lang là mã ngôn ngữ hai ký tự tiêu chuẩn ISO-639. Kiểm tra Mã ngôn ngữ HTML. ISO 639 để biết danh sách đầy đủ các ngôn ngữ mã hóa
Thí dụ
Xem Pen HTML – Thuộc tính lang của Đỗ Phương Nguyễn [@xiluom78] trên CodePen
Thuộc tính xml. lang thang
Thuộc tính xml. lang is the instead XHTML for thuộc tính lang. Giá trị của thuộc tính xml. lang phải là mã quốc gia ISO-639 như đã được cập nhật trong phần trước
Thuộc tính Chung HTML Generic Attributes
Đây là bảng một số thuộc tính khác có thể sử dụng chung cho nhiều thẻ HTML
Thuộc tínhTùy chọnMô tả align phải, trái, giữaCó thể chỉnh theo chiều ngang của thẻvaligntrên cùng, giữa, dưới cùngCó thể chỉnh sửa theo chiều dọc của các thẻ trong phần tử HTML. bgcolorgiá trị số, hệ thống thập phân, RGBĐặt hình nền phía sau một phần tử backgroundURL Đặt hình nền phía sau một phần tửid Người dùng xác định Đặt tên cho một phần tử để sử dụng với Trang tính kiểu xếp tầng. lớp Người dùng xác định Phân loại một phần tử để sử dụng với Trang tính kiểu xếp tầng. chiều rộng Giá trị sốChỉ định chiều rộng của bảng, hình ảnh hoặc bảng ô. height Giá trị sốChỉ định chiều cao của bảng, hình ảnh hoặc bảng ô. titleNgười dùng xác định Tiêu đề “bật cửa sổ” của các phần tửXem thêm. Mã ngôn ngữ HTML - Mã ISO ngôn ngữ
Thuộc Tính Toàn Cục HTML Global Attributes
Các thuộc tính toàn cục HTML thuộc tính toàn cầu là các thuộc tính có thể được sử dụng với tất cả các phần tử HTML