HTML 02 – Khái niệm Thẻ, Thuộc tính trong HTML cơ bản

0
73

Xin chào các bạn, ở bài trước, chúng ta đã được tìm hiểu về các khái niệm đầu tiên trong HTML, HTML là gì?. Và trong bài tiếp theo này, chúng ta cùng nhau đi tìm hiểu về các khái niệm Thẻ cũng như Thuộc tính trong HTML nhé.

Nội dung bài này được chia làm 2 phần:

Phần 1: Thẻ

Phần 2: Thuộc tính

Thẻ trong HTML

Trong HTML, có 2 loại thẻ (Tag):

  • Thẻ HTML đơn
  • Cặp thẻ HTML

Thẻ HTML đơn

Thẻ HTML đơn là những thẻ chỉ có một thẻ mở, ví dụ như thẻ <meta> khai báo tiếng Việt đã được học ở bài trước.

Các thẻ HTML đơn như: meta, br, hr, img, input, link, span, …

Cặp thẻ HTML

Cặp thẻ bao gồm thẻ mở và thẻ đóng.

Thẻ đóng giống thẻ mở, nhưng ở thẻ đóng có thêm ký tự gạch chéo trước tên thẻ (/). VD: </html>, </head>, </body>

Văn bản cần trình bày được đặt giữa thẻ mở và thẻ đóng.

VD:

Lưu ý:

  • Các khoảng trắng dư thừa và ký tự Enter xuống dòng sẽ bị bỏ qua.
  • Các thẻ có thể được lồng vào nhau, nhưng không được chéo nhau. VD:

Thuộc tính trong HTML

Trong mỗi thẻ HTML thì có thể chứa 1 hoặc nhiều thuộc tính (Attributes) để định dạng, trang trí cho nội dung của thẻ đó.

Thuộc tính luôn luôn được viết trong thẻ mở HTML.

Cú pháp:

Chú ý: Tên thuộc tính không phân biệt chữ hoa hay chữ thường. Tuy nhiên, ở 1 số phiên bản HTML sau này chỉ hỗ trợ tên thuộc tính ở dạng chữ thường, do đó, các bạn nên tập thói quen viết thuộc tính HTML bằng chữ thường nhé.

VD:

Trong đó:

  • charset là tên thuộc tính
  • utf-8 là giá trị của thuộc tính charset theo quy định trong HTML

Kết luận

Như vậy trong bài này, mình đã giới thiệu với các bạn về Thẻ và Thuộc tính trong HTML. Bài tiếp theo số 3 chúng ta sẽ tìm hiểu về các thành phần chính của 1 giao diện website nhé.

Chúc các bạn học tập tốt !

 

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây