[Bài 4] Thuộc tính trong HTML5

  1. Giới thiệu về HTML5
  2. [Bài 1] Chuẩn bị trước khi học HTML5
  3. [Bài 2] Cấu trúc HTML5 đơn giản
  4. [Bài 3] Định dạng văn bản trong HTML5
  5. [Bài 4] Thuộc tính trong HTML5
  6. [Bài 5] Liên kết trong HTML5
  7. [Bài 6] Hình ảnh trong HTML5
  8. [Bài 7] Bình luận trong HTML5
  9. [Bài 8] Danh sách trong HTML5
  10. [Bài 9] Bảng biểu trong HTML5
  11. [Bài thực hành 1] Viết cấu trúc HTML5 đơn giản
  12. [Bài 10] Iframe trong HTML5
  13. [Bài 11] Video trong HTML5
  14. HTML5 nâng cao

Ở bài này, mình sẽ giới thiệu với các bạn nội dung mới, đó chính là thuộc tính trong HTML5 của thẻ, đây là nội dung quan trọng trong HTML5

Trước khi chúng ta học về liên kết thì có một nội dung quan trọng không thể bỏ qua, đó chính là thuộc tính, bài này mình sẽ giải thích cho các bạn biết thuộc tính là gì, công dụng của thuộc tính và cách sử dụng thuộc tính nhé!

Thuộc tính trong HTML5 là gì?

Thuộc tính (trong tiếng Anh là attribute) là thứ dùng để bổ sung hoặc đi kèm theo một số thẻ nhất định. Ví dụ, đối với thẻ <a>, thẻ <img> hay thẻ <link> sẽ cần phải khai báo thuộc tính thì mới có thể sử dụng, trong khi đó, một số thẻ không cần thuộc tính đi kèm như các thẻ mình đã giới thiệu ở bài trước: <p>, <h1>,…

Ví dụ: thuộc tính trong HTML5 bắt buộc của thẻ <img> đó chính là “src”, thuộc tính này bạn bắt buộc phải khai báo, nếu không khai báo thì sẽ không thể sử dụng thẻ <img>, còn khai báo như thế nào thì bài sau bạn sẽ rõ!

Ví dụ khi thẻ <img> không khai báo thuộc tính “src” thì nó sẽ không hiện thứ gì cả. Còn nếu khi thẻ <img> có khai báo thuộc tính “src” đúng cú pháp, liên kết đến đúng hình ảnh thì kết quả như bên dưới:

<img src="https://i1.wp.com/tienminhvy.com/wp-content/uploads/2020/07/Logo_landscape-sm.png">
Thuộc tính trong HTML5 của thẻ img

Thuộc tính trong HTML5 của thẻ img

 

Công dụng của thuộc tính trong HTML5

Như mình đã nói ở trên, thuộc tính trong HTML5 có công dụng dùng để bổ sung nội dung thêm cho thẻ hoặc là thứ bắt buộc đi kèm với thẻ đó. Do đó, có thể nói thuộc tính có vai trò quan trọng tất yếu trong 1 tài liệu chuẩn HTML5.

Ngoài ra, khi bạn học đến CSS hay Javascript, thuộc tính còn là thứ để giúp CSS và Javascript giao tiếp và chỉnh sửa trên tài liệu HTML5, ví dụ như trong CSS và Javascript, hai thuộc tính cần thiết để giúp thêm hiệu ứng và trang trí cho từng phần tử là classid, hai thứ này chúng ta sẽ tìm hiểu ở trong 1 bài riêng.

Chú ý rằng bạn không cần phải khai báo thuộc tính cho từng thẻ bạn viết, bạn chỉ cần khai báo thuộc tính bắt buộc ở một số thẻ ở phần trên thôi.

Làm sao có thể ghi nhớ các thuộc tính trong HTML5?

Do một số thẻ có các thuộc tính bắt buộc phải khai báo, do đó, trong các bài viết sau, mình sẽ kèm cách ghi nhớ các thuộc tính bắt buộc giúp bạn có thể ghi nhớ sâu hơn và tốt hơn, đồng thời, bạn cũng phải liên tục rèn luyện ghi nhớ chúng bằng cách thực hành nhiều hơn.

Bạn càng thực hành nhiều thì bạn sẽ in sâu vào trong trí nhớ, đến khi cần thì chúng ta lấy từ trí nhớ ra thôi.

Đồng thời, với số lượng thuộc tính khổng lồ được thêm vào HTML5, bạn không thể nào ghi nhớ trong ngày 1 ngày 2 được, mà cần phải có sự rèn luyện liên tục. Bên cạnh đó, bạn có thể lên website của mình để tìm kiếm thuộc tính của từng thẻ, không cần thiết phải ghi nhớ toàn bộ đâu!

Tóm lại

Qua bài viết này, mình đã giới thiệu với các bạn thuộc tính là gì và tại sao nó lại quan trọng rồi đó, trong bài tiếp theo, chúng ta sẽ vận dụng thuộc tính vào thẻ liên kết, một thẻ rất thường dùng trong HTML5. Các bạn nhấn vào đây để đến bài 5:  [BÀI 5] Liên kết trong HTML5

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Hiện website này đang ở trạng thái lưu trữ, có thể bạn sẽ thấy một số nội dung không được định dạng đúng cách, sẽ không có bài viết nào mới ở trên website này nữa.Tại sao tôi nhận được thông báo này?
+ +