BÀI 1 - LÀM QUEN VỚI NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN (CÁNH DIỀU

Bài 1 - Làm quen với ngôn ngữ đánh dấu siêu văn bản (Cánh diều - cs & ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 35):

Theo em, có ngôn ngữ chuyên dụng dùng để tạo trang web không?

Gợi ý trả lời:

Có nhiều ngôn ngữ chuyên dụng được sử dụng để tạo trang web, từ việc xây dựng cấu trúc (HTML), định nghĩa kiểu dáng (CSS), thêm tính năng động (JavaScript), đến quản lý dữ liệu (SQL) và lập trình logic phía máy chủ (PHP, Python, v.v.). Sự kết hợp các ngôn ngữ này giúp tạo ra các trang web hiện đại, đáp ứng nhu cầu sử dụng và tương tác của người dùng.

Hoạt động (trang 35):

Em hãy cho biết các thành phần trong trang chủ của website minh hoạ ở Hình 1.

Gợi ý trả lời:

Các thành phần trong trang chủ của website minh hoạ ở Hình 1 gồm: Header (đầu trang), Menu điều hướng, Nội dung chính, Cột thông tin phụ, Thanh thông báo, và Footer (chân trang).

Vận dụng (trang 39):

Hãy truy cập website trường em và cho biết cấu trúc văn bản HTML của trang chủ website này.

Gợi ý trả lời:

Cấu trúc văn bản HTML của trang chủ website Trường THPT Quốc Thái:

Câu hỏi tự kiểm tra (trang 39):

Câu 1. Trong các khai báo cấu trúc văn bản HTML sau, khai báo nào đúng cú pháp?

Câu 2. Mỗi phát biểu sau đây về mục đích sử dụng của các phần tử là đúng hay sai?
a) Phần từ body dùng để khai báo phần nội dung sẽ hiển thị trên màn hình cửa sổ trình duyệt web.
b) Phần tử head dùng để khai báo thông tin về cấu trúc của trang web.
c) Phần tử title dùng để khai báo tiêu đề và thông tin tác giả soạn trang web.
d) Phần tử html để khai báo cấu trúc và nội dung của trang web.
Câu 3. Dưới đây là văn bản HTML do bạn Thiên Phúc soạn để tạo trang web nhưng có một số thẻ bị viết sai cú pháp. Em hãy tìm các lỗi cú pháp giúp Thiên Phúc.

Gợi ý trả lời:

Câu 1. Khai báo đúng cú pháp là A
A. <html><head><title></title> </head><body></body></html>
Câu 2.
a) Phần tử body dùng để khai báo phần nội dung sẽ hiển thị trên màn hình cửa sổ trình duyệt web. → Đúng – Phần tử <body> chứa toàn bộ nội dung hiển thị trên trang web, bao gồm văn bản, hình ảnh, video, liên kết, v.v.
b) Phần tử head dùng để khai báo thông tin về cấu trúc của trang web. → Sai – Phần tử <head> chứa thông tin siêu dữ liệu về trang web (metadata), như tiêu đề (<title>), liên kết đến file CSS, mã JavaScript, và các thẻ meta. Nó không định nghĩa cấu trúc của trang web.
c) Phần tử title dùng để khai báo tiêu đề và thông tin tác giả soạn trang web. → Sai – Phần tử <title> chỉ dùng để định nghĩa tiêu đề của trang web, hiển thị trên tab trình duyệt.Thông tin về tác giả thường được đặt trong thẻ <meta name="author" content="Tên tác giả"> trong phần <head>. d) Phần tử html để khai báo cấu trúc và nội dung của trang web. → Đúng – Phần tử <html> là phần tử gốc, bao bọc toàn bộ nội dung của trang web, bao gồm cả <head> (chứa metadata) và <body> (chứa nội dung hiển thị).
Câu 3. Các lỗi cú pháp như sau:
- Lỗi 1: Sai cú pháp của thẻ <meta>
<meta charset = “utf-8”></meta> (sai)
<meta charset="utf-8"> (sửa lại)
- Lỗi 2: Thẻ không được đóng đúng
 Thiên Phúc học tạo trang web. (sai)
Thiên Phúc học tạo trang web. (sửa lại)
- Lỗi 3: Thẻ không hợp lệ trong <body>
<body/> (sai)
</body>(sửa lại)

---The end!---

CÙNG CHUYÊN MỤC: