Phần đầu và phần cuối của tài liệu HTML là gì?
HTML (Ngôn ngữ đánh dấu siêu văn bản) là mã được sử dụng để cấu trúc một trang web và nội dung của nó. Ví dụ: nội dung có thể được cấu trúc trong một tập hợp các đoạn văn, danh sách các dấu đầu dòng hoặc sử dụng hình ảnh và bảng dữ liệu. Như tiêu đề đã gợi ý, bài viết này sẽ cung cấp cho bạn những hiểu biết cơ bản về HTML và các chức năng của nó Show HTML là ngôn ngữ đánh dấu xác định cấu trúc nội dung của bạn. HTML bao gồm một loạt các phần tử mà bạn sử dụng để bao bọc hoặc bọc các phần khác nhau của nội dung để làm cho nội dung xuất hiện theo một cách nhất định hoặc hoạt động theo một cách nhất định. Các thẻ kèm theo có thể tạo một siêu liên kết từ hoặc hình ảnh đến một nơi khác, có thể in nghiêng các từ, có thể làm cho phông chữ lớn hơn hoặc nhỏ hơn, v.v. Ví dụ: lấy dòng nội dung sau My cat is very grumpy Nếu chúng tôi muốn dòng đứng một mình, chúng tôi có thể chỉ định rằng đó là một đoạn văn bằng cách đặt nó trong các thẻ đoạn văn
Hãy khám phá yếu tố đoạn văn này một chút nữa Các phần chính của phần tử của chúng tôi như sau
Các phần tử cũng có thể có các thuộc tính giống như sau Các thuộc tính chứa thông tin bổ sung về phần tử mà bạn không muốn xuất hiện trong nội dung thực tế. Ở đây, 4 là tên thuộc tính và 5 là giá trị thuộc tính. Thuộc tính 4 cho phép bạn cung cấp cho phần tử một mã định danh không phải duy nhất có thể được sử dụng để nhắm mục tiêu nó (và bất kỳ phần tử nào khác có cùng giá trị 4) với thông tin kiểu dáng và những thứ khác. Một số thuộc tính không có giá trị, chẳng hạn như 8Các thuộc tính đặt giá trị luôn có
Ghi chú. Các giá trị thuộc tính đơn giản không chứa khoảng trắng ASCII (hoặc bất kỳ ký tự nào trong số các ký tự 9 0 1 2 3 4) có thể không được trích dẫn, nhưng bạn nên trích dẫn tất cả các giá trị thuộc tính vì điều này làm cho mã nhất quán và dễ hiểu hơnBạn cũng có thể đặt các phần tử bên trong các phần tử khác — điều này được gọi là lồng nhau. Nếu chúng ta muốn nói rằng con mèo của chúng ta rất gắt gỏng, chúng ta có thể bọc từ "rất" trong phần tử 5, có nghĩa là từ này sẽ được nhấn mạnh________số 8 Tuy nhiên, bạn cần đảm bảo rằng các phần tử của bạn được lồng vào nhau đúng cách. Trong ví dụ trên, chúng tôi đã mở phần tử 6 trước, sau đó là phần tử 5; . Điều sau đây là không chính xác 9Các yếu tố phải mở và đóng chính xác để chúng rõ ràng bên trong hoặc bên ngoài nhau. Nếu chúng chồng lên nhau như minh họa ở trên, thì trình duyệt web của bạn sẽ cố gắng đoán đúng nhất những gì bạn đang cố nói, điều này có thể dẫn đến kết quả không mong muốn. Vì vậy, đừng làm điều đó Một số phần tử không có nội dung và được gọi là phần tử void. Lấy phần tử 90 mà chúng tôi đã có trong trang HTML của mình 1Thuộc tính này chứa hai thuộc tính, nhưng không có thẻ đóng 91 và không có nội dung bên trong. Điều này là do một phần tử hình ảnh không bao bọc nội dung để ảnh hưởng đến nó. Mục đích của nó là nhúng một hình ảnh vào trang HTML ở vị trí nó xuất hiệnĐiều đó kết thúc những điều cơ bản của các thành phần HTML riêng lẻ, nhưng chúng không tiện dụng khi sử dụng riêng lẻ. Bây giờ chúng ta sẽ xem cách các phần tử riêng lẻ được kết hợp để tạo thành toàn bộ trang HTML. Hãy xem lại mã mà chúng ta đã đưa vào ví dụ 92 (lần đầu tiên chúng ta gặp trong bài viết Xử lý tệp) 4Ở đây, chúng tôi có những điều sau đây
Hãy chuyển sự chú ý của chúng ta sang phần tử 90 một lần nữa 1Như chúng tôi đã nói trước đây, nó nhúng một hình ảnh vào trang của chúng tôi ở vị trí mà nó xuất hiện. Nó thực hiện điều này thông qua thuộc tính 16 (nguồn), chứa đường dẫn đến tệp hình ảnh của chúng tôiChúng tôi cũng đã bao gồm thuộc tính 17 (thay thế). Trong phần , bạn chỉ định văn bản mô tả cho người dùng không thể nhìn thấy hình ảnh, có thể do các lý do sau
Các từ khóa cho văn bản thay thế là "văn bản mô tả". Văn bản thay thế bạn viết phải cung cấp cho người đọc đủ thông tin để hiểu rõ những gì hình ảnh truyền tải. Trong ví dụ này, văn bản hiện tại của chúng tôi về "Hình ảnh thử nghiệm của tôi" không tốt chút nào. Một sự thay thế tốt hơn nhiều cho logo Firefox của chúng tôi sẽ là "The Firefox logo. một con cáo lửa bao quanh trái đất. " Thử nghĩ ra một số văn bản thay thế tốt hơn cho hình ảnh của bạn ngay bây giờ Ghi chú. Tìm hiểu thêm về khả năng tiếp cận trong mô-đun tìm hiểu về khả năng tiếp cận của chúng tôi Phần này sẽ đề cập đến một số phần tử HTML cần thiết mà bạn sẽ sử dụng để đánh dấu văn bản Heading elements allow you to specify that certain parts of your content are headings — or subheadings. In the same way that a book has the main title, chapter titles, and subtitles, an HTML document can too. HTML contains 6 heading levels, - |