Đâ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...
Nội dung đến đây ...
Ví dụ về một số yếu tố HTML:h2>My First Heading
Tiêu đề đầu tiên của tôip>My first paragraph.
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
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