In the first article of this series, we looked at the first element of the element, the HTML head tag. In this article, we will explain what the HTML body tag is and what it is used for.
Thẻ nội dung HTML là gì?
The HTML body element is the container for the content of an HTML document. It must be the second element of the element and follows the head element. Each HTML document can only contain one body element.
Thẻ nội dung HTML được sử dụng để làm gì?
Nội dung của tài liệu HTML có thể có nhiều dạng khác nhau. Tất cả các trang web chứa văn bản. Hầu hết các trang web cũng chứa hình ảnh. Một số trang web cũng chứa video và âm thanh. Trong bài viết này, chúng ta sẽ xem xét cách văn bản có thể được sử dụng trong một trang web
Chữ
On the most basic level, text can be used as a heading or a paragraph. Headings are used to give structure to the content. There are six headings from
to . is used as the main heading. Each page should only contain one . is used as a subheading, and to are used as sub-subheadings. It is possible to have multiple sub- and sub-subheadings. This article uses two headings, each followed by a paragraph, and multiple headings, also each followed by a paragraph. Always use the next heading in the hierarchy, and don’t “jump over” one type of heading. This will look strange on the rendered page. But more importantly, it will confuse readers who rely on screen readers to access the content of your page. They will think they missed some content.
. is used as a subheading, and to are used as sub-subheadings. It is possible to have multiple sub- and sub-subheadings. This article uses two headings, each followed by a paragraph, and multiple headings, also each followed by a paragraph. Always use the next heading in the hierarchy, and don’t “jump over” one type of heading. This will look strange on the rendered page. But more importantly, it will confuse readers who rely on screen readers to access the content of your page. They will think they missed some content.
to are used as sub-subheadings. It is possible to have multiple sub- and sub-subheadings. This article uses two headings, each followed by a paragraph, and multiple headings, also each followed by a paragraph. Always use the next heading in the hierarchy, and don’t “jump over” one type of heading. This will look strange on the rendered page. But more importantly, it will confuse readers who rely on screen readers to access the content of your page. They will think they missed some content.
headings, also each followed by a paragraph. Always use the next heading in the hierarchy, and don’t “jump over” one type of heading. This will look strange on the rendered page. But more importantly, it will confuse readers who rely on screen readers to access the content of your page. They will think they missed some content.
In some cases, it is recommended to use the
Microsoft retires Internet Explorer
On June 15, 2022, Internet Explorer was officially retired and is out of support. Users will be progressively redirected to Microsoft's new browser, Microsoft Edge. At a future date, Internet Explorer will be permanently disabled.
danh sách
Một tùy chọn khác để cung cấp cấu trúc cho nội dung là sử dụng danh sách. Có ba dạng danh sách trong HTML. danh sách không có thứ tự, danh sách có thứ tự và danh sách lồng nhau.
danh sách không có thứ tự
Trong một danh sách không có thứ tự, thứ tự của các mục trong danh sách không quan trọng. Một ví dụ điển hình là danh sách mua sắm
- Peanut butter
- Coconut oil
- Eggs
danh sách có thứ tự
Danh sách có thứ tự được sử dụng khi thứ tự của các mục quan trọng, e. g. trong công thức nấu ăn hoặc bất kỳ hình thức hướng dẫn
- Add 15g fine grind coffee to your Aeropress
- Add 60 - 70 g room temperature water
- Stirr for 1 minute
- Press for 1 minute
- Dilute with ice water for your own taste
Danh sách có thứ tự sử dụng số theo mặc định và bắt đầu từ 1. Nếu bạn muốn bắt đầu danh sách ở một số khác, bạn có thể thêm thuộc tính bắt đầu với số mong muốn vào thẻ ol
Để thay đổi số lượng của một mục riêng lẻ trong danh sách, hãy thêm thuộc tính giá trị vào mục đó. Số lượng của tất cả các mục bên dưới mục này sẽ được tính toán lại
- Head north on Main St
- Turn left after 200m
- Turn right after 500m
- The school is to your right
Nếu vì lý do nào đó bạn muốn hiển thị danh sách có thứ tự theo thứ tự đảo ngược thì bạn thêm thuộc tính Boolean Reverse vào thẻ ol. Giá trị mặc định của nó là Sai, vì vậy bạn chỉ phải thêm nó nếu muốn đảo ngược danh sách
danh sách lồng nhau
Có thể đặt một danh sách bên trong một danh sách khác. Trong hầu hết các trường hợp, một danh sách không có thứ tự sẽ được đặt bên trong một danh sách có thứ tự
- Get up
- Shower and dress
- Go to the grocery to buy:
- Coffee beans
- Eggs
- Return home
- Make breakfast
liên kết
One of the most defining attributes of an HTML document is being able to easily link to other HTML documents. For this, we use the tag in combination with the href attribute to define the link’s destination. Without further attributes, the linked page will be opened in the current browser window. To improve the user experience, the linked page should be opened in a new browser tab by using the target attribute with the value _blank. To prevent the linked page from ‘knowing’ from which page the user came, the rel attribute with the value noreferrer can be used. To display a user friendly name instead of the complete and often long URL, put the name to be displayed between the opening and closing a tag:
target="blank" rel="noreferrer" Wikipedia
Những cái bàn
Tables are the best choice for displaying tabular data, i.e. data contained within rows and columns. To create a table that is easy to read and understand, several elements are needed. The complete table is placed inside the
tag. It is possible to define headers for each row. This makes screen readers read out the entire row at once, and further improves accessibility. 0chân bànThe table foot contains footer content. It can either be placed beneath the table head or beneath the table body. It is placed inside a tag. 1Các hình thứcBiểu mẫu được sử dụng để thu thập và gửi đầu vào của người dùng. Một ví dụ rất đơn giản là một biểu mẫu nơi người dùng nhập địa chỉ email của họ vào trường nhập và gửi dữ liệu đó để nhận bản tin hoặc nhập quà tặng. Các dạng phức tạp hơn, e. g. một mẫu đơn, thu thập các loại dữ liệu khác nhau. tên và địa chỉ, email, ngày sinh, mật khẩu, tệp đính kèm, v.v. Hãy xây dựng một hình thức rất đơn giản. Biểu mẫu được đặt bên trong thẻ biểu mẫu. Thuộc tính hành động xác định nơi dữ liệu sẽ được gửi. Thuộc tính phương thức chỉ định cách dữ liệu sẽ được gửi. “NHẬN” nối dữ liệu biểu mẫu vào URL và cho phép người dùng đánh dấu kết quả. Ví dụ là các truy vấn tìm kiếm. Nó không bao giờ được sử dụng cho dữ liệu nhạy cảm, bởi vì tất cả dữ liệu đã gửi sẽ được hiển thị trong URL. “POST” nối thêm dữ liệu biểu mẫu bên trong phần thân của yêu cầu HTTP. Dữ liệu không được hiển thị trong URL và nội dung gửi không thể được đánh dấu 2Mọi dạng dữ liệu chúng tôi có thể thu thập đều có một loại đầu vào, e. g. văn bản, số, mật khẩu hoặc email. Hãy yêu cầu người dùng của chúng tôi cung cấp cho chúng tôi địa chỉ email của họ. Chúng tôi cũng sẽ đặt tên và id cho trường, cả hai đều có cùng giá trị. Để hiển thị cho người dùng một ví dụ về đầu vào dự kiến, chúng tôi sử dụng thuộc tính placeholder. Bằng cách đặt thuộc tính bắt buộc, không thể gửi biểu mẫu nếu không có giá trị trong trường 3Ngoài [hoặc thay vì] thuộc tính trình giữ chỗ, chúng ta cũng có thể thêm nhãn để làm rõ trường này dùng để làm gì. Thuộc tính for phải sử dụng giá trị từ thuộc tính id. Nếu bạn muốn hiển thị nhãn trước rồi đến trường nhập, hãy thêm phần tử nhãn trước phần tử nhập. 4Tất cả những gì cần thiết bây giờ để hoàn thành biểu mẫu này là một nút gửi 5Với cấu trúc cơ bản này, bạn có thể tạo các biểu mẫu phức tạp với nhiều loại và thuộc tính đầu vào để tùy chỉnh theo nhu cầu của mình. Các nguồn tốt để tìm hiểu thêm về các loại và thuộc tính đầu vào là w3schools. tài liệu web com và MDN Học HTML cơ bản miễn phíNếu bạn muốn tìm hiểu một số HTML cơ bản miễn phí, hãy thử Thử thách viết mã trong 5 ngày của chúng tôi. Chỉ sau một giờ mỗi ngày trong năm ngày, bạn sẽ học những kiến thức cơ bản về HTML, CSS và JavaScript. Bạn sẽ xây dựng trang web đầu tiên của mình khi kết thúc khóa học ngắn hạn miễn phí này. Thẻ body có quan trọng không?Thẻ Body là một thành phần quan trọng chứa tất cả nội dung hiển thị trên trang web trong trình duyệt. Nó phải được điền chính xác để trang có thể nhìn thấy và được xếp hạng thành công trong các công cụ tìm kiếm.
Email HTML có cần thẻ body không?Phụ thuộc hoàn toàn vào ứng dụng email nhận được nó . Theo kinh nghiệm của tôi, hầu hết các ứng dụng email sẽ diễn giải HTML không quan tâm nếu bạn có các thẻ body/head/html đầy đủ, v.v. Trên thực tế, bạn thậm chí không cần những thẻ đó cho hầu hết các trình duyệt. Bạn cần có các thẻ đầu để bao gồm kiểu/tiêu đề, v.v.
Những yếu tố nào là bắt buộc trong một phần tử HTML?Mọi tài liệu HTML phải có phần tử TITLE trong phần HEAD. Tác giả nên sử dụng phần tử TITLE để xác định nội dung của tài liệu. Vì người dùng thường tham khảo các tài liệu ngoài ngữ cảnh, tác giả nên cung cấp các tiêu đề giàu ngữ cảnh. Chủ Đề |