Trong câu lệnh trên, chúng tôi đã sử dụng các thẻ đoạn văn trong đó chúng tôi đã áp dụng thuộc tính kiểu. Thuộc tính này được sử dụng để áp dụng thuộc tính CSS trên bất kỳ phần tử HTML nào. Nó cung cấp chiều cao cho phần tử đoạn văn là 50px và biến nó thành màu xanh lam
Trong câu lệnh trên, chúng tôi đã sử dụng lại thuộc tính kiểu trong thẻ đoạn văn, thẻ này sẽ chuyển sang màu đỏ
Ghi chú. Có một số thuộc tính thường được sử dụng được đưa ra bên dưới và danh sách đầy đủ cũng như giải thích về tất cả các thuộc tính được đưa ra trong Danh sách thuộc tính HTML
Thuộc tính tiêu đề trong HTML
Sự miêu tả. Thuộc tính tiêu đề được sử dụng làm chú giải công cụ văn bản trong hầu hết các trình duyệt. Nó hiển thị văn bản của nó khi người dùng di chuyển con trỏ qua một liên kết hoặc bất kỳ văn bản nào. Bạn có thể sử dụng nó với bất kỳ văn bản hoặc liên kết nào để hiển thị mô tả về liên kết hoặc văn bản đó. Trong ví dụ của chúng tôi, chúng tôi đang thực hiện điều này với thẻ đoạn văn và thẻ tiêu đề
Thí dụ
Với
nhãn. Kiểm tra nó ngay bây giờVới
nhãn
Kiểm tra nó ngay bây giờMã số
Kiểm tra nó ngay bây giờđầu ra
Thuộc tính href trong HTML
Sự miêu tả. Thuộc tính href là thuộc tính chính của thẻ neo. Thuộc tính này cung cấp địa chỉ liên kết được chỉ định trong liên kết đó. Thuộc tính href cung cấp siêu liên kết và nếu nó trống thì nó sẽ vẫn ở trong cùng một trang
Thí dụ
Với địa chỉ liên kết
Kiểm tra nó ngay bây giờKhông có địa chỉ liên kết
Kiểm tra ngay bây giờThuộc tính src
Thuộc tính src là một trong những thuộc tính quan trọng và bắt buộc của
báo giá. dấu ngoặc đơn hay dấu ngoặc kép?
Trong chương này bạn đã thấy rằng, chúng tôi đã sử dụng thuộc tính có dấu ngoặc kép, nhưng một số người có thể sử dụng dấu ngoặc đơn trong HTML. Vì vậy, việc sử dụng dấu ngoặc đơn với thuộc tính HTML cũng được cho phép. Cả hai tuyên bố sau đây là hoàn toàn tốt
và các thẻ khác. 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ó các thuộc tính, là các bit thông tin bổ sung.
Một thuộc tính được sử dụng để xác định các đặc điểm của một phần tử HTML và đượ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 và giá trị
Tên là thuộc tính bạn muốn đặt. Ví dụ, đoạn
phần tử trong ví dụ mang một thuộc tính có tên là căn chỉnh, bạn có thể sử dụng thuộc tính này để biểu thị sự căn chỉnh của đoạn văn trên trang
Giá trị là những gì bạn muốn đặt giá trị của thuộc tính và luôn đặt trong dấu ngoặc kép. Ví dụ dưới đây cho thấy ba giá trị có thể có của thuộc tính align. 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 đề xuất HTML 4 của họ
Thí dụ
Align Attribute ExampleThis is left aligned
This is center aligned
This is right aligned
Điều này sẽ hiển thị kết quả sau -
Thuộc tính cốt lõi
Bốn thuộc tính cốt lõi có thể được sử dụng trên phần lớn các thành phần HTML [mặc dù không phải tất cả] là -
Thuộc tính ID
Thuộc tính id của thẻ HTML có thể được sử dụng để xác định duy nhất bất kỳ phần tử nào trong 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ử -
Nếu một phần tử mang thuộc tính id dưới dạng mã định danh duy nhất, thì có thể xác định chỉ phần tử đó và nội dung của nó
Nếu bạn có hai thành phần cùng tên trong một trang Web [hoặc biểu định kiểu], bạn có thể sử dụng thuộc tính id để phân biệt giữa các thành phần có cùng tên
Chúng ta sẽ thảo luận về biểu định kiểu trong hướng dẫn riêng. Bây giờ, hãy sử dụng thuộc tính id để phân biệt giữa hai thành phần đoạn văn như hình bên dưới
Thí dụ
This para explains what is HTML
This para explains what is Cascading Style Sheet
Thuộc tính tiêu đề
Thuộc tính tiêu đề cung cấp tiêu đề gợi ý cho phần tử. Cú pháp của thuộc tính title tương tự như được giải thích cho thuộc tính id -
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ỏ di chuyển qua phần tử hoặc trong khi phần tử đang tải
Thí dụ
The title Attribute ExampleTitled Heading Tag Example
Điều này sẽ tạo ra kết quả sau -
Bây giờ, hãy thử đưa con trỏ của bạn qua "Ví dụ về thẻ tiêu đề có 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 sẽ xuất hiện dưới dạng chú giải công cụ của con trỏ
Thuộc tính lớp
Thuộc tính lớp được sử dụng để liên kết một phần tử với biểu định kiểu và chỉ định lớp của phần tử. Bạn sẽ tìm hiểu thêm về việc sử dụng thuộc tính lớp 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"
Thuộc tính phong cách
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ử
The style AttributeSome text...
Điều này sẽ tạo ra kết quả sau -
Tại thời điểm này, chúng tôi không học CSS, vì vậy hãy tiếp tục mà không cần bận tâm nhiều về CSS. Ở đây, bạn cần hiểu thuộc tính HTML là gì và cách sử dụng chúng khi định dạng nội dung
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
Thuộc tính thư mục
Thuộc tính dir cho phép bạn chỉ ra cho trình duyệt về hướng văn bản sẽ chảy. Thuộc tính dir 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]rtlPhả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ụ
Display Directions This is how IE 5 renders right-to-left directed text.
Điều này sẽ tạo ra kết quả sau -
Khi thuộc tính dir được sử dụng trong thẻ, nó sẽ xác định cách trình bày văn bản 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 chỉ dành cho nội dung của thẻ đó
Thuộc tính lang
Thuộc tính lang cho phép bạn chỉ ra ngôn ngữ chính được sử dụng trong tài liệu, nhưng thuộc tính này chỉ được giữ trong HTML để tương thích ngược với các phiên bản HTML trước đó. Thuộc tính này đã được thay thế bằng xml. thuộc tính lang trong tài liệu XHTML mới
Các 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 cho danh sách đầy đủ các mã ngôn ngữ
Thí dụ
English Language Page This page is using English Language
Điều này sẽ tạo ra kết quả sau -
xml. thuộc tính lang
xml. thuộc tính lang là sự thay thế XHTML cho thuộc tính lang. Giá trị của xml. thuộc tính lang phải là mã quốc gia ISO-639 như đã đề cập trong phần trước
Thuộc tính chung
Đây là bảng gồm một số thuộc tính khác có thể sử dụng dễ dàng với nhiều thẻ HTML
Thuộc tínhTùy chọnChức năngcăn phải, trái, giữaCăn thẻ theo chiều ngangvaligntop, middle, bottomCăn thẻ theo chiều dọc trong một phần tử HTML. bgcolorgiá trị số, thập lục phân, RGBĐặt màu nền phía sau phần tửbackgroundURLĐặt hình nền phía sau phần tửidNgười dùng xác địnhĐặt tên phần tử để sử dụng với Cascading Style Sheets. classUser DefinedPhân loại một phần tử để sử dụng với Cascading Style Sheets. widthNumeric ValueXác định chiều rộng của bảng, hình ảnh hoặc ô bảng. heightNumeric ValueXác định chiều cao của bảng, hình ảnh hoặc ô bảng. title Tiêu đề "Cửa sổ bật lên" do người dùng xác định của các phần tửChúng ta sẽ xem các ví dụ liên quan vì chúng ta sẽ tiến hành nghiên cứu các thẻ HTML khác. Để có danh sách đầy đủ các Thẻ HTML và các thuộc tính liên quan, vui lòng kiểm tra tham khảo Danh sách Thẻ HTML