Cách sử dụng các thẻ HTML cơ bản

Theo như trong tài liệu chuẩn về HTML của W3schools thì có rất nhiều thẻ html với những mục đích khác nhau, trong khuôn khổ bài viết này mình sẽ chia sẻ cùng các bạn về các thẻ HTMl hay dùng nhất theo trình tự từ trên xuống dưới.

Thẻ HTMl thông dụng trong thẻ <head > </head >

Hầu hết các thẻ trong phần <head > không hiển thị cho độc giả thấy , nhưng rất quan trọng trong việc định hình , liên kết và miêu tả nội dung trang web cho các công cụ phân tích và tìm kiếm.

  • <title >... </title > : hiển thị tiêu đề trang web
  • <link > : không có thẻ đóng , dùng để nhúng 1 tập tin vào trang web, như file css ...
  • <meta >: không có thẻ đóng là thẻ mô tả tổng quát nội dung trang web với rất nhiều các thuộc tính đi cùng cực kỳ quan trọng trong việc SEO website
  • <script > </script > : chuyên dùng để nhúng các tập tin javascript, thường là các file js ở bên thứ ba , file js chúng ta viết không nên đặt ở đây

Các thẻ HTMl được dùng nhiều trong thẻ <body > </body >

Đây là nơi mà chúng mình thỏa sức sáng tạo và hiện thực những thiết kế đẹp nhất, ngoài những thẻ bố cục quan trọng nhất ở bài trước chúng ta chắc chắn cũng sẽ dùng đến các thẻ này.

  • <div > </div > : Dùng cực nhiều là dạng thẻ khối với mục đích duy nhất là tạo một khối giữ 1 chỗ trên trang web và nhóm các thẻ có liên quan lại với nhau
  • <h1-->h6 > </h1-->h6 > : Thể hiện tiêu đề cho 1 bài viết, 1 bức ảnh ... là thẻ dạng khối xác định tiêu đề quan trọng nhất và giảm dần mức độ quan trọng từ h1-->h6 Trong một trang web cụ thể nên dùng 1 hoặc 2 thẻ <h1 > </h1 > thôi , nếu có tiêu đề khác mà nội dung ít quan trọng hơn chúng ta dùng thẻ <h2 > </h2 > tương tự cho các thẻ h3 , h4, h5, h6, các thẻ này có cỡ chữ mặc định đen đậm và giảm dần vì thế chúng ta cũng không bao giờ dùng thẻ này cho mục đính viết chữ to và làm đậm.

Tiêu đề

  • <p > </p > : thẻ khối chứa nội dung là 1 đoạn văn bản
  • <img > : dạng inline không có thẻ đóng dùng để hiển thị hình ảnh
  • <a > </a >: dạng inline dùng để tạo link liên kết đến 1 trang khác
  • <ul > </ul >: dạng khối,( block ) dùng kết hợp với thẻ <li > </li > để mô tả danh sách, dùng rất nhiều trong việc tạo phần điều hướng ở phần đầu mỗi website
  • <span > </span > : dạng inline chứa nội dung là các đoạn văn bản nhỏ ...
  • <b > </b >: dạng inline tạo chữ đậm
  • <i > </i >: dạng inline tạo chữ in nghiêng
  • <br >: làm chức năng ngắt và xuống dòng
  • <form > </form > : dạng khối dùng kết hợp với thẻ <input > tạo chức năng nhập liệu
  • <script > </script >: thường chứa những file js do chúng ta viết ra để cuối phần của thẻ đóng </body > để đảm bảo các file js đó hoạt động đúng.

Trên đây là các thẻ HTML thông dụng nhất hay được dùng và tất cả các thẻ này mình cũng đều sử dụng để viết ra bài viết này ,nếu bạn thấy còn thiếu thẻ nào cần được bổ sung hãy comment bên dưới cho mình nhé. Cảm ơn bạn đã đọc chúc bạn nhiều niềm vui.

Tag: HTML