Các thuộc tính cung cấp thêm thông tin về các yếu tố
HTML.
Thuộc tính HTML
-Các phần tử HTML có thể có các thuộc tính
-Các thuộc tính cung cấp thêm thông tin về một yếu tố
-Các thuộc tính được luôn được chỉ định trong thẻ bắt
đầu
-Thuộc tính đi theo cặp tên / giá trị như: tên =
"giá trị"
Các lang Attribute
Ngôn ngữ tài liệu có thể được khai báo trong thẻ
<html>.
Các ngôn ngữ được khai báo trong thuộc tính lang.
Khai báo một ngôn ngữ là quan trọng cho ứng dụng
truy cập (đọc màn hình) và công cụ tìm kiếm:
<!DOCTYPE html><html lang="en-US"><body> <h1>My First Heading</h1><p>My first paragraph.</p> </body></html>
Hai chữ cái đầu tiên xác định ngôn ngữ (en). Nếu có
một phương ngữ, sử dụng nhiều hơn hai chữ cái (Mỹ).
Các thuộc tính tiêu đề (
Đoạn HTML được định nghĩa với các thẻ <p>.
Trong ví dụ này, <p> phần tử có một thuộc tính
tiêu đề. Các giá trị của thuộc tính là "Về W3Schools":
Thí dụ
<p title="About W3Schools">W3Schools is a web developer's site.It provides tutorials and references coveringmany aspects of web programming,including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.</p>
chú thích : Khi
bạn di chuyển chuột qua các yếu tố, tiêu đề sẽ được hiển thị như một tooltip.
Các thuộc tính href
HTML liên kết được định nghĩa với các từ khóa
<a>. Các địa chỉ liên kết được quy định trong thuộc tính href:
Thí dụ
<a href="http://www.w3schools.com">This is a link</a>
Bạn sẽ tìm hiểu thêm về các liên kết và các thẻ
<a> sau này trong hướng dẫn này.
Thuộc tính Kích thước
Hình ảnh HTML được định nghĩa với các thẻ
<img>.
Các tên tập tin của nguồn (src), và kích thước của
hình ảnh (chiều rộng và chiều cao) đều được cung cấp như các thuộc tính:
Thí dụ
<img src="w3schools.jpg" width="104" height="142">
Kích thước hình ảnh được quy định tại điểm ảnh:
width = "104" có nghĩa là rộng 104 màn hình pixel.
Bạn sẽ tìm hiểu thêm về hình ảnh và các thẻ
<img> sau này trong hướng dẫn này.
Thuộc tính Alt
Các thuộc tính alt xác định một văn bản thay thế sẽ
được sử dụng, khi một phần tử HTML có thể không được hiển thị.
Các giá trị của thuộc tính có thể được đọc bởi
"đọc màn hình". Bằng cách này, một người nào đó "lắng nghe"
các trang web, tức là một người mù, có thể "nghe" các phần tử.
Thí dụ
<img src="w3schools.jpg"
alt="W3Schools.com" width="104" height="142">
Hãy thử nó Yourself »
Chúng tôi đề nghị: Luôn luôn sử dụng chữ thường thuộc
tính
Các tiêu chuẩn HTML5 không yêu cầu trường hợp các
tên thuộc tính thấp hơn.
Các thuộc tính tiêu đề có thể được viết bằng chữ hoa
hay chữ như Tiêu đề và / hoặc TITLE.
W3C khuyến cáo chữ thường trong HTML4, và đòi hỏi chữ
thường cho các loại tài liệu chặt chẽ hơn như XHTML.
chú thích trường
hợp thấp hơn là phổ biến nhất. trường hợp thấp hơn là dễ dàng hơn để loại.
Tại W3Schools chúng tôi luôn luôn sử dụng thấp hơn
trường hợp các tên thuộc tính.
Chúng tôi đề nghị: Luôn Giá trị thuộc tính Quote
Các tiêu chuẩn HTML5 không cần dấu ngoặc kép quanh
các giá trị thuộc tính.
Các thuộc tính href, minh chứng ở trên, có thể được
viết như sau:
Thí dụ
<a href=http://www.w3schools.com>
Hãy thử nó Yourself »
W3C khuyến dấu ngoặc kép trong HTML4, và yêu cầu báo
giá cho các loại tài liệu chặt chẽ hơn như XHTML.
Đôi khi nó là cần thiết để sử dụng dấu ngoặc kép. Điều
này sẽ không hiển thị đúng, bởi vì nó có chứa một không gian:
Thí dụ
<p title=About W3Schools>
Hãy thử nó Yourself »
chú thích Sử
dụng dấu ngoặc kép là phổ biến nhất. dấu ngoặc kép bỏ qua có thể tạo ra những lỗi.
Tại W3Schools chúng tôi luôn luôn sử dụng dấu ngoặc
kép quanh các giá trị thuộc tính.
Quotes đơn hay đôi?
báo giá phong cách đôi là phổ biến nhất trong HTML,
nhưng phong cách duy nhất cũng có thể được sử dụng.
Trong một số trường hợp, khi giá trị thuộc tính của
chính nó có chứa dấu ngoặc kép, nó là cần thiết để sử dụng dấu ngoặc đơn:
<p title='John "ShotGun" Nelson'>
Hoặc ngược lại:
<p title="John 'ShotGun' Nelson">
Chương Tóm tắt
Tất cả các phần tử HTML có thể có các thuộc tính
Các thuộc tính tiêu đề HTML cung cấp thêm "công
cụ-tip" thông tin
Các thuộc tính href HTML cung cấp thông tin địa chỉ
cho các liên kết
Chiều rộng và chiều cao HTML thuộc tính cung cấp
thông tin kích thước cho hình ảnh
HTML alt thuộc tính cung cấp văn bản để đọc màn hình
Tại W3Schools chúng ta thường sử dụng tên thuộc tính
HTML chữ thường
Tại W3Schools chúng tôi luôn luôn trích dẫn thuộc
tính với dấu ngoặc kép
Tự kiểm tra với bài tập!
Bài tập 1 » Bài tập 2» Bài tập 3 » Bài tập 4» Bài tập
5 »
Thuộc tính HTML
Dưới đây là một danh sách chữ cái của một số thuộc
tính thường được sử dụng trong HTML:
|
Attribute
|
Description
|
|
alt
|
Specifies
an alternative text for an image
|
|
disabled
|
Specifies
that an input element should be disabled
|
|
href
|
Specifies
the URL (web address) for a link
|
|
id
|
Specifies
a unique id for an element
|
|
src
|
Specifies
the URL (web address) for an image
|
|
style
|
Specifies
an inline CSS style for an element
|
|
Title5
|
Specifies
extra information about an element (displayed as a tool tip)
|
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 của chúng tôi: HTML Thuộc tính tham khảo .
0 Bình luận:
Đăng nhận xét
Khi các bạn đóng góp ý kiến nhớ chú ý ngôn từ cho phù hợp với thuần phong ,mỹ tục văn hóa nước ta. Cảm ơn!