HTML Attributes

HTML Attributes là thuộc tính trong HTML, nó được dùng để cung cấp thông tin bổ sung cho các phần tử HTML.Hầu hết tất cả các phần tử HTML đều có thuộc tính (Attributes).

 

Cách khai báo và sử dụng thuộc tính Attributes trong HTML.

 -Các thuộc tính Attributes được khai báo và viết bên trong thẻ bắt đầu (start  tag).

 -Các thuộc tính Attributes được khai báo viết dưới dạng cặp tên và giá trị như : name="value"

Ví dụ

<a href="https://ihoclaptrinh.com">Học lập trình online miễn phí </a>

 

Các Attributes thường dùng trong HTML

Có rất nhiều thuộc tính trong HTML, tuy nhiên trong bài này chúng tôi sẽ giới thiệu cho các bạn một số thuộc tính thường hay dùng khi lập trình web như:  lang, href, src, alt, width, height, style, title...

 

-Thuộc tính: lang

Thuộc tính lang được dùng để khai báo ngôn ngữ cho trang web.Nó xác định ngôn ngữ và quốc gia của trang web và nó có ý nghĩa rất quan trọng trong việc tối ưu công cụ tìm kiếm SEO (Search Engine Optimization).

Ví dụ chỉ định ngôn ngữ tiếng anh cho trang web sử dụng thuộc tính lang như sau:

Ví dụ

<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

-Thuộc tính: href

Thuộc tính href được dùng chỉ định đường dẫn link url của trang mà nó liên kết tới.

Sử dụng thuộc tính href của thẻ <a> như sau:

Ví dụ

<a href="https://ihoclaptrinh.com/html-attributes">Học lập trình HTML </a>

-Thuộc tính: src

Thuộc tính src chỉ định đường dẫn đến hình ảnh cần hiển thị:

Sử dụng thuộc tính src của thẻ <img> như sau:

Ví dụ

<img src="ihoclaptrinh-logo.jpg">

 

-Thuộc tính: width, height

 Thuộc tính width, height được dùng để chỉ định kích thước chiều rộng và chiều cao.

Sử dụng thuộc tính width, height để hiển thị kích thước cho ảnh như sau:

Ví dụ

<img src="ihoclaptrinh-logo.jpg" width="500" height="600">

 

-Thuộc tính: alt

Thuộc tính alt dùng để chỉ định dưới dạng như một tên cho hình ảnh.

Ví dụ sử dụng thuộc tính alt cho hình ảnh như sau:

Ví dụ

<img src="ihoclaptrinh-logo.jpg" alt="logo ihoclaptrinh">

 

-Thuộc tính: style

Thuộc tính style được sử dụng để thêm kiểu cách cho một phần tử như: màu sắc, phông chữ, kích thước...

Ví dụ sử dụng thuộc tính style như sau:

Ví dụ

<p style="color:white; font-size:22px; width:500px; height:50px; background-color:green; ">Thuộc tính style trong HTML.</p>