Tin học 12 · Kết nối tri thức · Chung, Khoa học máy tính và Tin học ứng dụng
Tin họcLớp 12Phần 4. Chủ đề 4 · Giải quyết vấn đề với sự trợ giúp của máy tính · Chung

Bài 8. Định dạng văn bản

Mục tiêu bài học

  • Giải thích và vận dụng nội dung định dạng văn bản qua dữ kiện cụ thể.
  • Tạo hoặc đánh giá sản phẩm, nêu điều kiện đúng và kiểm tra kết quả bằng bằng chứng.

Bài giảng

Hiểu cách hoạt động

Các thẻ h1–h6 biểu diễn cấp tiêu đề; p biểu diễn đoạn; br ngắt dòng trong cùng đoạn. strong nhấn mạnh tầm quan trọng, em nhấn giọng/ý; trình duyệt thường trình bày chúng bằng đậm/nghiêng nhưng ý nghĩa không chỉ là kiểu chữ. Không dùng hàng loạt br để thay cấu trúc đoạn hoặc dùng cấp tiêu đề chỉ để làm chữ to. HTML gộp nhiều khoảng trắng thông thường khi trình bày; muốn hiển thị dấu < hoặc & là văn bản thì dùng thực thể < và &. Nội dung có thể đặt trong các khối hợp lí, kiểu trình bày chi tiết dùng CSS.

Làm và tự kiểm tra

Mã mẫu tự biên soạn; lưu UTF-8 theo tên tệp trong nhiệm vụ.

<h1>Nhật kí gieo hạt</h1>
<p><strong>Lưu ý:</strong> giữ đất <em>ẩm vừa</em>.</p>
<p>Ngày 1: gieo hạt.<br>Ngày 2: kiểm tra.</p>
<p>Ví dụ kí hiệu thẻ: &lt;p&gt;; nước &amp; ánh sáng.</p>

Kết quả suy ra từ cấu trúc mã: một h1, ba đoạn; đoạn thứ hai có ngắt dòng; đoạn cuối hiện kí hiệu <p> và dấu & chứ không tạo phần tử p mới từ <p>. Không coi mô tả này là ảnh chụp hay kết quả đã thao tác trên máy người học.

Ghi nhớ

Các thẻ h1–h6 biểu diễn cấp tiêu đề; p biểu diễn đoạn; br ngắt dòng trong cùng đoạn.

Bài tập

Đã đúng 0/6 câu

  1. Câu 1Mức 2Trắc nghiệm 1 đáp án

    Thẻ nào biểu diễn đoạn văn?

  2. Câu 2Mức 2Trắc nghiệm 1 đáp án

    Muốn thể hiện lời cảnh báo quan trọng nên dùng ý nghĩa nào?

  3. Câu 3Mức 2Đúng / Sai

    Dùng <p> trong văn bản tạo một phần tử p mới.

  4. Câu 4Mức 2Ghép nối

    Ghép thẻ với vai trò.

    Chạm một ý bên trái rồi chạm ý tương ứng bên phải để ghép cặp.

  5. Câu 5Mức 2Trả lời ngắn

    Mã <p>A<br>B</p><p>C</p> có bao nhiêu đoạn p?

  6. Câu 6Mức 2Trắc nghiệm 1 đáp án

    Mã nào hiện văn bản “A & B” đúng và rõ?

  7. Câu 7Mức 3Tự luận

    Viết đoạn HTML có h1 “Nhật kí gieo hạt”, lời “Lưu ý:” quan trọng, cụm “ẩm vừa” được nhấn, hai ngày trong cùng đoạn nhưng khác dòng, và kí hiệu <p> ở đoạn riêng.

    0 từ

    0/10 ảnh

    Có thể chụp nhiều trang. Ảnh được lưu cùng bài làm và giáo viên sẽ chấm trên ảnh.

    Vẽ bài làm

    Ảnh bài làm

    Cuộn chuột hoặc chụm hai ngón để phóng to · kéo để di chuyển · phím R để xoay

  8. Câu 8Mức 3Tự luận

    Một trang dùng h1 cho mọi câu để tất cả chữ thật lớn. Đánh giá và sửa cấu trúc cho tiêu đề–hai mục–hai đoạn.

    0 từ

    0/10 ảnh

    Có thể chụp nhiều trang. Ảnh được lưu cùng bài làm và giáo viên sẽ chấm trên ảnh.

    Vẽ bài làm

    Ảnh bài làm

    Cuộn chuột hoặc chụm hai ngón để phóng to · kéo để di chuyển · phím R để xoay