Slide bài giảng Khoa học máy tính 12 Cánh diều bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu

Slide điện tử bài 4: Trình bày nội dung theo dạng danh sách, bảng biểu. Trình bày với các hiệu ứng hiện đại, hấp dẫn. Giúp học sinh hứng thú học bài. Học nhanh, nhớ lâu. Có tài liệu này, hiệu quả học tập của môn Khoa học máy tính 12 Cánh diều sẽ khác biệt

Bạn chưa đủ điều kiện để xem được slide bài này. => Xem slide bài mẫu

Tóm lược nội dung

BÀI 4. TRÌNH BÀY NỘI DUNG THEO DẠNG DANH SÁCH, BẢNG BIỂU

KHỞI ĐỘNG

Theo em, để trình bày một văn bản, khi nào nên trình bày theo dạng liệt kê các mục và khi nào nên trình bày theo dạng bảng?

Bài làm rút gọn:

Liệt kê các mục:

- Khi bạn muốn đưa ra danh sách các mục có liên quan nhưng không cần phải so sánh chúng trực tiếp.

- Khi các mục không có sự liên kết rõ ràng hoặc cần được phân loại theo một tiêu chí nào đó.

- Khi bạn muốn mô tả một loạt các điểm, ý tưởng hoặc mục tiêu một cách ngắn gọn và dễ đọc.

- Khi sự tương quan hoặc thứ tự không quan trọng.

Trình bày dưới dạng bảng:

- Khi bạn muốn so sánh các giá trị, dữ liệu hoặc thuộc tính của các mục với nhau.

- Khi thông tin cần được hiển thị dưới dạng lưới và cần tổ chức bằng cách sắp xếp các hàng và cột.

- Khi bạn muốn biểu diễn một lượng lớn dữ liệu một cách cụ thể và dễ hiểu.

- Khi cần có một cấu trúc rõ ràng để so sánh và phân tích thông tin.

1. TẠO DANH SÁCH

HOẠT ĐỘNG

Hãy nêu một số cách em đã biết để xác định thứ tự các mục được liệt kê trong một danh sách

Bài làm rút gọn:

Một số cách phổ biến bao gồm sử dụng thứ tự số, thứ tự chữ cái, thứ tự số La Mã, và thứ tự không gian trống.

2. TẠO BẢNG

3. THỰC HÀNH TẠO DANH SÁCH, TẠO BẢNG

VẬN DỤNG

Tạo website cá nhân:

Em hãy bổ sung thêm một số nội dung cho website cá nhân đã được tạo ở các bài học trước.

Gợi ý thực hiện:

- Trong tệp “hobbies.html", bổ sung tiêu đề mục hl “Sở thích của em” tạo danh sách xác định thứ tự hoặc không xác định thứ tự liệt kê các sở thích của em. – Trong tệp “index.html", bổ sung tiêu đề mục h2 “Kế hoạch học tập” và trình - bày thời khóa biểu của em dưới dạng bảng.

Bài làm rút gọn:

Bổ sung cho hobbies.html:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Sở thích của em</title>

</head>

<body>

  <h1>Sở thích của em</h1>

  <p>Dưới đây là một số sở thích của tôi:</p>

  <ul>

    <li>Đọc sách</li>

    <li>Chơi thể thao</li>

    <li>Âm nhạc</li>

  </ul>

</body>

</html>

Bổ sung nội dung cho index.html:

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Website của tôi</title>

</head>

<body>

  <h1>Website của tôi</h1>

  <p>Xin chào! Tôi là [Tên của bạn], và đây là trang web cá nhân của tôi.</p>

  <p>Dưới đây là những gì bạn có thể tìm thấy trên trang web của tôi:</p>

  <ul>

    <li><a href="hobbies.html">Sở thích</a></li>

    <li><a href="album.html">Ảnh của tôi</a></li>

  </ul>

  <h2>Kế hoạch học tập</h2>

  <table border="1">

    <tr>

      <th>Thứ hai</th>

      <th>Thứ ba</th>

      <th>Thứ tư</th>

      <th>Thứ năm</th>

      <th>Thứ sáu</th>

    </tr>

    <tr>

      <td>Môn A</td>

      <td>Môn B</td>

      <td>Môn C</td>

      <td>Môn D</td>

      <td>Môn E</td>

    </tr>

    <tr>

      <td>Môn F</td>

      <td>Môn G</td>

      <td>Môn H</td>

      <td>Môn I</td>

      <td>Môn J</td>

    </tr>

  </table>

</body>

</html>

TỰ KIỂM TRA

Câu 1: Mỗi phát biểu sau đây là đúng hay sai khi sử dụng các phần ol, ul để tạo danh sách trên trang web?

a) Khi khai báo thuộc tính type = "A" danh sách xác định thứ tự các mục theo chữ cái viết hoa.

b) Số thứ tự trong danh sách xác định thứ tự luôn là số nguyên.

c) Khi mở bằng trình duyệt web, theo mặc định mục trong danh sách không xác định thứ tự được hiển thị bắt đầu bằng dấu sao (*).

d) Có thể thay đổi số thứ tự của mục bắt đầu trong danh sách xác định thứ tự.

Bài làm rút gọn:

a) Sai. 

b) Đúng. 

c) Sai. 

d) Đúng. 

Câu 2: Khai báo nào sau đây sẽ tạo một bảng có hai hàng, mỗi hàng gồm một ô dữ liệu?

A. <table><td><tr>Hàng 1</tr><tr>Hàng 2</tr></td></table>

B. <table><tr>Hàng 1</tr><tr>Hàng 2</tr></table>

C. <table><tr><td>Hàng 1</td></tr><tr><td>Hàng 2</td></tr></table>

D. <table><td>Hàng 1</td><td>Hàng 2</td></table>

Bài làm rút gọn:

D. `<table><td>Hàng 1</td><td>Hàng 2</td></table>`