Hướng dẫn how do you open and close a tag in html? - làm thế nào để bạn mở và đóng một thẻ trong html?

Đây là một trong những bài học cũ của chúng tôi! Truy cập trang Path để xem tất cả các khóa học mới nhất của chúng tôi.

Bản tóm tắt

<p>Text in HTML gets wrapped in opening and closing tags.</p>

Thông tin chi tiết

Mã HTML được tạo thành từ các yếu tố. Nhiều yếu tố (nhưng không phải tất cả) được tạo thành từ các thẻ mở và đóng.elements. Many elements (but not all) are made up of opening and closing tags.

Thẻ mở được tạo thành từ biểu tượng phần tử được bọc trong khung góc, như thế này (ví dụ này dành cho phần tử đoạn văn):

<p>

Thẻ đóng được tạo thành từ biểu tượng của phần tử trước một dấu gạch chéo về phía trước và được bọc trong khung góc, như thế này:

</p>

Văn bản bạn muốn hiển thị trên trang web của bạn được đặt giữa các thẻ mở và đóng, như thế này:

<p>Text goes between the opening and closing brackets.</p>

Theo mặc định, trình duyệt sẽ hiển thị văn bản khác nhau tùy thuộc vào phần tử nào đang được sử dụng. Dưới đây là một số ví dụ về các yếu tố khác nhau mà bạn có thể sử dụng để bọc văn bản:

<h2>This text will be rendered as big and bold in the browser.</h2>

<p>This text will be rendered in a normal font size.</p>

<small>This text will be rendered in a small font size.</small>

Vs Mẹo mã

Trong mã VS, thẻ đóng được tự động chèn cho bạn sau khi bạn nhập thẻ mở.

Bạn cũng có thể sử dụng phím tắt Emmet để tạo cả hai thẻ. Bạn có thể chỉ cần nhập ký hiệu của phần tử và sau đó nhấn enter hoặc tab để tự động tạo thẻ mở và đóng cho phần tử. Ví dụ: nếu bạn nhập p và sau đó nhấn enter hoặc tab, mã vs sẽ chèn <p></p> vào tệp của bạn.

Cuối cùng, mã VS sẽ cung cấp các đề xuất khi bạn nhập bên dưới con trỏ của bạn. Ví dụ: nếu bạn nhập chữ cái h, bạn sẽ thấy một menu bật lên với một số gợi ý bắt đầu bằng chữ H, chẳng hạn như h2, h2,

<p>
0, v.v. Bạn có thể sử dụng các phím mũi tên để chọn cái bạn muốn và sau đó nhấn Enter hoặc Tab để tạo thẻ cho tùy chọn đó. Bạn cũng có thể sử dụng chuột để nhấp vào tùy chọn bạn muốn.

Thử nghiệm

Người giới thiệu

HTML cơ bản về MDN


Ví dụ giải thích phần tử là phần tử gốc và nó xác định toàn bộ tài liệu HTML. Nó có thẻ bắt đầu và thẻ kết thúc. Phần tử xác định cơ thể của tài liệu. Nó có thẻ bắt đầu và thẻ kết thúc.


Phần tử HTML được xác định bởi thẻ bắt đầu, một số nội dung và thẻ kết thúc.

Các yếu tố HTMLelement is everything from the start tag to the end tag:

Phần tử HTML là tất cả mọi thứ từ thẻ bắt đầu đến thẻ cuối:tagname>Content goes here...</tagname>

Nội dung đến đây ...

Ví dụ về một số yếu tố HTML:h2>My First Heading</h2>

Tiêu đề đầu tiên của tôip>My first paragraph.</p>

Đoạn đầu tiên của tôi.Bắt đầu thẻNội dung phần tử

Thẻ kết thúc

Tiêu đề đầu tiên của tôi


Đoạn đầu tiên của tôi.Đoạn đầu tiên của tôi.

không ai Some HTML elements have no content (like the
element). These elements are called empty elements. Empty elements do not have an end tag!


Lưu ý: Một số phần tử HTML không có nội dung (như phần tử). Các yếu tố này được gọi là các yếu tố trống. Các yếu tố trống không có thẻ kết thúc!

Các yếu tố HTML lồng nhau

Các phần tử HTML có thể được lồng (điều này có nghĩa là các phần tử có thể chứa các yếu tố khác).

Tất cả các tài liệu HTML bao gồm các yếu tố HTML lồng nhau.

Thí dụ



Ví dụ sau đây chứa bốn phần tử HTML (

<p>
1,
<p>
2,
<p>
3 và
<p>
4):

My first paragraph.


Đây là một đoạn văn Đây là một đoạn văn

Đoạn đầu tiên đầu tiên của tôi.

Ví dụ giải thích

Phần tử

<p>
1 là phần tử gốc và nó xác định toàn bộ tài liệu HTML.

Nó có thẻ bắt đầu

<p>
1 và thẻ kết thúc
<p>
7.

Sau đó, bên trong phần tử

<p>
1 có phần tử
<p>
2:

Ví dụ sau đây chứa bốn phần tử HTML (

<p>
1,
<p>
2,
<p>
3 và
<p>
4):

My first paragraph.

Đoạn đầu tiên đầu tiên của tôi.

Ví dụ giải thích

Phần tử

<p>
1 là phần tử gốc và nó xác định toàn bộ tài liệu HTML.

Nó có thẻ bắt đầu

<p>
1 và thẻ kết thúc
<p>
7.

My first paragraph.

Sau đó, bên trong phần tử

<p>
1 có phần tử
<p>
2:

Các phần tử HTML có thể được lồng (điều này có nghĩa là các phần tử có thể chứa các yếu tố khác).

Thẻ kết thúc

Tiêu đề đầu tiên của tôi

Đoạn đầu tiên của tôi.

Tiêu đề đầu tiên của tôi



Đoạn đầu tiên của tôi.

không ai

Thí dụ


Đây là một đoạn văn Đây là một đoạn văn

This is a paragraph


Đây là một đoạn văn Đây là một đoạn văn

Hãy tự mình thử »


Tuy nhiên, không bao giờ dựa vào điều này! Kết quả và lỗi bất ngờ có thể xảy ra nếu bạn quên thẻ kết thúc!

Các yếu tố HTML trống

Các phần tử HTML không có nội dung được gọi là các phần tử trống.


TAG <p>Text goes between the opening and closing brackets.</p>2 xác định lỗi dòng và là một phần tử trống mà không có thẻ đóng:

HTML không nhạy cảm với trường hợp

Thẻ HTML không nhạy cảm trường hợp:

<p>Text goes between the opening and closing brackets.</p>
3 có nghĩa là giống như
<p>
4.recommends lowercase in HTML, and demands lowercase for stricter document types like XHTML.

Tiêu chuẩn HTML không yêu cầu thẻ viết thường, nhưng W3C khuyến nghị viết thường trong HTML và yêu cầu chữ thường cho các loại tài liệu chặt chẽ hơn như XHTML.


Tại W3Schools, chúng tôi luôn sử dụng tên thẻ chữ thường.

Tham chiếu thẻ HTML

Tham chiếu thẻ của W3Schools chứa thông tin bổ sung về các thẻ này và các thuộc tính của chúng.Nhãn
Sự mô tả
Xác định gốc của tài liệu HTML
Xác định cơ thể của tài liệu đến

Xác định các tiêu đề HTML



Thẻ mở và đóng được gọi là gì?

Thẻ có thẻ mở và đóng được gọi là thẻ container và thẻ chỉ có một thẻ mở và không có thẻ đóng được gọi là thẻ trống.container tags, and tags with only one opening tag and no closing tag are called empty tags.

Phần tử nào có thẻ mở và đóng?

Ví dụ giải thích phần tử là phần tử gốc và nó xác định toàn bộ tài liệu HTML.Nó có thẻ bắt đầu và thẻ kết thúc.Phần tử xác định cơ thể của tài liệu.Nó có thẻ bắt đầu và thẻ kết thúc. element is the root element and it defines the whole HTML document. It has a start tag and an end tag . The element defines the document's body. It has a start tag and an end tag .