<h1>HTML</h1>

<h2>Bạn có thể đọc thêm về HTML tại đây:</h2>

<section>
  <details open>
    <summary>HTMl là gì?</summary>
    <p>
      HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. <br /> <br />
Cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web. <br /> <br />
HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp.
HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì.<br /><br /> 
Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999). Sau đó, các nhà phát triển đã thay thế nó bằng XHTML. Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web.
    </p>
  </details>

  <details>
    <summary>Có 4 loại Markup</summary>
    <ol>
      <li>Đánh dấu Có cấu trúc miêu tả mục đích của phần văn bản</li><br />
<li>Đánh dấu trình bày miêu tả phần hiện hình trực quan của phần văn bản bất kể chức năng của nó là gì (ví dụ, <b>boldface</b> sẽ hiển thị đoạn văn bản boldface) (Chú ý là cách dùng đánh dấu trình bày này bây giờ không còn được khuyên dùng mà nó được thay thế bằng cách dùng CSS).</li><br />
<li>Đánh dấu liên kết ngoài chứa phần liên kết từ trang này đến trang kia (ví dụ, <a href="http://www.wikipedia.org/">Wikipedia</a> sẽ hiển thị từ Wikipedia như là một liên kết ngoài đến một URL) cụ thể</li><br />
<li>Các phần tử thành phần điều khiển giúp tạo ra các đối tượng (ví dụ, các nút và các danh sách).</li></ol>
  </details>
  <details>
    <summary>Tách phần nội dung với phần trình bày
    </summary>
    <p>Nỗ lực tách phần nội dung ra khỏi phần hình thức trình bày của trang HTML đã đưa đến sự xuất hiện của các chuẩn mới như XHTML. Các chuẩn này nhấn mạnh vào việc sử dụng thẻ đánh dấu vào việc xác định cấu trúc tài liệu như phần đề mục, đoạn văn, khối văn bản trích dẫn và các bảng, chứ không khuyên dùng các thẻ đánh dấu mang tính chất trình bày trực quan, như Font, <b>(in đậm)</b>, và <i>in nghiêng</i>. <br/><br/>
Những mã mang tính chất trình bày đó đã được loại bỏ khỏi HTML 4.01 Strict và các đặc tả XHTML nhằm tạo điều kiện cho CSS. CSS cung cấp một giải pháp giúp tách cấu trúc HTML ra khỏi phần trình bày của nội dung của nó. Xem phần tách nội dung và trình bày.</p>
  </details>
</section>
/* Only for styling, not required for it to work */
body {
  background-color: lightsteelblue;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

h1 {
  font-size: 3rem;
  color: #fff;
  font-family: "Berkshire Swash", cursive;
  text-align: center;
}

h2 {
  font-size: 1.2rem;
  font-family: sans-serif;
  text-align: center;
}

details {
  margin-bottom: 20px;
  width: 100%;
  font-family: sans-serif;
}

details p {
  padding: 20px;
}

summary {
  padding: 20px;
  background-color: #9fb6ce;
  border: 1px solid #9fb6ce;
  outline: none;
}

summary:hover,
summary:focus {
  border: 1px solid lightslategray;
}

details[open] summary {
  background-color: lightslategray;
  border: 1px solid lightslategray;
}

details[open] {
  background: #fff;
}

section {
  max-width: 80%;
  width: 100%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.