Giải Hoạt động 1 trang 40 SGK Tin học 12

Lời giải

Nhận xét về mã nguồn của trang web (Hình 7.1)

a) Về cách trình duyệt hiển thị trang web

Những gì em thấy trên trình duyệt (tiêu đề in đậm "Trang Web và HTML", đường kẻ ngang, hai dòng chữ "Đây là dòng đầu tiên" và "Đây là dòng cuối cùng") thực chất đều được sinh ra từ nội dung của *tệp văn bản nguồn* ở phần b). Trình duyệt (Cốc Cốc, Firefox, Chrome, …) đọc tệp văn bản nguồn này, "dịch" rồi hiển thị thành trang web mà ta nhìn thấy.

b) Về cấu trúc của tệp văn bản nguồn

- Tệp nguồn là một tệp văn bản thuần (chỉ gồm các kí tự), được viết bằng ngôn ngữ đánh dấu siêu văn bản HTML (HyperText Markup Language).
- Nội dung được tạo nên từ các thẻ (tag) đặt trong cặp dấu ngoặc nhọn `< >`, ví dụ `<html>`, `<head>`, `<title>`, `<body>`, `<div>`, `<h1>`, `<p>`, `<hr>`.
- Phần lớn các thẻ đi thành cặp: thẻ mở `<p>` và thẻ đóng `</p>` (thẻ đóng có thêm dấu `/`); phần nội dung cần định dạng được đặt giữa cặp thẻ đó. Một số thẻ là thẻ đơn, không có thẻ đóng, như `<hr>` (vẽ đường kẻ ngang).
- Các thẻ cho biết ý nghĩa/vai trò của từng phần nội dung chứ không phải là nội dung hiển thị: `<h1>` → tiêu đề (hiển thị chữ to, in đậm), `<p>` → một đoạn văn bản, `<hr>` → một đường kẻ ngang. Nhờ đó dòng "Trang Web và HTML" được hiện to đậm, còn hai câu kia hiện như các đoạn văn thường.
- Mã nguồn có cấu trúc phân cấp (lồng nhau): thẻ `<html>` chứa `<head>` và `<body>`; trong `<body>` có `<div>`; trong `<div>` lại chứa `<h1>`, `<p>`, `<hr>`. Phần đầu tệp có dòng khai báo `<!DOCTYPE html>` cho biết đây là tài liệu HTML.
- Nội dung được chia hai phần: `<head>` (chứa thông tin về trang, như `<title>` là tên hiển thị trên thanh tiêu đề của trình duyệt — *không* hiện trong thân trang) và `<body>` (chứa nội dung được hiển thị trong trang).
- Trong tệp còn có chú thích đặt giữa `<!--` và `-->` (ví dụ `<!-- dòng kẻ ngang -->`); phần này giúp người viết ghi chú, không được hiển thị ra trang web.

Kết luận: Mã nguồn của trang web là một tệp văn bản viết bằng HTML, dùng các thẻ đánh dấu lồng nhau để mô tả cấu trúc và ý nghĩa của nội dung; trình duyệt đọc tệp này rồi hiển thị thành trang web tương ứng.

Đáp số