• Điều khoản & điều kiện
  • Chính sách bảo mật
Tech News, Magazine & Review WordPress Theme 2017
  • Trang chủ
  • Chia sẻ
    • Phần mềm
  • Kinh nghiệm
    • Kinh nghiệm về Internet
    • Kinh nghiệm về Linux
    • Kinh nghiệm về Windows
    • Kinh nghiệm về Lập trình
  • Giải thích thuật ngữ
    • Thuật ngữ Internet
  • Lập trình
    • Web
      • Lập trình HTML
No Result
View All Result
Tiền Minh Vy
  • Trang chủ
  • Chia sẻ
    • Phần mềm
  • Kinh nghiệm
    • Kinh nghiệm về Internet
    • Kinh nghiệm về Linux
    • Kinh nghiệm về Windows
    • Kinh nghiệm về Lập trình
  • Giải thích thuật ngữ
    • Thuật ngữ Internet
  • Lập trình
    • Web
      • Lập trình HTML
No Result
View All Result
Tiền Minh Vy
No Result
View All Result
Home Học tập

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

Tiền Minh Vy by Tiền Minh Vy
08/03/2021
Reading Time: 4 mins read
Giới thiệu về HTML5
Chia sẻ trên FacebookChia sẻ trên TwitterChia sẻ qua email
  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é!

Tóm tắt ẩn
Thuộc tính trong HTML5 là gì?
Công dụng của thuộc tính trong HTML5
Làm sao có thể ghi nhớ các thuộc tính trong HTML5?
Tóm lại
Có thể bạn sẽ thích

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à class và id, 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 bình chọn
Đánh giá bài viết

Có thể bạn sẽ thích

Tags: htmlhtml5thuộc tính
Tiền Minh Vy

Tiền Minh Vy

Xin chào! Tôi là Tiền Minh Vy, là một lập trình viên có nhiều kinh nghiệm với Wordpress, tập trung nhiều với PHP.

Next Post
Giới thiệu về HTML5

[Bài 5] Liên kết trong HTML5

Đăng ký
Thông báo cho tôi về
guest
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận

Hosting giá rẻ HostingTocDo

Giá chỉ từ 20,000đ/tháng, nhận hỗ trợ kỹ thuật và chuyển dữ liệu từ hosting cũ sang HostingTocDo miễn phí

Hỗ trợ Litespeed, Imunify360, jetBackup

Hỗ trợ Python, Node.js từ gói WH-02 trở lên.

Đăng ký tại đây

Cùng tham gia nhóm FB để học hỏi :3

Về tôi

Tôi là một người có nhiều kinh nghiệm với WordPress, là một lập trình viên website, tập trung nhiều với PHP.

Ngoài ra tôi cũng có nhận các dự án lập trình freelance. Nếu bạn có nhu cầu vui lòng liên hệ qua Email: [email protected]

Chuyên mục

Bảo mật Bảo mật Bảo mật Chia sẻ Dịch bài Linux Dịch thuật Featured Game Giveaway Giải thích thuật ngữ Hosting Học tập Internet Internet Kinh nghiệm Kinh nghiệm về Internet Kinh nghiệm về Linux Kinh nghiệm về Lập trình Kinh nghiệm về Windows Linux Lập trình Miễn phí Miễn phí Mã nguồn Mã nguồn mở Phần mềm Phần mềm Sửa lỗi Thuật ngữ Internet Thủ thuật Tin tức công nghệ Uncategorized Web Windows Windows Wordpress

DMCA Protected

DMCA.com Protection Status

Bình luận mới nhất

  • tuấn trong Chia sẻ 2000 Preset Lightroom miễn phí
  • MuLD trong Chia sẻ hơn 300 hiệu ứng âm thanh miễn phí
  • dunguyen trong Chia sẻ 2000 Preset Lightroom miễn phí
  • Tiền Minh Vy trong Bản quyền Sketch Drawer Pro miễn phí
  • Hoai trong Bản quyền Sketch Drawer Pro miễn phí

Bạn bè \ Hữu ích \ Tài trợ

Linux Team Việt Nam

Mua theme WordPress gia re

Hosting miễn phí HostingTocDo

Công cụ hữu ích – All In One (AIO)

  • Điều khoản & điều kiện
  • Chính sách bảo mật

Bản quyền © 2019 - 2020 bởi tienminhvy.com, bảo lưu mọi quyền

No Result
View All Result
  • Trang chủ
  • Chia sẻ
    • Phần mềm
  • Kinh nghiệm
    • Kinh nghiệm về Internet
    • Kinh nghiệm về Linux
    • Kinh nghiệm về Windows
    • Kinh nghiệm về Lập trình
  • Giải thích thuật ngữ
    • Thuật ngữ Internet
  • Lập trình
    • Web
      • Lập trình HTML

Bản quyền © 2019 - 2020 bởi tienminhvy.com, bảo lưu mọi quyền

wpDiscuz