HocKhaThư viện lời giải bài tập

Giải Tin học 12 - Định hướng khoa học máy tính trang 42

Lời giải chi tiết SGK Lớp 12 · Môn Tin Học · Trang 42–43

Tóm tắt lý thuyết

Trang web là các tệp văn bản có đuôi .html hoặc .htm. Nội dung gồm hai phần: phần văn bản (text) và các thẻ đánh dấu nằm trong cặp dấu < >.

a) Thẻ đánh dấu HTML (tag)

  • Là thành phần chính tạo nên ngôn ngữ đánh dấu siêu văn bản.
  • Mỗi thẻ có tên riêng, viết trong cặp < >.
  • Thường gồm thẻ bắt đầu và thẻ kết thúc (thẻ kết thúc thêm dấu /).
ThẻÝ nghĩaHTML codeHiển thị
pĐoạn văn bản

Đây là đoạn văn bản.

Đây là đoạn văn bản.
h1Tiêu đề mức 1

Đây là tiêu đề 1

Đây là tiêu đề 1

Những điểm cần nhớ:

  • Tên thẻ không phân biệt hoa thường, nhưng nên viết chữ thường.
  • Các thẻ có thể lồng nhau:

    Trang này được lập bởi nhóm bạn bè thân thiết

    .
  • Thẻ có thể mang thuộc tính:

    This is a paragraph.

    .
  • Có thẻ đôi (như

    ) và thẻ đơn (như
    ,
    ).
  • HTML không nhận nhiều dấu cách liên tiếp hay phím Enter khi soạn thảo.

b) Phần tử HTML (element)

  • Gồm thẻ bắt đầu + nội dung + thẻ kết thúc.
  • Dòng không phải phần tử HTML.
  • Chú thích có dạng .

Ghi nhớ: Trang web viết bằng ngôn ngữ HTML. Mỗi phần tử HTML gồm nội dung được đánh dấu bởi các thẻ. Trình duyệt hiển thị nội dung theo đúng định dạng đó.

Bài tập trong ảnh

Câu 1: Tệp văn bản trong Hình 7.1 có bao nhiêu phần tử HTML?

Hình 7.1 nằm ở trang trước nên cô không thấy trực tiếp trong ảnh. Tuy nhiên cấu trúc của nó giống hệt tệp newpage.html ở Hình 7.2 (cùng các thẻ , </code>, <code><body></code>, <code><h1></code>, <code><p></code>, <code><div></code>). Cô hướng dẫn cách đếm và áp dụng cho tệp <code>newpage.html</code> để em đối chiếu.</p> <p>Cách đếm: mỗi cặp thẻ (hoặc thẻ đơn) tính là một phần tử, KHÔNG tính dòng <code><!DOCTYPE html></code>.</p> <p>Liệt kê các phần tử trong <code>newpage.html</code>:</p> <div class="table-wrap"><table><thead><tr><th>STT</th><th>Phần tử</th><th>Loại</th></tr></thead><tbody><tr><td>1</td><td><code><html>...</html></code></td><td>thẻ đôi</td></tr><tr><td>2</td><td><code><head>...</head></code></td><td>thẻ đôi</td></tr><tr><td>3</td><td><code><meta charset="utf-8"></code></td><td>thẻ đơn</td></tr><tr><td>4</td><td><code><title>...thẻ đôi5...thẻ đôi6

...
thẻ đôi7

...

thẻ đôi8

Đây là dòng đầu tiên

thẻ đôi9
thẻ đơn10

Đây là dòng cuối cùng

thẻ đôi11

.........

thẻ đôi12nhóm bạn bèthẻ đôi

Đáp án: có 12 phần tử HTML.

Giải thích: chỉ là dòng khai báo kiểu tệp, không phải phần tử nên không đếm. Các thẻ đơn (,

) vẫn được tính là một phần tử.

Câu 2: Nêu sự giống và khác nhau giữa thẻ HTML và phần tử HTML.

Giống nhau:

Khác nhau:

Tiêu chíThẻ HTML (tag)Phần tử HTML (element)
Khái niệmLà kí hiệu đánh dấu trong cặp < >Là toàn bộ: thẻ bắt đầu + nội dung + thẻ kết thúc
Phạm viChỉ là một dấu mốc (mở hoặc đóng)Bao gồm cả nội dung bên trong
Ví dụ

và

Đây là đoạn văn bản.

Cách hiểu đơn giản: thẻ giống như "dấu mở ngoặc/đóng ngoặc", còn phần tử là cả "khối nội dung nằm giữa hai dấu đó cùng với hai dấu đó". Riêng thẻ đơn (như

) thì bản thân nó cũng được coi là một phần tử.

Hoạt động 2: Cấu trúc cơ bản của một tệp HTML

Đề: Quan sát tệp newpage.html, em có nhận xét gì về cấu trúc chung của một trang web?

Nhận xét về cấu trúc chung:

  1. Dòng đầu tiên luôn là để khai báo đây là tệp HTML.
  2. Toàn bộ nội dung nằm trong cặp ... — đây là phần tử gốc bao ngoài cùng.
  3. Bên trong chia thành hai phần chính, rời nhau: