Bài tập — Bài 15: Tạo màu cho chữ và nền

Phần 1: Câu hỏi Trắc nghiệm (Nhận biết & Thông hiểu)

Câu 1. Nội dung nào sau đây phản ánh đúng kiến thức cần ghi nhớ trong bài Bài 15: Tạo màu cho chữ và nền? A. Bỏ qua các khái niệm cơ bản và chỉ học thuộc lòng kết quả cuối cùng mà không cần hiểu bản chất. B. Chỉ áp dụng kiến thức trong một trường hợp duy nhất, không cần kiểm tra điều kiện hay đơn vị. C. Các nội dung trong bài hoàn toàn độc lập và không có mối liên hệ nào với thực tiễn hay các bài học khác. D. color đặt màu chữ, background-color đặt màu nền.

Câu 2. Khi học và vận dụng bài Bài 15: Tạo màu cho chữ và nền, khẳng định nào dưới đây là chính xác? A. Màu viết bằng tên, mã thập lục phân (#RRGGBB) hoặc hàm rgb(r, g, b). B. Không cần đọc kĩ đề bài hay phân tích dữ kiện trước khi thực hiện các bước giải. C. Mọi khái niệm trong bài đều có thể thay thế tùy ý cho nhau mà không làm thay đổi kết quả. D. Chỉ cần ghi đáp số ngắn gọn, bỏ qua toàn bộ bước lập luận, giải thích và kiểm tra lại.

Câu 3. Theo phần Kiến thức trọng tâm của bài Bài 15: Tạo màu cho chữ và nền, phát biểu nào sau đây là đúng? A. Kết luận ngay kết quả khi chưa đối chiếu với quy tắc hoặc định nghĩa trong bài học. B. Màu sắc tạo cảm xúc và giúp người đọc phân biệt các phần của trang web. C. Thay đổi toàn bộ quy tắc trọng tâm của bài học theo cảm tính cá nhân. D. Bỏ qua việc rèn luyện qua ví dụ minh họa và bài tập thực hành của tiết học.

Câu 4. Để nắm vững và vận dụng tốt bài Bài 15: Tạo màu cho chữ và nền, học sinh cần lưu ý điều nào sau đây? A. Không cần ghi nhớ các lưu ý trọng tâm vì chúng không ảnh hưởng đến việc làm bài tập. B. Áp dụng ngược lại hoàn toàn so với quy tắc và hướng dẫn trong phần kiến thức trọng tâm. C. Màu có thể viết bằng tên tiếng Anh (red, blue, white), mã thập lục phân (#FF0000 là đỏ, #FFFFFF là trắng) hoặc hàm rgb(255, 0, 0) với ba giá trị đỏ, xanh lá, xanh dương từ 0 đến 255. D. Chỉ cần đọc lướt tiêu đề bài học mà không cần nắm vững nội dung chi tiết từng mục.

Phần 2: Bài tập Tự luận & Thực hành theo tiết học

Bài 1 (Cơ bản — Hệ thống hóa kiến thức trọng tâm). Dựa vào phần Kiến thức trọng tâm của bài Bài 15: Tạo màu cho chữ và nền, em hãy trình bày các khái niệm, quy tắc hoặc nội dung cốt lõi của tiết học và nêu ý nghĩa của chúng.

Bài 2 (Thực hành — Phân tích & Giải mẫu theo ví dụ tiết học). Đọc kĩ tình huống/ví dụ trọng tâm của tiết học dưới đây, sau đó tự trình bày lại các bước thực hiện và nêu nhận xét rút ra:

Yêu cầu: tạo tiêu đề cấp 1 có chữ trắng trên nền xanh dương đậm và đoạn văn có chữ đen trên nền vàng nhạt.

Bài 3 (Vận dụng — Áp dụng quy tắc ghi nhớ vào bài tập). Vận dụng các điểm ghi nhớ trọng tâm của bài Bài 15: Tạo màu cho chữ và nền để giải thích hoặc thực hiện yêu cầu thực hành mở rộng sau:

h1 { color: #FFFFFF; background-color: #1A5DB0; } p { color: #000000; background-color: #FFF9C4; }


**Bài 4 (Luyện tập học kì — Mức độ Cơ bản).**
Một phòng máy có 20 máy tính nhưng chỉ có 1 switch 8 cổng. Hãy đề xuất giải pháp kết nối cho tất cả các máy và giải thích.

**Bài 5 (Luyện tập học kì — Mức độ Thông hiểu).**
So sánh đường truyền cáp quang và wifi về: tốc độ, độ ổn định, phạm vi sử dụng, chi phí lắp đặt.

**Bài 6 (Luyện tập học kì — Mức độ Vận dụng & Nâng cao).**
Một mô hình Học máy dự đoán điểm thi từ số giờ tự học cho kết quả kém. Hãy nêu 3 nguyên nhân có thể và cách khắc phục cho mỗi nguyên nhân.

## Phần 3: Đáp án & Hướng dẫn giải chi tiết

### 1. Đáp án phần Trắc nghiệm

- **Bảng đáp án:** **1-D**, **2-A**, **3-B**, **4-C**.
- **Giải thích chi tiết:**
  - **Câu 1 (D):** Khẳng định đúng theo mục *Ghi nhớ* của bài: *"`color` đặt màu chữ, `background-color` đặt màu nền."*
  - **Câu 2 (A):** Khẳng định đúng theo nội dung cốt lõi của tiết học: *"Màu viết bằng tên, mã thập lục phân (`#RRGGBB`) hoặc hàm `rgb(r, g, b)`."*
  - **Câu 3 (B):** Khẳng định chuẩn xác theo phần *Kiến thức trọng tâm*: *"Màu sắc tạo cảm xúc và giúp người đọc phân biệt các phần của trang web."*
  - **Câu 4 (C):** Khẳng định đúng theo hướng dẫn trọng tâm của bài: *"Màu có thể viết bằng tên tiếng Anh (`red`, `blue`, `white`), mã thập lục phân (`#FF0000` là đỏ, `#FFFFFF` là trắng) hoặc hàm `rgb(255, 0, 0)` với ba giá trị đỏ, xanh lá, xanh dương từ 0 đến 255."*

### 2. Hướng dẫn giải phần Tự luận & Thực hành

- **Bài 1:**
  - **Nội dung cốt lõi cần trình bày:** Màu sắc tạo cảm xúc và giúp người đọc phân biệt các phần của trang web. Trong CSS, màu chữ đặt bằng thuộc tính `color`, màu nền đặt bằng `background-color`.
  - **Tổng kết ghi nhớ:** `color` đặt màu chữ, `background-color` đặt màu nền.; Màu viết bằng tên, mã thập lục phân (`#RRGGBB`) hoặc hàm `rgb(r, g, b)`.; Đảm bảo tương phản chữ – nền đủ cao để dễ đọc.
- **Bài 2:**
  - **Hướng dẫn phân tích & trình bày:** Dựa trực tiếp vào dữ kiện trong ví dụ minh họa của tiết học: *Yêu cầu: tạo tiêu đề cấp 1 có chữ trắng trên nền xanh dương đậm và đoạn văn có chữ đen trên nền vàng nhạt.*
  - **Lưu ý khi trình bày:** Xác định rõ yêu cầu, áp dụng đúng quy tắc/khái niệm trong mục 1 và kiểm tra lại kết quả cuối cùng.
- **Bài 3:**
  - **Phương pháp giải:** Áp dụng các quy tắc ghi nhớ của bài **Bài 15: Tạo màu cho chữ và nền** (`color` đặt màu chữ, `background-color` đặt màu nền.; Màu viết bằng tên, mã thập lục phân (`#RRGGBB`) hoặc hàm `rgb(r, g, b)`.; Đảm bảo tương phản chữ – nền đủ cao để dễ đọc.).
  - **Lời giải mẫu/Nhận xét:** ```css
h1 {
  color: #FFFFFF;
  background-color: #1A5DB0;
}
p {
  color: #000000;
  background-color: #FFF9C4;
}

Bài 4: Dùng thêm switch (ví dụ: 3 switch 8 cổng nối với nhau) hoặc dùng switch 24 cổng. Giải thích: mỗi máy cần 1 cổng trên switch; switch có thể nối tầng với nhau để mở rộng.
Bài 5: Cáp quang: tốc độ cao, ổn định, truyền xa, chi phí lắp đặt cao hơn. Wifi: tiện, không dây, nhưng tốc độ/ổn định phụ thuộc khoảng cách, vật cản, nhiễu; chi phí thiết bị thấp hơn cho quy mô nhỏ.
Bài 6: Nguyên nhân — khắc phục: dữ liệu huấn luyện ít → thu thập thêm; dữ liệu không chính xác → kiểm tra, làm sạch; mô hình quá đơn giản/phức tạp → chọn mô hình phù hợp; còn yếu tố khác ảnh hưởng điểm thi ngoài giờ tự học → bổ sung dữ liệu liên quan.

Phần 1: Câu hỏi Trắc nghiệm (Nhận biết & Thông hiểu)

Phần 2: Bài tập Tự luận & Thực hành theo tiết học

Yêu cầu: tạo tiêu đề cấp 1 có chữ trắng trên nền xanh dương đậm và đoạn văn có chữ đen trên nền vàng nhạt.

h1 { color: #FFFFFF; background-color: #1A5DB0; } p { color: #000000; background-color: #FFF9C4; }

**Bài 4 (Luyện tập học kì — Mức độ Cơ bản).** Một phòng máy có 20 máy tính nhưng chỉ có 1 switch 8 cổng. Hãy đề xuất giải pháp kết nối cho tất cả các máy và giải thích. **Bài 5 (Luyện tập học kì — Mức độ Thông hiểu).** So sánh đường truyền cáp quang và wifi về: tốc độ, độ ổn định, phạm vi sử dụng, chi phí lắp đặt. **Bài 6 (Luyện tập học kì — Mức độ Vận dụng & Nâng cao).** Một mô hình Học máy dự đoán điểm thi từ số giờ tự học cho kết quả kém. Hãy nêu 3 nguyên nhân có thể và cách khắc phục cho mỗi nguyên nhân. ## Phần 3: Đáp án & Hướng dẫn giải chi tiết ### 1. Đáp án phần Trắc nghiệm - **Bảng đáp án:** **1-D**, **2-A**, **3-B**, **4-C**. - **Giải thích chi tiết:** - **Câu 1 (D):** Khẳng định đúng theo mục *Ghi nhớ* của bài: *"`color` đặt màu chữ, `background-color` đặt màu nền."* - **Câu 2 (A):** Khẳng định đúng theo nội dung cốt lõi của tiết học: *"Màu viết bằng tên, mã thập lục phân (`#RRGGBB`) hoặc hàm `rgb(r, g, b)`."* - **Câu 3 (B):** Khẳng định chuẩn xác theo phần *Kiến thức trọng tâm*: *"Màu sắc tạo cảm xúc và giúp người đọc phân biệt các phần của trang web."* - **Câu 4 (C):** Khẳng định đúng theo hướng dẫn trọng tâm của bài: *"Màu có thể viết bằng tên tiếng Anh (`red`, `blue`, `white`), mã thập lục phân (`#FF0000` là đỏ, `#FFFFFF` là trắng) hoặc hàm `rgb(255, 0, 0)` với ba giá trị đỏ, xanh lá, xanh dương từ 0 đến 255."* ### 2. Hướng dẫn giải phần Tự luận & Thực hành - **Bài 1:** - **Nội dung cốt lõi cần trình bày:** Màu sắc tạo cảm xúc và giúp người đọc phân biệt các phần của trang web. Trong CSS, màu chữ đặt bằng thuộc tính `color`, màu nền đặt bằng `background-color`. - **Tổng kết ghi nhớ:** `color` đặt màu chữ, `background-color` đặt màu nền.; Màu viết bằng tên, mã thập lục phân (`#RRGGBB`) hoặc hàm `rgb(r, g, b)`.; Đảm bảo tương phản chữ – nền đủ cao để dễ đọc. - **Bài 2:** - **Hướng dẫn phân tích & trình bày:** Dựa trực tiếp vào dữ kiện trong ví dụ minh họa của tiết học: *Yêu cầu: tạo tiêu đề cấp 1 có chữ trắng trên nền xanh dương đậm và đoạn văn có chữ đen trên nền vàng nhạt.* - **Lưu ý khi trình bày:** Xác định rõ yêu cầu, áp dụng đúng quy tắc/khái niệm trong mục 1 và kiểm tra lại kết quả cuối cùng. - **Bài 3:** - **Phương pháp giải:** Áp dụng các quy tắc ghi nhớ của bài **Bài 15: Tạo màu cho chữ và nền** (`color` đặt màu chữ, `background-color` đặt màu nền.; Màu viết bằng tên, mã thập lục phân (`#RRGGBB`) hoặc hàm `rgb(r, g, b)`.; Đảm bảo tương phản chữ – nền đủ cao để dễ đọc.). - **Lời giải mẫu/Nhận xét:** ```css h1 { color: #FFFFFF; background-color: #1A5DB0; } p { color: #000000; background-color: #FFF9C4; }

Bài 4: Dùng thêm switch (ví dụ: 3 switch 8 cổng nối với nhau) hoặc dùng switch 24 cổng. Giải thích: mỗi máy cần 1 cổng trên switch; switch có thể nối tầng với nhau để mở rộng.

Bài 5: Cáp quang: tốc độ cao, ổn định, truyền xa, chi phí lắp đặt cao hơn. Wifi: tiện, không dây, nhưng tốc độ/ổn định phụ thuộc khoảng cách, vật cản, nhiễu; chi phí thiết bị thấp hơn cho quy mô nhỏ.

Bài 6: Nguyên nhân — khắc phục: dữ liệu huấn luyện ít → thu thập thêm; dữ liệu không chính xác → kiểm tra, làm sạch; mô hình quá đơn giản/phức tạp → chọn mô hình phù hợp; còn yếu tố khác ảnh hưởng điểm thi ngoài giờ tự học → bổ sung dữ liệu liên quan.