thẻ html 3.1

Nếu bạn đang đọc văn bản này, có thể giả định rằng trong tương lai bạn sẽ làm việc với tư cách là Nhà phát triển Java, hoặc Nhà phát triển Java Full Stack. Bạn sẽ khó viết tài liệu HTML, nhưng bạn sẽ phải đọc chúng thường xuyên . Đây là cách thế giới hoạt động, vì vậy bạn phải tìm ra cách các tài liệu HTML được sắp xếp.

Phần đầu của bất kỳ tài liệu HTML nào là gì? Mỗi tài liệu HTML có cấu trúc bao gồm ba thẻ lồng nhau: html, headbody. Đây là ví dụ tiêu chuẩn:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

Mọi thứ mà trình duyệt hiển thị đều nằm trong thẻ cặp body(nội dung tài liệu). Bên trong thẻ headlà các thẻ có thông tin dịch vụ/phụ trợ cho trình duyệt.

Nó cũng là thông lệ (không bắt buộc) để viết loại tài liệu ở đầu tài liệu - DOCTYPEđể trình phân tích cú pháp hiểu rõ hơn cách diễn giải các lỗi. Nhiều trình duyệt có thể hiển thị chính xác các tài liệu bị hỏng.

Hoặc ngược lại XHTML = XML+HTML, có một tiêu chuẩn trong đó có nhiều quy tắc nghiêm ngặt hơn so với tiêu chuẩn thông thường HTML. Nhưng thông tin đó sẽ hữu ích cho bạn khi bạn quyết định viết trình duyệt của riêng mình hoặc ít nhất là trình duyệt HTML-parser.

3.2 Thẻ đầu

Bên trong thẻ headthường có các thẻ sau: title, meta, style, ...

Thẻ <title> chỉ định tên của tài liệu được hiển thị trong tab trình duyệt.

Thẻ <meta>được sử dụng để đặt thông tin dịch vụ khác nhau. Ví dụ: bạn có thể giúp trình duyệt hiểu mã hóa của tài liệu HTML (nó chứa văn bản thuần túy, nếu bạn nhớ).


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 thẻ body, p, b

Thẻ <body>chứa tất cả văn bản html sẽ được trình duyệt hiển thị. Các thẻ đơn giản nhất để hiển thị tài liệu là: <h1>, <p>, <b>,<br>

<h1>- đây là thẻ cặp, nó cho phép bạn đặt tiêu đề cho trang/bài viết của mình. Nếu bài viết của bạn dài và bạn cần tiêu đề phụ, thì bạn có thể sử dụng thẻ cho trường hợp này <h2>, <h3>v.v.<h6>

Ví dụ:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

Nếu bài viết của bạn lớn và bạn muốn làm cho nó dễ đọc hơn bằng cách chia nó thành các đoạn, thì bạn sẽ cần một thẻ cặp <p>(từ đoạn văn) cho việc này. Chỉ cần bọc văn bản trong các thẻ <p></p>trình duyệt sẽ hiển thị nó dưới dạng một đoạn riêng biệt.

Chú ý! Trình duyệt sẽ bỏ qua ngắt dòng và/hoặc khoảng trắng thừa trong văn bản của bạn. Nếu bạn muốn thêm dấu ngắt dòng, hãy chèn một thẻ <br>(từ dòng br eak) vào văn bản.

Chà, phần tốt nhất là làm nổi bật văn bản in đậm. Nếu bạn muốn in đậm văn bản, hãy bọc nó trong thẻ <b> </b>(từ b cũ).