Bài 4: Định nghĩa các thẻ trong html

HTML Elements - Cấu trúc một thẻ HTML

Các yếu tố HTML được viết với một thẻ bắt đầu, cùng với một thẻ kết thúc, với nội dung ở giữa:

Các phần tử HTML là tất cả mọi thứ từ khóa bắt đầu vào cuối từ khóa:

Start tag Element content End tag

<h1> My First Heading </h1><p> My first paragraph. </p>

Tuy nhiên có một số yếu tố HTML không có thẻ kết thúc.

Nested HTML Elements

các phần tử HTML có thể được lồng vào nhau (các yếu tố có thể chứa các thành phần).

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

Ví dụ này chứa 4 phần tử HTML:

Thí dụ

<!DOCTYPE html><html><body> <h1>My First Heading</h1><p>My first paragraph.</p> </body></html>

giải thích

Các <html> yếu tố xác định toàn bộ tài liệu.

Nó có một thẻ bắt đầu <html> và thẻ kết thúc </ html>.

Nội dung phần tử là một phần tử HTML (<body> phần tử).

<html><body> <h1>My First Heading</h1><p>My first paragraph.</p> </body></html>

Phần tử <body> xác định các cơ quan tài liệu.

Nó có một thẻ bắt đầu <body> và thẻ kết thúc </ body>.

Nội dung phần tử là hai yếu tố HTML khác (<h1> và <p>).

<body> <h1>My First Heading</h1><p>My first paragraph.</p> </body>

<H1> yếu tố xác định một nhóm.

Nó có một thẻ bắt đầu <h1> và thẻ kết thúc </ h1>.

Các nội dung tố là: Tựa đề đầu tiên của tôi.

<h1>My First Heading</h1>
<P> yếu tố xác định một đoạn văn. Nó có một thẻ bắt đầu <p> và thẻ kết thúc </ p>.

Các nội dung tố là: đoạn đầu tiên của tôi.

<p>My first paragraph.</p>

Đừng Quên End Tag

Một số yếu tố HTML sẽ hiển thị một cách chính xác, ngay cả khi bạn quên thẻ kết thúc:

Thí dụ

<html><body> <p>This is a paragraph<p>This is a paragraph </body></html>

Ví dụ trên làm việc trong tất cả các trình duyệt, vì thẻ đóng được coi là tùy chọn.

Không bao giờ dựa vào điều này. Nó có thể tạo ra kết quả bất ngờ và / hoặc lỗi nếu bạn quên thẻ kết thúc.

Phần tử rỗng trong HTML

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

<br> là một phần tử rỗng mà không có một thẻ đóng (tag <br> định nghĩa một dòng break).

phần tử rỗng có thể được "khép kín" trong thẻ mở như thế này: <br />.

HTML5 không yêu cầu phần tử rỗng được đóng lại. Nhưng nếu bạn muốn xác nhận nghiêm khắc hơn, hoặc bạn cần để làm cho tài liệu của bạn có thể đọc được bằng cách phân tích cú pháp XML, bạn nên đóng tất cả các phần tử HTML.

HTML Mẹo: Sử dụng chữ thường khóa

Thẻ HTML không phân biệt chữ thường hay hoa: <P> có nghĩa là giống như <p>.

Các tiêu chuẩn HTML5 không yêu cầu thẻ chữ thường, nhưng WCB khuyến cáo chữ thường trong HTML4, và đòi hỏi chữ thường cho các loại tài liệu chặt chẽ hơn như XHTML.

Bài 4: Định nghĩa các thẻ trong html

Nested HTML Elements

0 Bình luận:

Đăng nhận xét

Recent Comments

Arsip Blog