No Comments Các khái niệm về website

HTML (HyperText Markup Language) là ngôn ngữ đánh dấu được sử dụng để tạo cấu trúc và nội dung cho các trang web. HTML không phải là ngôn ngữ lập trình mà là ngôn ngữ đánh dấu, trong đó các thẻ (tags) được sử dụng để tổ chức văn bản, hình ảnh, liên kết, biểu mẫu, và các yếu tố khác trên một trang web.

Các thành phần cơ bản của HTML:

  1. Thẻ HTML:
    • HTML sử dụng các thẻ để phân định các phần tử của trang web. Mỗi thẻ HTML thường bao gồm một thẻ mở và thẻ đóng, với nội dung ở giữa:
      html
      <tagname>Content</tagname>

      Ví dụ:

      html
      <p>This is a paragraph.</p>
    • Một số thẻ không cần thẻ đóng, gọi là thẻ tự đóng:
      html
      <img src="image.jpg" alt="Description">
  2. Cấu trúc của một tài liệu HTML: Mỗi tài liệu HTML cơ bản có các phần tử chính sau:
    html
    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    <h1>Heading 1</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>
    • <!DOCTYPE html>: Khai báo loại tài liệu và phiên bản HTML (HTML5).
    • <html>: Thẻ chứa toàn bộ nội dung của tài liệu HTML.
    • <head>: Chứa các thông tin không hiển thị trực tiếp trên trang, như tiêu đề trang, liên kết đến tệp CSS, JavaScript, hoặc metadata.
    • <body>: Chứa tất cả các nội dung hiển thị trên trang, như văn bản, hình ảnh, liên kết, biểu mẫu.
  3. Các thẻ HTML phổ biến:
    • Tiêu đề: Các thẻ tiêu đề từ <h1> đến <h6> được sử dụng để xác định các tiêu đề trong trang web.
      html
      <h1>This is the main heading</h1>
      <h2>This is a subheading</h2>
    • Đoạn văn: Sử dụng thẻ <p> để tạo các đoạn văn.
      html
      <p>This is a paragraph of text.</p>
    • Liên kết: Sử dụng thẻ <a> để tạo liên kết.
      html
      <a href="https://example.com">Visit Example</a>
    • Hình ảnh: Thẻ <img> để chèn hình ảnh.
      html
      <img src="image.jpg" alt="Description">
    • Danh sách: Có hai loại danh sách:
      • Danh sách có thứ tự (Ordered list) sử dụng thẻ <ol>:
        html
        <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        </ol>
      • Danh sách không thứ tự (Unordered list) sử dụng thẻ <ul>:
        html
        <ul>
        <li>Item A</li>
        <li>Item B</li>
        </ul>
  4. Thuộc tính HTML: Các thẻ HTML có thể có thuộc tính để cung cấp thêm thông tin về phần tử. Thuộc tính được viết trong thẻ mở và thường có dạng:
    html
    <tagname attribute="value">Content</tagname>

    Ví dụ:

    html
    <a href="https://example.com" target="_blank">Visit Example</a>
  5. Biểu mẫu (Forms): Biểu mẫu được sử dụng để thu thập dữ liệu từ người dùng. Các phần tử như hộp văn bản, nút chọn, và nút bấm được sử dụng trong biểu mẫu:
    html
    <form action="/submit" method="post">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="Submit">
    </form>

Phiên bản HTML:

  • HTML5 là phiên bản mới nhất và được sử dụng rộng rãi nhất hiện nay, với nhiều tính năng cải tiến như hỗ trợ đa phương tiện (audio, video), các API mạnh mẽ, và dễ dàng sử dụng hơn.

Vai trò của HTML trong web:

  • HTML tạo ra cấu trúc của trang web, cho phép trình duyệt hiểu và hiển thị nội dung một cách chính xác.
  • Kết hợp với CSS để tạo giao diện đẹp mắt và JavaScript để thêm tính năng tương tác, HTML tạo nên các trang web hiện đại mà chúng ta thấy ngày nay.
Đánh giá post