HTML Astributes
HTML Astributes
1
White

bigboog2202 viết ngày 04/05/2020

HTML Attributes ( Thuộc tính HTML)

  • Các thuộc tính cung cấp thông tin bổ sung về các yếu tố HTML

HTML Attributes

  • Tất cả các HTML element đếu có thể có các thuộc tính (Astributes)
  • Các thuộc tính cung cấp thêm thông tin về elemenet
  • Các thuộc tính luôn đc chỉ định trong thẻ mở ( vd

  • Các thuộc tính thường đi theo bộ : name/value < vd name = “value”>

=====================================================

Thuộc tính href

Đường dẫn (links) được khởi tạo với cặp thẻ < a> < /a> . Địa chỉ đường dẫn được xác định bằng thuộc tính href
Ví dụ :

alt text

Thuộc tính src

Hình ảnh trong HTML được tạo với thẻ< img>

Tên tệp của nguồn hình ảnh được xác định bằng thuộc tính src ( viết tắt của source mình nghĩ vậy )

Ví dụ

alt text

Thuộc tính width và height

Đúng như với cái tên width và height để xác định chiều rộng và chiều cao của ảnh trong thẻ img (và 1 số thẻ khác nữa)
Ví dụ:

alt text

Thuộc tính alt

Thuộc tính alt đc truyền vào 1 đoạn text để hiện ra khi mà hình ảnh không thể hiển thị
Nó giống kiểu khi các bạn lag mạng không load được hình ảnh thì trình sẽ hiện lên 1 dòng chữ thay thế ấy

Ví dụ:
alt text

các bạn sẽ nhìn thấy như sau nếu hình không được hiển thị

alt text

Thuộc tính style

Thuộc tính style dùng để thay đổi kiểu dáng (style) của một thành phần ( màu , cỡ chữ abcxyz cái này có khi cũng ko cần thiết lắm vì chúng ta có CSS mà )
Ví Dụ :
alt text

Thuộc tính lang

lang = language

Language : Ngôn ngữ của trang HTML có thể khai báo trong thẻ html với thuộc tính lang
Khai báo ngôn ngữ của trang HTML rất quan trọng cho khả năng tiếp cận các application ( trình đọc màn hình ) và các công cụ tìm kiếm:
Ví dụ:

alt text

Thuộc tính title

Thuộc tính title được thêm vào thẻ

. Giá trị của thuộc tính tile sẽ được hiển thị dưới dạng chú thích khi bạn di chuột qua đoạn văn bản ( đại khái kiểu mô tả link khi các bạn đ=dí chuột vào 1 cái link nào ấy đấy, nhưng đây áp dụng vs thẻ paragraph )

Ví dụ :
alt text

các bạn sẽ nhìn thấy trên trình duyệt khi đưa chuột vào dòng text như sau
alt text

Đây là một vài ví dụ về việc sử dụng thuộc tính trong html bạn có thể tìm hiểu thêm về hàng tỉ thuộc tính khác tại W3school

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

bigboog2202

10 bài viết.
5 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
1 0
Tạo một REST api server sử dụng jsonserver Mình có một bài tâp về REST api sử dụng json server. Tìm tòi vài nơi nay viết lại để lưu lại những gì đ...
bigboog2202 viết 5 tháng trước
1 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
10 bài viết.
5 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!