Chúng hoạt động cùng nhau nhưng thực hiện các chức năng khác nhau – đáng để đầu tư 2 phút để phân biệt hai
Thẻ HTML là gì?
Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is:
.
Most tags must be opened
and closed
in order to function.Thuộc tính HTML là gì?
Các thuộc tính chứa các mẩu thông tin bổ sung. Các thuộc tính có dạng thẻ mở và thông tin bổ sung được đặt bên trong
Phần tử HTML là một thành phần riêng lẻ của 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 phần tử 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 phần tử p
sẽ được viết là
Chúng ta sẽ tìm hiểu về các thuộc tính HTML trong chương tiếp theo
Ghi chú. Tất cả các phần tử không yêu cầu phải có thẻ kết thúc hoặc thẻ đóng. Chúng được gọi là phần tử trống, phần tử tự đóng hoặc phần tử void
Về mặt kỹ thuật, một phần tử HTML là tập hợp 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 phần 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, thuật ngữ phần tử HTML và thẻ HTML có thể hoán đổi cho nhau. e. một thẻ là một yếu tố là một thẻ. Để đơn giản hóa trang web này, các thuật ngữ "thẻ" và "phần tử" được sử dụng để chỉ cùng một thứ — vì nó sẽ xác định điều gì đó trên trang web của bạn
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ẻ
và thẻ
định nghĩa điều tương tự trong HTML đó là một đoạn văn
Nhưng trong XHTML chúng phân biệt chữ hoa chữ thường và thẻ
khác với thẻ
.
This is a paragraph.
This is also a valid paragraph.
Mẹo. Chúng tôi khuyên bạn nên sử dụng chữ thường cho thẻ và tên thuộc tính trong HTML, vì bằng cách này, bạn có thể làm cho tài liệu của mình phù hợp hơn để nâng cấp trong tương lai
Phần tử HTML trống
Phần tử rỗng [còn được gọi là phần tử tự đóng hoặc phần tử trống] không phải là thẻ vùng chứa — điều đó có nghĩa là bạn không thể viết
some content
hoặc
some content
Một ví dụ điển hình của phần tử trống, là phần tử
This paragraph contains
a line break.
0, đại diện cho dấu ngắt dòng. Một số phần tử rỗng phổ biến khác là This paragraph contains
a line break.
1, This paragraph contains
a line break.
2, This paragraph contains
a line break.
2, This paragraph contains
a line break.
2,This paragraph contains
a line break.
Ghi chú. Trong HTML, phần tử tự đóng được viết đơn giản là
This paragraph contains
a line break.
5. Trong XHTML, phần tử tự đóng yêu cầu khoảng trắng và dấu gạch chéo ở cuối, chẳng hạn như This paragraph contains
a line break.
0Cá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ừ ], 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
yếu tố
Here is some bold text.
Here is some emphasized text.
Here is some highlighted text.
Mẹo. Đặt một phần tử bên trong một phần tử khác được gọi là lồng. 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 bên trong nó
Các thẻ HTML phải được lồng vào nhau theo đúng thứ tự. Chúng phải được đóng theo thứ tự ngược với 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
These tags are nested properly.
These tags are not nested properly.
Viết bình luận trong HTML
Bình luận thường được thêm vào với mục đích giúp 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 bạn đang cố gắng làm gì với HTML. Bình luận không hiển thị trên trình duyệt
Nhận xét HTML bắt đầu bằng , như trong ví dụ bên dưới
This is a normal piece of text.
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. và các yếu tố. Cái trước tạo nên cấu trúc của tài liệu, trong khi cái sau tạo nê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 dấu 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