Hướng dẫn html attributes list - danh sách thuộc tính html

Các thuộc tính HTML cung cấp thông tin bổ sung về các phần tử HTML.

Nội phân Chính showShow

• Thuộc tính HTML
• Thuộc tính href
• Thuộc tính SRC
• Các thuộc tính chiều rộng và chiều cao
• Thuộc tính alt
• Thuộc tính phong cách
• Thuộc tính Lang
• Thuộc tính tiêu đề
• Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường
• Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính
• Trích dẫn đơn hay đôi?
• Tóm tắt chương
• Bài tập HTML
• Kiểm tra bản thân với các bài tập
• Tham chiếu thuộc tính HTML

Thuộc tính HTML

• Thuộc tính hrefattributes
• Thuộc tính SRCadditional information about elements
• Các thuộc tính chiều rộng và chiều caothe start tag
• Thuộc tính altname="value"

Thuộc tính href

Thuộc tính SRC

Các thuộc tính chiều rộng và chiều cao

Thuộc tính SRC

Các thuộc tính chiều rộng và chiều cao

Thuộc tính alt

Thuộc tính phong cách - Links to an external image that is hosted on another website. Example: src="https://www.w3schools.com/images/img_girl.jpg".

Thuộc tính Lang 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.

Thuộc tính tiêu đề - 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".

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường It is almost always best to use relative URLs. They will not break if you change domain.

Các thuộc tính chiều rộng và chiều cao

Thuộc tính alt

Thuộc tính alt

Thuộc tính phong cách

Thuộc tính Lang

Thuộc tính tiêu đề

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính

Trích dẫn đơn hay đôi?

Thuộc tính phong cách

Thuộc tính Lang

Thuộc tính tiêu đề

Thuộc tính Lang

Thuộc tính tiêu đề

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính


...

Trích dẫn đơn hay đôi?

Tóm tắt chương

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính


...

Trích dẫn đơn hay đôi?

Thuộc tính tiêu đề

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính

Trích dẫn đơn hay đôi?title or TITLE.

Tóm tắt chươngrecommends lowercase attributes in HTML, and demands lowercase attributes for stricter document types like XHTML.

Bài tập HTML

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính

Trích dẫn đơn hay đôi?

Tóm tắt chươngrecommends quotes in HTML, and demands quotes for stricter document types like XHTML.

Good:

Bài tập HTML

Bad:

Bài tập HTML

Kiểm tra bản thân với các bài tập

Tham chiếu thuộc tính HTML

Trích dẫn đơn hay đôi?

Tóm tắt chương

Bài tập HTML

Chúng tôi đề xuất: Luôn luôn sử dụng các thuộc tính viết thường

Chúng tôi đề xuất: luôn luôn trích dẫn các giá trị thuộc tính

Tóm tắt chương

• 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 href7 chỉ định URL của trang liên kết đi đến
• Thuộc tính src của href9 Chỉ định đường dẫn đến hình ảnh sẽ được hiển thị
• Các thuộc tính width và 1 của cung cấp thông tin kích thước cho hình ảnh
• Thuộc tính alt của href9 cung cấp một văn bản thay thế cho một hình ảnh
• Thuộc tính href1 đượ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 href2 của thẻ href3 khai báo ngôn ngữ của trang web
• Thuộc tính href5 xác định một số thông tin bổ sung về một phần tử

Bài tập HTML

Kiểm tra bản thân với các bài tập

Exercise:

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

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.