Thuộc tính html
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ị) Show
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
Kết quả hiển thị sẽ như sau
Có 4 thuộc tính cốt lõi được sử dụng trong HTML. Bao gồm
Thuộc tính id trong HTMLThuộ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ử
Có thể bạn cần → So sánh Samsung Galaxy S23 Series với S22. Có gì mới không? Ví dụ
Thuộc tính tiêu đề trong HTMLThẻ 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ụ
Thuộc tính Class trong HTMLLớ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 đề 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ị
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 AttributesBố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à
1. Id thuộc tínhThuộ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ử –
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ụ
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 classCá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 StyleThuộ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óaCó 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
1. Thuộc tính dirCá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 langCá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 thangThuộ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 AttributesCá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 |