Bài 2: Thẻ HTML – Tìm hiểu cơ bản về Thẻ trong HTML – HTML Elements

Bài 2: Thẻ HTML

Trong bài viết này các bạn sẽ tìm hiểu cơ bản về Thẻ trong HTML. Thẻ HTML hay còn gọi là HTML Elements. Đây là chuyên đề bạn cần phải nắm vững khi cùng Học Làm Web khám

Bài 2: Thẻ HTML - Tìm hiểu cơ bản về Thẻ trong HTML - HTML Elements
Bài 2: Thẻ HTML – Tìm hiểu cơ bản về Thẻ trong HTML

phá tự học HTML.

Một phần tử HTML là một thành phần riêng lẻ của một tài liệu HTML. Nó đại diện cho ngữ nghĩa, hoặc ý nghĩa. Ví dụ, phần tử title đại diện cho tiêu đề của tài liệu.

Hầu hết các Thẻ HTML được viết bằng thẻ bắt đầu (hoặc thẻ mở) và thẻ kết thúc (hoặc thẻ đóng), với nội dung ở giữa. Các phần tử cũng có thể chứa các thuộc tính xác định các thuộc tính bổ sung của nó. Ví dụ: một đoạn văn, được đại diện bởi thẻ p, sẽ được viết là:

Phần Value nghĩa là các thuộc tính. Chúng ta sẽ tìm hiểu về các thuộc tính HTML trong chương tiếp theo .

Lưu ý: Có một số thẻ html không yêu cầu phải có Thẻ Đóng. Chúng được gọi là các phần tử rỗng , phần tử tự đóng hoặc phần tử void .

Thẻ HTML Vs Element

Về mặt kỹ thuật, một phần tử HTML là tập hợp của thẻ bắt đầu, thuộc tính của nó, thẻ kết thúc và mọi thứ ở giữa. Mặt khác, thẻ HTML (mở hoặc đóng) được sử dụng để đánh dấu điểm bắt đầu hoặc kết thúc của một yếu tố, như bạn có thể thấy trong hình minh họa ở trên.

Tuy nhiên, trong cách sử dụng phổ biến, các thuật ngữ thành phần HTML và thẻ HTML có thể hoán đổi cho nhau, tức là thẻ là một yếu tố của thẻ. Để đơn giản cho trang web này, các thuật ngữ “thẻ” và “phần tử” được sử dụng để có nghĩa tương tự – vì nó sẽ định nghĩa một cái gì đó trên trang web của bạn.

Trong bài số 1 Tạo file HTML đầu tiên, chúng tôi đã hướng dẫn các bạn cách tạo file html. Các bạn hãy chú ý tự viết code chứ không nên copy code nhé. Như vậy sẽ giúp chính bạn nhớ code nhanh hơn. Còn nếu bạn Copy Code thì không bao giờ bạn học được.


Phân biệt chữ hoa chữ thường trong các thẻ và thuộc tính HTML

Trong HTML, tên thẻ và thuộc tính không phân biệt chữ hoa chữ thường (nhưng hầu hết các giá trị thuộc tính đều phân biệt chữ hoa chữ thường). Nó có nghĩa là thẻ <P>và thẻ <p>xác định điều tương tự trong HTML là một đoạn văn.

Một ví dụ điển hình của một phần tử rỗng, là phần tử <br>, đại diện cho một ngắt dòng. Một số yếu tố có sản phẩm nào phổ biến khác là <img><input><link><meta><hr>,, vv

Lưu ý: Trong HTML, phần tử tự đóng được viết đơn giản là <br>. Trong XHTML, phần tử tự đóng yêu cầu dấu cách và dấu gạch chéo, chẳng hạn như <br />.

Các phần tử HTML lồng nhau

Hầu hết các phần tử HTML có thể chứa bất kỳ số lượng phần tử nào khác (ngoại trừ phần tử trống ). Lần lượt được tạo thành từ các thẻ, thuộc tính và nội dung hoặc các phần tử khác.

Ví dụ sau đây cho thấy một số phần tử được lồng bên trong phần tử <p>.

Mẹo: Đặt một phần tử bên trong phần tử khác được gọi là lồng. Một phần tử lồng nhau, còn được gọi là phần tử con, cũng có thể là phần tử cha nếu các phần tử khác được lồng trong nó.

Các thẻ HTML phải được lồng theo đúng thứ tự. Chúng phải được đóng theo thứ tự nghịch đảo về cách chúng được xác định, điều đó có nghĩa là thẻ cuối cùng được mở phải được đóng trước.

Viết bình luận bằng HTML

Bình luận khi viết code thường được thêm vào với mục đích làm cho mã nguồn dễ hiểu hơn. Nó có thể giúp nhà phát triển khác (hoặc bạn trong tương lai khi bạn chỉnh sửa mã nguồn) để hiểu những gì bạn đang cố gắng thực hiện với các thẻ HTML. Bình luận không được hiển thị trong trình duyệt.

Một bình luận HTML bắt đầu bằng <!--và kết thúc bằng -->, như trong ví dụ dưới đây:


Bạn cũng có thể nhận xét một phần mã HTML của mình cho mục đích gỡ lỗi, như được hiển thị ở đây:

Các loại phần tử HTML

Các yếu tố có thể được đặt trong hai nhóm riêng biệt: yếu tố cấp độ khối và cấp độ nội tuyến . Cái trước tạo nên cấu trúc của tài liệu, trong khi cái sau mặc lên nội dung của một khối.

Ngoài ra, một phần tử khối chiếm 100% chiều rộng có sẵn và nó được hiển thị với ngắt dòng trước và sau. Trong khi đó, một phần tử nội tuyến sẽ chỉ chiếm nhiều dung lượng mà nó cần.

Các yếu tố khối cấp thường được sử dụng nhất là <div><p><h1>thông qua <h6><form><ol><ul><li>, và vân vân. Trong khi đó, các yếu tố inline cấp thường được sử dụng là <img><a><span><strong><b><em><i><code><input><button>,, vv

Bạn sẽ tìm hiểu về các yếu tố này một cách chi tiết trong các chương sắp tới. Chúc các bạn học tốt với bài học về Thẻ HTML này.

Có thể bạn chưa xem

Leave a Reply

avatar
  Subscribe  
Notify of