Lý thuyết Tin học 12 Bài 1 (Cánh diều): Làm quen với ngôn ngữ đánh dấu siêu văn bản

Tóm tắt lý thuyết Tin học 12 Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản sách Cánh diều hay nhất, ngắn gọn sẽ giúp học sinh lớp 12 nắm vững kiến thức trọng tâm, ôn luyện để học tốt môn Tin 12.

1 1,245 08/08/2025


Lý thuyết Tin học 12 Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

1. Ngôn ngữ đánh dấu siêu văn bản

- Ngôn ngữ đánh dấu siêu văn bản (HyperText Markup Language – HTML) là

- ngôn ngữ chuyên dụng dùng để tạo trang web.

- Các thẻ được viết trong cặp dấu “<”, “>”. Thông thường mỗi thẻ bao gồm thẻ bắt đầu và thẻ kết thúc, chỉ ra phạm vi tác dụng của thẻ.

- Tên thẻ HTML không phân biệt chữ hoa, chữ thường nhưng mặc định tên thẻ được viết chữ thường.

- Phần lớn các thẻ đều là thẻ đôi, tức là có thẻ bắt đầu (opening tag) và thẻ kết thúc (closing tag). Vị trí kết thúc thẻ có thêm dấu “/”.

Lý thuyết Tin 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

- Một số phần tử cho phép khai báo thêm một hoặc nhiều thuộc tính.

Lý thuyết Tin 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

2. Cấu trúc cơ bản của một tệp html

- Văn bản HTML được bao gồm trong cặp thẻ mở `<html>` và thẻ đóng `</html>`.

- Nó chia thành hai phần chính: phần đầu `<head>` và phần thân `<body>`.

Phần đầu (head):

- Được xác định bởi phần tử `<head>` và `</head>`.

- Dùng để khai báo tiêu đề của trang web với thẻ `<title>` và `</title>`, xuất hiện trên tiêu đề của cửa sổ trình duyệt.

- Bao gồm các siêu dữ liệu (metadata) như bảng mã kí tự, từ khoá tìm kiếm và liên kết tài nguyên khác.

Phần thân (body):

- Xác định bởi phần tử `<body>` và `</body>`.

- Chứa nội dung sẽ hiển thị trên màn hình của trình duyệt web.

- Đây là phần mà người dùng thường xem và tương tác với.

Chỉ dẫn phiên bản HTML:

- Thông thường, dòng đầu tiên của văn bản HTML là một chỉ dẫn (doctype) cho biết phiên bản HTML được sử dụng.

Mỗi phần của văn bản HTML (head và body) có mục đích riêng biệt và cung cấp thông tin quan trọng để trình duyệt web có thể hiển thị và xử lý trang web đúng cách.

Lý thuyết Tin 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

3. Thực hành tạo trang web đơn giản

Yêu cầu 1: Cài đặt phần mềm Sublime Text

Lý thuyết Tin 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

- Truy cập vào trang web https://sublimetext.com và tải về phiên bản phù hợp với hệ điều hành của bạn.

- Sau khi tải về, nhấp đúp vào tệp tin cài đặt để bắt đầu quá trình cài đặt.

- Khi hiển thị cửa sổ "Completing the Sublime Text Setup Wizard", việc cài đặt đã hoàn thành.

Yêu cầu 2: Soạn thảo văn bản HTML bằng Sublime Text

- Khởi động Sublime Text sau khi đã cài đặt.

- Soạn thảo nội dung văn bản HTML như sau:

Lý thuyết Tin 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản

- Lưu văn bản với định dạng file `.html`.

- Mở tệp bằng trình duyệt web, xem kết quả.

Trắc nghiệm: Làm quen với ngôn ngữ đánh dấu siêu văn bản

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 1: Ngôn ngữ đánh dấu siêu văn bản (HTML) được sử dụng chủ yếu để làm gì?

A. Tạo bảng tính

B. Tạo trang web

C. Lập trình ứng dụng

D. Xử lý dữ liệu

Đáp án: B

Giải thích: HTML (HyperText Markup Language) là ngôn ngữ chuyên dụng để tạo trang web.

Câu 2: Trong HTML, dấu “/” trong thẻ có ý nghĩa gì?

A. Đánh dấu phần tử bị lỗi

B. Kết thúc thẻ

C. Bắt đầu thẻ

D. Chỉ thị kiểu chữ

Đáp án: B

Giải thích: Dấu “/” được sử dụng để đánh dấu kết thúc của một thẻ trong HTML.

Câu 3: Tên thẻ HTML có phân biệt chữ hoa và chữ thường không?

A. Có phân biệt

B. Không phân biệt

C. Chỉ phân biệt trong các trình duyệt khác nhau

D. Phân biệt trong các phiên bản khác nhau

Đáp án: B

Giải thích: Tên thẻ HTML không phân biệt chữ hoa và chữ thường, mặc dù thường được viết chữ thường.

Câu 4: Phần tử nào được sử dụng để xác định phần đầu của một tài liệu HTML?

A. <body>

B. <footer>

C. <head>

D. <header>

Đáp án: C

Giải thích: Phần đầu của tài liệu HTML được xác định bởi phần tử <head> và </head>.

Câu 5: Thẻ nào trong phần đầu của tài liệu HTML dùng để khai báo tiêu đề của trang web?

A. <title>

B. <header>

C. <footer>

D. <meta>

Đáp án: A

Giải thích: Thẻ <title> được sử dụng để khai báo tiêu đề của trang web.

Câu 6: Phần nào của tài liệu HTML chứa nội dung sẽ hiển thị trên màn hình của trình duyệt web?

A. Phần đầu

B. Phần chân

C. Phần thân

D. Phần meta

Đáp án: C

Giải thích: Phần thân của tài liệu HTML, được xác định bởi <body> và </body>, chứa nội dung hiển thị trên màn hình.

Câu 7: Dòng đầu tiên của văn bản HTML thường là gì?

A. Tiêu đề của trang web

B. Doctype

C. Nội dung của trang web

D. Siêu dữ liệu

Đáp án: B

Giải thích: Dòng đầu tiên của văn bản HTML là chỉ dẫn doctype cho biết phiên bản HTML được sử dụng.

Câu 8: Khi cài đặt Sublime Text, bạn cần làm gì sau khi tải về tệp tin cài đặt?

A. Chạy chương trình từ trang web

B. Nhấp đúp vào tệp tin cài đặt

C. Giải nén tệp tin cài đặt

D. Mở tệp tin bằng trình soạn thảo văn bản

Đáp án: B

Giải thích: Sau khi tải về tệp tin cài đặt Sublime Text, bạn cần nhấp đúp vào tệp tin để bắt đầu quá trình cài đặt.

Câu 9: Khi soạn thảo văn bản HTML trong Sublime Text, bạn nên lưu tệp với định dạng nào?

A. .txt

B. .html

C. .docx

D. .xml

Đáp án: B

Giải thích: Văn bản HTML nên được lưu với định dạng file .html để trình duyệt web có thể xử lý đúng cách.

Câu 10: Để xem kết quả của tệp HTML, bạn cần làm gì sau khi lưu tệp?

A. Mở tệp bằng trình soạn thảo văn bản

B. Mở tệp bằng trình duyệt web

C. Chạy tệp trên máy chủ

D. Gửi tệp qua email

Đáp án: B

Giải thích: Để xem kết quả của tệp HTML, bạn cần mở tệp bằng trình duyệt web.

PHẦN II. Câu trắc nghiệm đúng sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Ngôn ngữ đánh dấu siêu văn bản (HTML) có các đặc điểm sau đúng hay sai?

a) Thẻ HTML thường không có thẻ kết thúc.

b) Tên thẻ HTML không phân biệt chữ hoa và chữ thường.

c) Phần đầu của một tệp HTML được xác định bởi thẻ <head> và </head>.

d) Thẻ <body> chứa các siêu dữ liệu và tiêu đề của trang web.

a) Sai. Phần lớn các thẻ HTML đều là thẻ đôi, tức là có cả thẻ bắt đầu và thẻ kết thúc.

b) Đúng. Tên thẻ HTML không phân biệt chữ hoa và chữ thường; mặc định, tên thẻ được viết chữ thường.

c) Đúng. Phần đầu của tệp HTML được xác định bởi thẻ <head> và </head>, chứa các thông tin về siêu dữ liệu và tiêu đề.

d) Sai. Thẻ <body> chứa nội dung chính hiển thị trên màn hình của trình duyệt, còn các siêu dữ liệu và tiêu đề nằm trong phần <head>.

Câu 2: Phát biểu sau đúng hay sai về cấu trúc cơ bản của một tệp HTML ?

a) Phần đầu của tài liệu HTML thường bao gồm các thẻ <header> và </header>.

b) Tệp HTML cần phải bắt đầu với chỉ dẫn doctype để chỉ định phiên bản HTML.

c) Nội dung của trang web được hiển thị trong phần <head> của tệp HTML.

d) Để tạo một tệp HTML, có thể sử dụng bất kỳ trình soạn thảo văn bản nào, không nhất thiết phải là Sublime Text.

a) Sai. Phần đầu của tài liệu HTML được xác định bởi thẻ <head> và </head>, không phải thẻ <header>.

b) Đúng. Dòng đầu tiên của tệp HTML thường là chỉ dẫn doctype để chỉ định phiên bản HTML được sử dụng.

c) Sai. Nội dung hiển thị trên màn hình trình duyệt được chứa trong phần <body>, không phải phần <head>.

d) Đúng. Có thể sử dụng nhiều loại trình soạn thảo văn bản khác nhau để tạo tệp HTML, Sublime Text là một trong số đó nhưng không phải là yêu cầu bắt buộc.

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: HTML là gì và tại sao nó quan trọng trong việc tạo trang web?

Đáp án: HTML (HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản dùng để tạo cấu trúc và nội dung cho trang web.

Giải thích: HTML cung cấp cấu trúc cơ bản cho trang web, xác định cách các phần tử như tiêu đề, đoạn văn, liên kết, và hình ảnh được tổ chức và hiển thị trên trình duyệt web. Đây là ngôn ngữ cơ bản mà mọi trang web đều dựa vào.

Câu 2: Các thẻ HTML thường bao gồm những gì và tên thẻ có phân biệt chữ hoa chữ thường không?

Đáp án: Các thẻ HTML thường bao gồm thẻ bắt đầu và thẻ kết thúc; tên thẻ không phân biệt chữ hoa chữ thường.

Giải thích: Thẻ HTML thường có dạng <tag> (thẻ bắt đầu) và </tag> (thẻ kết thúc), với thẻ kết thúc có dấu / để chỉ ra kết thúc của thẻ. Tên thẻ không phân biệt chữ hoa chữ thường, nhưng theo mặc định, tên thẻ được viết chữ thường.

Câu 3: Phần đầu và phần thân của một tệp HTML được xác định bởi những thẻ nào?

Đáp án: Phần đầu được xác định bởi thẻ <head> và </head>, còn phần thân được xác định bởi thẻ <body> và </body>.

Giải thích: Phần đầu (<head>) chứa thông tin như tiêu đề và siêu dữ liệu, trong khi phần thân (<body>) chứa nội dung chính của trang web mà người dùng sẽ thấy và tương tác với trên trình duyệt.

1 1,245 08/08/2025


Xem thêm các chương trình khác: