Như đã giải thích trong chương trước, các phần tử có thể chứa các thuộc tính được sử dụng để đặt các thuộc tính khác nhau của một phần tử.
Một số thuộc tính được xác định trên toàn cầu và có thể được sử dụng trên bất kỳ yếu tố nào, trong khi các thuộc tính khác chỉ được xác định cho các yếu tố cụ thể. Tất cả các thuộc tính có một tên và một giá trị và trông giống như dưới đây trong ví dụ.
Sau đây là ví dụ về các thuộc tính HTML5 minh họa cách đánh dấu thành phần DIV bằng một lớp thuộc tính có tên bằng cách sử dụng giá trị của "ví dụ" - -
...
Các thuộc tính chỉ có thể được chỉ định trong các thẻ bắt đầu và không bao giờ được sử dụng trong các thẻ cuối.start tags and must never be used in end tags.
Các thuộc tính HTML5 là trường hợp không nhạy cảm và có thể được viết trong tất cả các trường hợp viết hoa hoặc hỗn hợp, mặc dù quy ước phổ biến nhất là gắn bó với chữ thường.
Thuộc tính tiêu chuẩn
Các thuộc tính được liệt kê dưới đây được hỗ trợ bởi hầu hết các thẻ HTML 5.
khóa truy cập | Đã xác định người dùng | Chỉ định một phím tắt để truy cập một phần tử. |
căn chỉnh | phải, trái, trung tâm | Sắp xếp theo chiều ngang |
lai lịch | URL | Đặt một hình nền phía sau một yếu tố |
BGColor | Số, Hexidecimal, giá trị RGB | Đặt một màu nền phía sau một yếu tố |
lớp | Đã xác định người dùng | Chỉ định một phím tắt để truy cập một phần tử. |
căn chỉnh | phải, trái, trung tâm | Sắp xếp theo chiều ngang |
lai lịch | URL | Đặt một hình nền phía sau một yếu tố |
BGColor | Đã xác định người dùng | Chỉ định một phím tắt để truy cập một phần tử. |
căn chỉnh | phải, trái, trung tâm | Sắp xếp theo chiều ngang |
lai lịch | URL | Đặt một hình nền phía sau một yếu tố |
BGColor | BGColor | Số, Hexidecimal, giá trị RGB |
Đặt một màu nền phía sau một yếu tố | Đã xác định người dùng | Chỉ định một phím tắt để truy cập một phần tử. |
căn chỉnh | phải, trái, trung tâm | Sắp xếp theo chiều ngang |
lai lịch | URL | Đặt một hình nền phía sau một yếu tố |
BGColor | phải, trái, trung tâm | Sắp xếp theo chiều ngang |
lai lịch | URL | Đặt một hình nền phía sau một yếu tố |
BGColor | Số, Hexidecimal, giá trị RGB | Đặt một màu nền phía sau một yếu tố |
lớp | Phân loại một yếu tố để sử dụng với các bảng kiểu xếp tầng. | hài lòng |
đúng sai | Đã xác định người dùng | Chỉ định một phím tắt để truy cập một phần tử. |
căn chỉnh | phải, trái, trung tâm | Sắp xếp theo chiều ngang |
lai lịch | URL | Đặt một hình nền phía sau một yếu tố |
BGColor
Số, Hexidecimal, giá trị RGB
Đặt một màu nền phía sau một yếu tố
lớpdata- and would be named based on your requirement. Here is a simple example −
...
Phân loại một yếu tố để sử dụng với các bảng kiểu xếp tầng.
Các thuộc tính HTML cung cấp thông tin bổ sung về các phần tử HTML.
Thuộc tính HTML
- Tất cả các phần tử HTML có thể có các thuộc tínhattributes
- Thuộc tính
href
của
9 chỉ định URL của trang liên kết đi đếnadditional information about elements... - Thuộc tính
src
của1 chỉ định đường dẫn đến hình ảnh sẽ được hiển thịthe start tag
- Các thuộc tính
width
và3 của
.W3Schools là trang web của nhà phát triển web. External images might be under copyright. If you do not get permission to use it, you may be in violation of copyright laws. In addition, you cannot control external images; it can suddenly be removed or changed.
Bắt đầu bài tập - Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash, it will be relative to the current page. Example: src="img_girl.jpg". If the URL begins with a slash, it will be relative to the domain. Example: src="/images/img_girl.jpg".
Tham chiếu thuộc tính HTML It is almost always best to use relative URLs. They will not break if you change domain.
Một danh sách đầy đủ của tất cả các thuộc tính cho mỗi phần tử HTML, được liệt kê trong tham chiếu thuộc tính HTML của chúng tôi.
Có bao nhiêu thuộc tính trong HTML5?
HTML là nền tảng của một trang web.
Các thuộc tính của HTML5 là gì?
Các phần tử và thuộc tính HTML5.
Yếu tố âm thanh ..
Hãy tự mình thử »
Bạn sẽ tìm hiểu thêm về hình ảnh trong chương hình ảnh HTML của chúng tôi.
Thuộc tính phong cách
Thuộc tính
3 được sử dụng để thêm các kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, và nhiều hơn nữa....Bạn sẽ tìm hiểu thêm về các phong cách trong chương HTML Styles của chúng tôi.
Thuộc tính Lang
Bạn phải luôn luôn bao gồm thuộc tính
4 bên trong thẻ...
5, để khai báo ngôn ngữ của trang web. Điều này có nghĩa là để hỗ trợ các công cụ tìm kiếm và trình duyệt....Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ:
...
Mã quốc gia cũng có thể được thêm vào mã ngôn ngữ trong thuộc tính
4. Vì vậy, hai ký tự đầu tiên xác định ngôn ngữ của trang HTML và hai ký tự cuối cùng xác định đất nước....
...
Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ và Hoa Kỳ là quốc gia:
Bạn có thể thấy tất cả các mã ngôn ngữ trong tham chiếu mã ngôn ngữ HTML của chúng tôi.
Mã quốc gia cũng có thể được thêm vào mã ngôn ngữ trong thuộc tính
4. Vì vậy, hai ký tự đầu tiên xác định ngôn ngữ của trang HTML và hai ký tự cuối cùng xác định đất nước....
...
Ví dụ sau đây chỉ định tiếng Anh là ngôn ngữ và Hoa Kỳ là quốc gia:
Bạn có thể thấy tất cả các mã ngôn ngữ trong tham chiếu mã ngôn ngữ HTML của chúng tôi.
Thuộc tính tiêu đề
Thuộc tính
7 xác định một số thông tin bổ sung về một phần tử....Giá trị của thuộc tính tiêu đề sẽ được hiển thị dưới dạng công cụ khi bạn chuột qua phần tử:
Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường
Tiêu chuẩn HTML không yêu cầu tên thuộc tính chữ thường.title or TITLE.
Thuộc tính tiêu đề [và tất cả các thuộc tính khác] có thể được viết bằng chữ hoa hoặc chữ thường như tiêu đề hoặc tiêu đề.recommends lowercase attributes in HTML, and demands lowercase attributes for stricter document types like XHTML.
Tuy nhiên, W3C khuyến nghị các thuộc tính viết thường trong HTML và yêu cầu các thuộc tính viết thường cho các loại tài liệu chặt chẽ hơn như XHTML.
Tại W3Schools, chúng tôi luôn sử dụng tên thuộc tính chữ thường.
Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính
Tiêu chuẩn HTML không yêu cầu báo giá xung quanh các giá trị thuộc tính.recommends quotes in HTML, and demands quotes for stricter document types like XHTML.
Good:
Tuy nhiên, W3C khuyến nghị báo giá trong HTML và yêu cầu trích dẫn cho các loại tài liệu chặt chẽ hơn như XHTML.
Bad:
Tuy nhiên, W3C khuyến nghị báo giá trong HTML và yêu cầu trích dẫn cho các loại tài liệu chặt chẽ hơn như XHTML.
Ghé thăm hướng dẫn HTML của chúng tôi
Đôi khi bạn phải sử dụng báo giá. Ví dụ này sẽ không hiển thị thuộc tính tiêu đề một cách chính xác, vì nó chứa một khoảng trống:
& nbsp; Tại W3Schools, chúng tôi luôn sử dụng báo giá xung quanh các giá trị thuộc tính.
Trích dẫn đơn hay đôi?
Báo giá kép xung quanh các giá trị thuộc tính là phổ biến nhất trong HTML, nhưng các trích dẫn đơn cũng có thể được sử dụng.
Hãy tự mình thử »
Trong một số tình huống, khi giá trị thuộc tính chứa dấu ngoặc kép, cần phải sử dụng các trích dẫn đơn:
Hoặc ngược lại:
- Tóm tắt chươngattributes
- Tất cả các phần tử HTML có thể có các thuộc tính
- Thuộc tính
href
của
9 chỉ định URL của trang liên kết đi đến... - Thuộc tính
src
của1 chỉ định đường dẫn đến hình ảnh sẽ được hiển thị
- Các thuộc tính
width
và3 của
cung cấp thông tin kích thước cho hình ảnh
- Thuộc tính
0 của...1 cung cấp một văn bản thay thế cho một hình ảnh
- Thuộc tính
3 được sử dụng để thêm các kiểu vào một phần tử, chẳng hạn như màu sắc, phông chữ, kích thước, và nhiều hơn nữa... - Thuộc tính
4 của thẻ...
5 khai báo ngôn ngữ của trang web...
Thuộc tính
7 xác định một số thông tin bổ sung về một phần tử...Bài tập HTML
Exercise:
Kiểm tra bản thân với các bài tập
Thêm "ToolTip" vào đoạn văn bên dưới với văn bản "Giới thiệu về W3Schools".
W3Schools là trang web của nhà phát triển web.
Bắt đầu bài tập
Tham chiếu thuộc tính HTML
Có bao nhiêu thuộc tính trong HTML5?
HTML là nền tảng của một trang web.Các thuộc tính của HTML5 là gì?
Các phần tử và thuộc tính HTML5..Yếu tố âm thanh ..Yếu tố Canvas ..thuộc tính có thể hài lòng ..Các loại đầu vào ..Yếu tố keygen ..Yếu tố đồng hồ ..Phần tử đầu ra ..Yếu tố tiến bộ ..Các thuộc tính 16 HTML là gì?
Các thuộc tính xử lý sự kiện: Onabort, OnAutoComplete, OnAutoCompleteError, Onblur, Oncancel, Oncanplay, OnCanplayStrough, OnChange, Onclick, Onclose, Ondagen..Có bao nhiêu thuộc tính?
Có năm loại thuộc tính như vậy: thuộc tính đơn giản, tổng hợp, có giá trị đơn, đa giá trị và có nguồn gốc.Một thuộc tính nữa là thuộc tính phức tạp của chúng, đây là thuộc tính hiếm khi được sử dụng.five such types of attributes: Simple, Composite, Single-valued, Multi-valued, and Derived attribute. One more attribute is their, i.e. Complex Attribute, this is the rarely used attribute.