Nội dung bài viết

    Xem thêm

    Lý thuyết Tin học 12 Bài 3 (Cánh diều): Thực hành định dạng văn bản và tạo siêu liên kết

    Tóm tắt lý thuyết Tin học lớp 12 Bài 3: Thực hành định dạng văn bản và tạo siêu liên kết hay, chi tiết sách Cánh diều sẽ giúp học sinh nắm vững kiến thức trọng tâm, ôn luyện để học tốt Tin học 12.

    1 2,070 08/08/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Lý thuyết Tin học 12 Bài 3: Thực hành định dạng văn bản và tạo siêu liên kết

    Nhiệm vụ 1. Tạo tiêu đề mục cho trang web giới thiệu về bản thân

    Yêu cầu: Soạn thảo nội dung trang web giới thiệu bản thân và lưu tệp văn bản HTML với tên “Bai3-NV1.html”. Màn hình trình duyệt web cần hiển thị:

    – Tiêu đề trang web

    - Dòng đầu tiên viết nội dung

    - Các dòng tiếp theo là tiêu đề mục Heading 2

    Lý thuyết Tin 12 Cánh diều Bài 3: Thực hành định dạng văn bản và tạo siêu liên kết

    Hướng dẫn thực hiện:

    1. Bước 1: Tạo và soạn thảo tệp HTML

    - Mở Sublime Text và tạo tệp mới.

    - Lưu tệp với tên là "Bai3-NV1.html".

    2. Bước 2: Tạo cấu trúc và khai báo phần tử head

    - Viết `<!DOCTYPE html>` để khai báo HTML5.

    - Sử dụng thẻ `<html>`, `<head>`, và `<body>` để bao quanh nội dung.

    - Trong `<head>`, đặt `<title>` và `<meta charset="utf-8">`.

    3. Bước 3: Soạn nội dung phần tử body

    - Sử dụng `<h1>` cho tiêu đề mục Heading 1.

    - Sử dụng `<h2>` cho tiêu đề mục Heading 2.

    4. Bước 4: Lưu và xem kết quả

    - Lưu lại tệp và mở nó trong trình duyệt để xem trang web hiển thị.

    Lưu ý: Để thêm chú thích vào văn bản HTML trong cặp thẻ <!-- và --). Các chú thích sẽ không hiển thị.

    Nhiệm vụ 2. Làm nổi bật nội dung cho trang web giới thiệu về bản thân

    Yêu cầu:

    1) Soạn nội dung chi tiết cho mỗi mục đã có tiêu đề trong trang web giới thiệu bản thân ở tệp “Bai3-NV1.html”.

    – Mục Thông tin cá nhân cần có các thông tin: Họ và tên, Sinh năm, Quê quán. – Mục Sở thích.

    2) Trình bày trang web như sau:

    Lý thuyết Tin 12 Cánh diều Bài 3: Thực hành định dạng văn bản và tạo siêu liên kết

    Hướng dân thực hiện:

    Bước 1: Mở và lưu tệp "Bai3-NV1.html" thành "Bai3-NV2.html"

    Bước 2: Cập nhật nội dung phần tử body cho tệp "Bai3-NV2.html"

    Bước 3: Làm nổi bật nội dung trang web

    Bước 4: Ghi lưu, mở tệp bằng trình duyệt web và xem kết quả

    Nhiệm vụ 3. Tạo siêu liên kết

    Yêu cầu:

    - Tạo siêu liên kết cho mỗi tỉnh/thành phố trong mục Quê quán.

    - Khi người dùng nhấp chuột vào, trang web cổng thông tin điện tử của quê hương sẽ được mở ra.

    Lý thuyết Tin 12 Cánh diều Bài 3: Thực hành định dạng văn bản và tạo siêu liên kết

    Hướng dẫn thực hiện:

    1. Bước 1: Mở và lưu tệp "Bai3-NV2.html" thành "Bai3-NV3.html"

    2. Bước 2: Sửa nội dung dòng thông tin Quê quán để tạo siêu liên kết

    3. Bước 3: Ghi lưu, mở tệp bằng trình duyệt web và xem kết quả

    Trắc nghiệm: Thực hành định dạng văn bản và tạo siêu liên kết

    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: Khi tạo tệp HTML trong Sublime Text, bạn nên lưu tệp với phần mở rộng nào để trình duyệt có thể nhận diện đúng định dạng?

    A. .txt

    B. .html

    C. .htm

    D. .css

    Đáp án: B

    Giải thích: Tệp HTML cần phải có phần mở rộng .html hoặc .htm để trình duyệt web có thể nhận diện và hiển thị nội dung đúng cách. .txt là định dạng tệp văn bản thuần túy và .css là định dạng cho các tệp định kiểu.

    Câu 2: Thẻ nào trong phần tử <head> được dùng để đặt tiêu đề của trang web?

    A. <meta>

    B. <title>

    C. <header>

    D. <body>

    Đáp án: B

    Giải thích: Thẻ <title> được sử dụng để đặt tiêu đề của trang web và sẽ hiển thị trên tab của trình duyệt. Thẻ <meta> dùng để khai báo thông tin về trang web, <header> là phần đầu của trang, và <body> chứa nội dung chính.

    Câu 3: Thẻ nào được sử dụng để tạo tiêu đề chính (Heading 1) trong HTML?

    A. <h1>

    B. <h2>

    C. <h3>

    D. <h4>

    Đáp án: A

    Giải thích: Thẻ <h1> được dùng để tạo tiêu đề chính, trong khi các thẻ <h2>, <h3>, và <h4> tạo các tiêu đề phụ với độ quan trọng giảm dần.

    Câu 4: Để thêm chú thích vào trong mã HTML, bạn nên sử dụng cặp thẻ nào?

    A. <!-- và -->

    B. <comment> và </comment>

    C. {! và !}

    D. /* và */

    Đáp án: A

    Giải thích: Chú thích trong HTML được đặt trong cặp thẻ <!-- và -->. Các cặp thẻ khác không phải là cú pháp dành cho HTML.

    Câu 5: Khi làm nổi bật nội dung cho trang web, để cập nhật tệp HTML bạn nên làm gì?

    A. Mở và lưu tệp với một tên mới

    B. Xóa nội dung của tệp và viết lại từ đầu

    C. Chỉ sửa nội dung mà không cần lưu

    D. Xóa các thẻ HTML cũ

    Đáp án: A

    Giải thích: Để cập nhật và làm nổi bật nội dung, bạn nên mở tệp HTML, thực hiện các thay đổi cần thiết, và sau đó lưu tệp với một tên mới để tránh ghi đè lên phiên bản trước đó.

    Câu 6: Để tạo siêu liên kết trong HTML, bạn sử dụng thẻ nào?

    A. <link>

    B. <a>

    C. <url>

    D. <href>

    Đáp án: B

    Giải thích: Thẻ <a> (anchor) được sử dụng để tạo liên kết trong HTML. Thuộc tính href của thẻ <a> chỉ định địa chỉ URL của liên kết.

    Câu 7: Khi tạo siêu liên kết đến một trang web khác, thuộc tính nào của thẻ <a> cần được sử dụng để chỉ định URL đích?

    A. src

    B. target

    C. href

    D. alt

    Đáp án: C

    Giải thích: Thuộc tính href của thẻ <a> được dùng để chỉ định địa chỉ URL đích của siêu liên kết. Các thuộc tính khác như src, target, và alt có các chức năng khác trong HTML.

    Câu 8: Để tạo tiêu đề phụ (Heading 2) trong HTML, bạn sử dụng thẻ nào?

    A. <h1>

    B. <h2>

    C. <h3>

    D. <h4>

    Đáp án: B

    Giải thích: Thẻ <h2> được dùng để tạo tiêu đề phụ có mức độ quan trọng thấp hơn tiêu đề chính (<h1>), và các thẻ <h3>, <h4> có mức độ quan trọng giảm dần.

    Câu 9: Sau khi thực hiện các thay đổi trong tệp HTML, bạn cần phải làm gì để xem kết quả trong trình duyệt?

    A. Chạy mã HTML bằng một phần mềm đặc biệt

    B. Mở tệp trong trình duyệt web

    C. Đặt tệp vào máy chủ web

    D. Chia sẻ tệp qua email

    Đáp án: B

    Giải thích: Sau khi thay đổi tệp HTML, bạn cần mở tệp trong trình duyệt web để xem kết quả. Không cần phải chạy mã HTML bằng phần mềm đặc biệt hay đặt tệp vào máy chủ web trừ khi bạn muốn công khai trang web.

    Câu 10: Để thêm thông tin cá nhân vào một mục trong trang web, bạn nên sử dụng thẻ nào để tạo danh sách các thông tin đó?

    A. <ul> và <li>

    B. <p>

    C. <table>

    D. <div>

    Đáp án: A

    Giải thích: Để thêm thông tin cá nhân dưới dạng danh sách, bạn nên sử dụng thẻ <ul> để tạo danh sách không có thứ tự và thẻ <li> để tạo các mục trong danh sách. Các thẻ khác như <p>, <table>, và <div> có các chức năng khác.

    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: Phát biểu sau đây đúng hay sai khi tạo tệp HTML với tên "Bai3-NV1.html", các thẻ sau cần phải có trong phần tử <head> để khai báo HTML5 và đặt tiêu đề trang web:

    a) <html>

    b) <meta charset="utf-8">

    c) <title>

    d) <h1>

    a) Sai. Thẻ <html> nên được sử dụng để bao quanh toàn bộ nội dung của trang HTML, nhưng không nằm trong phần tử <head>.

    b) Đúng. Thẻ <meta charset="utf-8"> là cần thiết để khai báo bộ ký tự và phải được đặt trong phần tử <head>.

    c) Đúng. Thẻ <title> được sử dụng trong phần tử <head> để đặt tiêu đề của trang web.

    d) Sai. Thẻ <h1> dùng để tạo tiêu đề chính và nên nằm trong phần tử <body>, không phải trong phần tử <head>.

    Câu 2: Để tạo siêu liên kết cho mỗi tỉnh/thành phố trong mục Quê quán và mở trang web cổng thông tin điện tử của quê hương, bạn cần sử dụng các thẻ sau: Đánh dấu đúng hoặc sai?

    a) <a> và thuộc tính href

    b) <link> và thuộc tính href

    c) <script> và thuộc tính src

    d) <img> và thuộc tính src

    a) Đúng. Thẻ <a> với thuộc tính href là cú pháp đúng để tạo siêu liên kết trong HTML, cho phép liên kết đến các trang web khác.

    b) Sai. Thẻ <link> thường được sử dụng để liên kết các tệp CSS với HTML, không phải để tạo siêu liên kết đến các trang web khác.

    c) Sai. Thẻ <script> với thuộc tính src được sử dụng để nhúng mã JavaScript, không phải để tạo siêu liên kết.

    d) Sai. Thẻ <img> với thuộc tính src được dùng để chèn hình ảnh vào trang web, không phải để tạo siêu liên kết.

    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: Khi tạo tệp HTML để giới thiệu bản thân, các phần tử nào nên được đặt trong phần tử <head> của tài liệu HTML?

    Đáp án: <!DOCTYPE html>

    <title>

    <meta charset="utf-8">

    Giải thích: Trong phần tử <head>, bạn cần đặt các phần tử như <title> để xác định tiêu đề của trang web, và <meta charset="utf-8"> để khai báo bộ ký tự sử dụng. Cú pháp <!DOCTYPE html> không phải là phần tử HTML và chỉ cần khai báo ở đầu tệp HTML để xác định phiên bản HTML (HTML5).

    Câu 2: Để tạo tiêu đề phụ (Heading 2) trong phần tử <body> của tài liệu HTML, bạn sử dụng thẻ nào?

    Đáp án:<h2>

    Giải thích: Thẻ <h2> được sử dụng để tạo tiêu đề phụ trong HTML. Các tiêu đề khác như <h1>, <h3>, <h4>, <h5>, và <h6> được dùng để tạo các tiêu đề với mức độ quan trọng khác nhau.

    Câu 3: Khi muốn làm nổi bật nội dung trên trang web, bạn cần thực hiện những bước nào?

    Đáp án: Mở tệp HTML hiện có và lưu lại dưới tên mới (ví dụ: từ "Bai3-NV1.html" thành "Bai3-NV2.html").

    Cập nhật và chỉnh sửa nội dung trong phần tử <body>.

    Lưu tệp và mở trong trình duyệt để xem kết quả.

    Giải thích: Để làm nổi bật nội dung, bạn cần mở tệp HTML hiện có, thực hiện các chỉnh sửa và lưu lại dưới tên mới để giữ phiên bản gốc không thay đổi. Sau đó, mở tệp đã chỉnh sửa trong trình duyệt để xem những thay đổi.

    Tham khảo các loạt bài Tin học 12 khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 2,070 08/08/2025
    Trang trước
    Chia sẻ
    Trang sau  

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