Làm thế nào để bạn viết các thẻ html?
|
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 Vậy HTML là gì?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 Cấu tạo của một phần tử HTMLHãy khám phá yếu tố đoạn văn này hơn 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, Cá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ự các phần tử lồng nhauBạ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ử ________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ử Cá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 đó yếu tố trốngMộ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ử Thuộc tính này chứa hai thuộc tính, nhưng không có thẻ đóng Cấu tạo của một tài liệu HTMLĐ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ụ Ở đây, chúng tôi có những điều sau đây
Hình ảnhHãy chuyển sự chú ý của chúng ta sang phần tử Như 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 Chúng tôi cũng đã bao gồm thuộc tính
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 Đánh dấu văn bảnPhầ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 tiêu đề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, - |
