2.1 Giới thiệu về thẻ
HTML-documentsViệc đánh dấu dựa trên thẻ . Thẻ là gì ?
Thẻ được phát minh từ những năm 70 để mọi người có thể thêm thông tin dịch vụ vào tài liệu cho các chương trình xử lý các tài liệu này.
Tag- đây là một từ khóa (chức năng), thường xuyên nhất trong tiếng Anh, được đóng khung trong ngoặc nhọn (ký tự nhiều hơn và ít hơn) để các chương trình không nhầm lẫn các thẻ và từ thông thường trong tiếng Anh.
Thẻ cũng có thể chứa các thông tin dịch vụ khác nhau có thể hữu ích cho chương trình xử lý tài liệu.
Văn bản mẫu có thẻ:
<a href="http://codegym.cc/about">
Link to something interesting
</a>Trong ví dụ này, chúng ta thấy văn bản, thẻ "a" cũng như thông tin dịch vụ - thuộc tính thẻ. Dưới đây bạn sẽ tìm hiểu thêm về họ.
2.2 Các loại thẻ: mở, đóng, thẻ trống
Thẻ có nhiều loại khác nhau. Đầu tiên, chúng là đơn và đôi. Phổ biến nhất là các thẻ được ghép nối . Và như bạn có thể đã đoán, chúng luôn đi theo cặp. Chúng còn được gọi là mở và đóng.
Thẻ mở đầu chỉ là từ khóa trong ngoặc tam giác. Ví dụ:
<h1>Thẻ đóng tương tự như thẻ mở nhưng từ khóa đứng trước dấu gạch chéo. Ví dụ:
</h1>Thẻ mở có thể chứa thông tin dịch vụ - thuộc tính, thẻ đóng - không . Thẻ bắt đầu luôn là thẻ đầu tiên của một cặp. Thẻ đóng KHÔNG được đặt trước trong văn bản, sau đó mới đến thẻ mở. Điều này HTML-documentsẽ không hợp lệ.
Thẻ đơn không có thẻ đóng. Danh sách các thẻ như vậy được xác định bởi HTML-standard. Ví dụ về các thẻ như vậy:
<br>- ngắt dòng;<img>- hình ảnh.
Nhân tiện, một thẻ ghép nối, nếu nó không chứa thông tin bên trong, có thể được viết dưới dạng viết tắt . Ví dụ:
<h1/>Đây không phải là thẻ đơn mà là thẻ cặp trống. Nó giống như cả thẻ đóng và thẻ mở cùng một lúc. Nó khác với thẻ đóng ở chỗ dấu gạch chéo nằm ở cuối (trước dấu ngoặc tam giác thứ hai).
2.3 Cây nhãn
Và nhiều thông tin quan trọng hơn về các thẻ được ghép nối. Có thể có nhiều trong số chúng trong một tài liệu và chúng có thể được lồng vào nhau. Nó có nghĩa là gì? Điều này có nghĩa là bất kỳ văn bản nào bên trong HTML-documentđều có thể được đóng khung (bao bọc) bằng các thẻ, ngay cả khi nó chứa các thẻ khác. Ví dụ:
<html>
plain text
<a href="http://codegym.cc/about">
Link to something interesting
</a>
some other text
</html>Nói một cách đại khái, một chuỗi các thẻ có thể xuất hiện trong văn bản html:
<h1> <h2> </h2> </h1>Nhưng nó không thể là:
<h1> <h2> </h1> </h2>Nếu thẻ bắt đầu <h2>nằm trong một <h1>cặp -tag, thì thẻ kết thúc phù hợp của nó </h2>cũng phải nằm trong một <h1>cặp -tag.
Do đó, tất cả các thẻ tài liệu tạo thành một loại cây thẻ . Đầu tiên là thẻ cấp cao nhất bao bọc toàn bộ tài liệu, thường được gọi là <html>, nó có các cặp thẻ con, chúng có cặp thẻ riêng, v.v.
Trên thực tế, chương trình xử lý tài liệu có thẻ nhìn thấy nó chính xác như vậy - như một cây thẻ với một số văn bản bên trong.
2.4 Thuộc tính
Thông tin về các thẻ sẽ không đầy đủ nếu chúng ta không nói về các thuộc tính. Các thẻ đơn và thẻ bắt đầu của các thẻ được ghép nối có thể có . Các thuộc tính này chứa thông tin hữu ích về nội dung của thẻ.
Một thẻ có thể chứa nhiều thuộc tính và chúng có dạng chung như sau:
<tag name1="value1" name2="value2">Mỗi thuộc tính được chỉ định là một cặp Namevà meaning. Có thể có bất kỳ số lượng thuộc tính.
«<»Nhưng một lập trình viên có kinh nghiệm sẽ ngay lập tức đặt câu hỏi: phải làm gì nếu bạn cần sử dụng văn bản chứa các ký tự hoặc «>»dấu ngoặc kép làm giá trị thuộc tính ?
| Tên ký hiệu | Biểu tượng | mục nhập HTML |
|---|---|---|
| dấu ngoặc kép | " | " |
| dấu và | & | & |
| Ít hơn biểu tượng | < | < |
| Thêm biểu tượng | > | > |
| Không gian | ||
| báo giá duy nhất | ' | ' |