Quan điểm cá nhân chúng tôi cho rằng với HTML không gì bằng thực tế, chỉ có thực hành, thực hành và thực hành...
Càng làm nhiều thì càng nhớ và thành thạo. Cũng chính vì vậy trong các phần trước chúng ta đã cùng nhau hoàn tất một trang HTML rất...tào lao. Cũng như những phần khác trong cả Blog này, tinh thần "bao trùm" mọi bài viết sẽ là...tào lao! Có nghĩa là chúng ta cố gắng "nhồi nhét" mọi thứ lý thuyết vào một ứng dụng gần như vô nghĩa, tuy nhiên nó giúp chúng ta có cái nhìn "toàn cảnh" cũng như giúp chúng ta có thể thực hành từ những chi tiết vụn vặt nhất.
Thuộc tính (Attribute) HTML - HTML Attribute
- HTML Attribute cung cấp thông tin bổ sung về các phần tử HTML.
- Tất cả các phần tử HTML đều có thể có Attribute
- Attribute cung cấp thông tin bổ sung về các phần tử HTML
- Attribute luôn được chỉ định tại nơi bắt đầu của thẻ
- Attribute thường có trong cặp tên/giá trị như: name="value"
Chúng ta cũng đã sử dụng vài Attribute trong những phần trước
href Attribute
Thẻ <a> định nghĩa một siêu liên kết. Thuộc tính href chỉ định URL hay LINK của trang mà liên kết dẫn đến:
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h2>Đây là ví dụ href Attribute</h2>
<p>Liên kết HTML được định nghĩa bằng thẻ a. Địa chỉ liên kết được chỉ định trong thuộc tính href:</p>
<a href="https://www.datvietlaptrinh.com/">Đất Việt Lập Trình</a>
</body>
</html>
Vẫn sử dụng OnlineGDB. Chúng ta nhập mã HTML trên vào và bấm Run để thực thi.
src Attribute
Thẻ <img> được sử dụng để nhúng hình ảnh vào trang HTML. Thuộc tính src chỉ định đường dẫn đến hình ảnh sẽ được hiển thị.
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h2>Đây là ví dụ src Attribute</h2>
<p>Hình ảnh HTML được định nghĩa bằng thẻ img và tên tệp của nguồn hình ảnh được chỉ định trong thuộc tính src</p>
<img src="https://upload.wikimedia.org/wikipedia/commons/7/7c/HoiAnOldQuarter.jpg" width="500" height="500">
</body>
</html>
Nhập mã HTML vào OnlineGDB, bấm Run để thực thi
alt Attribute
Thuộc tính alt bắt buộc cho thẻ <img> chỉ định một văn bản thay thế cho hình ảnh, nếu hình ảnh không thể hiển thị vì lý do nào đó. Điều này có thể do kết nối chậm, hoặc lỗi trong thuộc tính src kiểu như đường link sai, hoặc file hình ảnh đã bị xóa...
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h2>Đây là ví dụ alt Attribute</h2>
<p>Hình ảnh HTML được định nghĩa bằng thẻ img. Thuộc tính alt bắt buộc cho thẻ <img> chỉ định một văn bản thay thế cho hình ảnh, nếu hình ảnh không thể hiển thị vì lý do nào đó.</p>
<img src="HoiAnOldQuarter.jpg" alt="Phố Cổ Hội An" width="500" height="500">
</body>
</html>
Nhập mã HTML vào OnlineGDB, bấm Run để thực thi
Không có nhận xét nào:
Đăng nhận xét