Thầy Cải - Quốc Thái

BÀI 2 - MỘT SỐ NGHỀ KHÁC TRONG NGÀNH CÔNG NGHỆ THÔNG TIN VÀ MỘT SỐ NGHỀ ỨNG DỤNG CÔNG NGHỆ THÔNG TIN (CÁNH DIỀU - CS & ICT)

Bài 2-Một số nghề khác trong ngành CNTT và một số nghề ứng dụng CNTT (Cánh diều - cs & ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 98):

Theo em, sản phẩm của ngành Công nghiệp phần mềm là những gì? Để làm việc trong ngành này có bắt buộc phải biết lập trình hay không?

Gợi ý trả lời:

Ngành Công nghiệp phần mềm tạo ra các sản phẩm phần mềm phục vụ nhiều lĩnh vực khác nhau, bao gồm:
- Phần mềm hệ thống.
- Phần mềm ứng dụng.
- Phần mềm doanh nghiệp.
- Phần mềm nhúng.
- Trò chơi điện tử.
- Dịch vụ phần mềm.
Để làm việc trong ngành này không bắt buộc phải giỏi lập trình, vì ngành này có nhiều vị trí khác nhau.

Hoạt động (trang 100):

Em hãy nêu tên một số sản phẩm truyền thông đa phương tiện và cho biết chủ đề tin học nào đã học góp phần phát triển năng lực để trong tương lai em có thể làm ra những sản phẩm này.

Gợi ý trả lời:

Một số sản phẩm truyền thông đa phương tiện:
- Video quảng cáo, phim hoạt hình (TV commercials, animation) – Ví dụ: TVC quảng cáo của các nhãn hàng, phim hoạt hình 3D như Pixar, DreamWorks.
- Thiết kế đồ họa & nhận diện thương hiệu – Logo, poster, banner, brochure, bìa sách.
- Website, ứng dụng đa phương tiện – Trang web tin tức, e-learning, app chỉnh sửa ảnh/video (Canva, TikTok, CapCut).
- Game và thực tế ảo (VR/AR) – Game 2D, 3D, game thực tế ảo như VRChat, Beat Saber.
Chủ đề đã học:
- Chủ đề 4. Ứng dụng tin học – đồ họa (lớp 10).
- Chủ đề 7. Phần mềm chỉnh sửa ảnh và làm video (lớp 11).
- Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính (thiết kế web) - lớp 12.

Vận dụng (trang 103):

Nếu chọn nghề trong ngành Công nghệ thông tin, em sẽ hướng đến nghề nào? Vì sao?
Gợi ý: Xem xét các yêu cầu công việc và đối chiếu với những điểm mạnh, những sở thích của bản thân như: thích và giỏi lập trình, thích và có năng khiếu hội hoa, chụp ảnh, thích khám phá tìm hiểu những công nghệ mới, tiên tiến; thích những ứng dụng công nghệ thông tin đặc thù,...

Gợi ý trả lời:

Tùy khả năng và sở thích có thể chọn một trong các nghề sau:
- Nếu thích lập trình, nên chọn phát triển phần mềm, AI, game.
- Nếu thích thiết kế, nên theo UI/UX, đồ họa, dựng phim.
- Nếu thích công nghệ mới, có thể chọn bảo mật, AI, Cloud, IoT.
- Nếu thích ứng dụng CNTT, có thể làm quản trị hệ thống, dữ liệu, CNTT trong các lĩnh vực đặc thù.

Câu hỏi tự kiểm tra (trang 103):

Câu 1. Hãy kể tên một số nghề trong ngành Công nghiệp phần mềm mà không phải lập trình.
Câu 2. Chuyển đổi số làm tăng nhu cầu nhân lực công nghệ thông tin của những nghề gì?
Câu 3. Ngành Truyền thông đa phương tiện tuyển dụng nhân lực làm những nghề gì cần đến kĩ năng công nghệ thông tin?
Câu 4. Kĩ sư GIS làm gì và những lĩnh vực nào có nhu cầu tuyển kĩ sư GIS?

Gợi ý trả lời:

Câu 1. Một số nghề trong ngành Công nghiệp phần mềm không yêu cầu lập trình:
- Thiết kế giao diện & trải nghiệm người dùng – Thiết kế giao diện đẹp, dễ sử dụng cho website, ứng dụng.
- Thiết kế đồ họa – Thiết kế logo, poster, banner, hình ảnh minh họa.
- Kiểm thử phần mềm – Kiểm tra lỗi phần mềm, đảm bảo chất lượng sản phẩm.
- Quản lý dự án phần mềm – Lập kế hoạch, điều phối nhóm phát triển phần mềm.
- Phân tích nghiệp vụ – Phân tích yêu cầu khách hàng, đề xuất giải pháp phần mềm.
- ...
Câu 2. Chuyển đổi số làm tăng nhu cầu nhân lực công nghệ thông tin của những nghề sau:
- Lập trình viên. Nhu cầu tăng mạnh trong các doanh nghiệp muốn số hóa quy trình làm việc.
- Kỹ sư dữ liệu & trí tuệ nhân tạo. Ứng dụng trong tài chính, y tế, marketing, thương mại điện tử.
- Chuyên gia an toàn thông tin. Doanh nghiệp cần bảo vệ thông tin khi chuyển đổi lên nền tảng số.
- Kỹ sư điện toán đám mây. Tăng mạnh do xu hướng làm việc từ xa, lưu trữ dữ liệu đám mây.
- ...
Câu 3. Ngành Truyền thông đa phương tiện tuyển dụng nhân lực làm những nghề cần đến kĩ năng công nghệ thông tin như:
- Nhà thiết kế đồ họa. Yêu cầu kỹ năng: Xử lý hình ảnh, thiết kế sáng tạo, sử dụng phần mềm đồ họa.
- Chuyên viên dựng phim & chỉnh sửa video. Yêu cầu kỹ năng: Dựng phim, chỉnh màu, tạo hiệu ứng hình ảnh động.
- Chuyên gia sản xuất nội dung số. Yêu cầu kỹ năng: Sáng tạo nội dung, viết bài, tối ưu SEO.
- Chuyên viên marketing số. Yêu cầu kỹ năng: Phân tích dữ liệu, quản lý quảng cáo, tối ưu hóa nội dung số.
- ...
Câu 4.
Công việc của kỹ sư GIS:
- Thu thập dữ liệu không gian từ bản đồ, ảnh vệ tinh, GPS, drone.
- Phân tích dữ liệu địa lý để tìm xu hướng, dự đoán, ra quyết định.
- Thiết kế & phát triển phần mềm GIS, ứng dụng web GIS.
- Quản lý cơ sở dữ liệu không gian (spatial database).
- Tạo bản đồ số, mô hình 3D, bản đồ nhiệt, bản đồ quy hoạch.
Các lĩnh vực cần tuyển kỹ sư GIS:
- Quy hoạch đô thị & Xây dựng – Xây dựng bản đồ quy hoạch, phân tích phát triển đô thị.
- Môi trường & Biến đổi khí hậu – Giám sát rừng, theo dõi ô nhiễm, dự báo thiên tai.
- Nông nghiệp thông minh – Theo dõi độ ẩm đất, dự đoán sản lượng, tối ưu tưới tiêu.
- Giao thông & Logistics – Lập bản đồ giao thông, tối ưu hóa tuyến đường.
- Quốc phòng & An ninh – Giám sát biên giới, quản lý bản đồ chiến thuật.
- Năng lượng & Viễn thám – Định vị điểm lắp đặt điện gió, năng lượng mặt trời.
- Kinh tế & Thị trường – Phân tích vị trí cửa hàng, tối ưu chiến lược kinh doanh.

---The end!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Làm quen với ngôn ngữ đánh dấu siêu văn bản
Bài 2. Định dạng văn bản và siêu tạo liên kết
Bài 3. Thực hành định dạng văn bản và tạo siêu liên kết
Bài 4. Trình bày nội dung theo dạng danh sách, bảng biểu
Bài 5. Chèn hình ảnh, âm thanh, video và sử dụng khung
Bài 6. Tạo biểu mẫu
Bài 7. Thực hành tạo biểu mẫu
Bài 8. Làm quen với CSS
Bài 9. Thực hành định dạng một số thuộc tính CSS
Bài 10. Bộ chọn lớp, bộ chọn định danh
Bài 11. Mô hình hộp, bố cục trang web
Bài 12. Dự án nhỏ: Tạo trang web báo tường

Bài 1. Giới thiệu nhóm nghề Dịch vụ và Quản trị trong ngành Công nghệ thông tin
Bài 2. Một số nghề khác trong ngành Công nghệ thông tin và một số nghề ứng dụng Công nghệ thông tin
Bài 3. Dự án nhỏ: Tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo “Máy tính và Công nghệ thông tin” ở Việt Nam.

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Giới thiệu phần mềm tạo website
Bài 2. Tạo website bằng phần mềm
Bài 3. Tạo thanh điều hướng cho trang web
Bài 4. Tạo nội dung văn bản cho trang web
Bài 5. Tạo nội dung hình ảnh cho trang web
Bài 6. Tạo biểu mẫu cho trang web và xuất bản website
Bài 7. Tạo sản phẩm theo nhóm (Bài tập nhóm)

Bài 1. Môi trường truyền dẫn
Bài 2. Thiết bị mạng
Bài 3. Thiết kế mạng LAN
Bài 4. Thực hành về nhận diện thiết bị mạng và thiết kế mạng LAN (Bài tập nhóm)

Bài 1. Giới thiệu về học máy
Bài 2. Giới thiệu về khoa học dữ liệu
Bài 3. Giới thiệu về khoa học dữ liệu (tiếp theo)
Bài 4. Thực hành phân tích dữ liệu

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

☞ Kiểm tra tin học 12 - Cánh diều
☞ Lý thuyết tin học 12 - Cánh diều
☞ Thực hành tin học 12 - Cánh diều
☞ Gợi ý trả lời tin học 12 - Cánh diều
☞ Trắc nghiệm tin học 12 - Cánh diều
☞ Bài giảng điện tử tin học 12 - Cánh diều

BÀI 1 - GIỚI THIỆU NHÓM NGHỀ DỊCH VỤ VÀ QUẢN TRỊ TRONG NGÀNH CÔNG NGHỆ THÔNG TIN (CÁNH DIỀU - CS & ICT)

Bài 1 - Giới thiệu nhóm nghề Dịch vụ và Quản trị trong ngành Công nghệ thông tin (Cánh diều - cs & ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 92):

Điều 52 của Luật Công nghệ thông tin số 67/2006/QH11 đề cập đến các loại hình dịch vụ công nghệ thông tin, trong đó có:
– Tích hợp hệ thống, chạy thử, dịch vụ quản lí ứng dụng, cập nhật, bảo mật. – Thiết kế, lưu trữ, duy trì trang thông tin điện tử.
– Bảo hành, bảo trì, bảo đảm an toàn mạng và thông tin.
- Cập nhật, tìm kiếm, lưu trữ, xử lí dữ liệu và khai thác cơ sở dữ liệu. Em hãy nêu tên một chủ đề tin học đã học và cho biết loại hình dịch vụ nào trên đây cần những kiến thức, kĩ năng trong chủ đề đó.

Gợi ý trả lời:

Chủ đề B "Mạng máy tính và Internet" cung cấp kiến thức về mạng máy tính, an toàn thông tin, bảo mật dữ liệu và quản lý hệ thống. Dựa trên các loại hình dịch vụ trong Điều 52 của Luật Công nghệ thông tin số 67/2006/QH11, chủ đề này liên quan đến các loại hình dịch vụ sau:
1. Bảo hành, bảo trì, bảo đảm an toàn mạng và thông tin
- Kiến thức, kỹ năng cần thiết:
+ Hiểu về các giao thức mạng (TCP/IP, HTTP, HTTPS, FTP...).
+ Kỹ năng cấu hình mạng máy tính, bảo trì hệ thống mạng.
+ Kiến thức về tường lửa (firewall), mã hóa dữ liệu, bảo mật thông tin để đảm bảo an toàn mạng.
2. Cập nhật, tìm kiếm, lưu trữ, xử lý dữ liệu và khai thác cơ sở dữ liệu
- Kiến thức, kỹ năng cần thiết:
+ Tìm kiếm thông tin trên Internet một cách hiệu quả (Google, Bing, CSDL trực tuyến).
+ Hiểu về cách thức lưu trữ và xử lý dữ liệu trên hệ thống mạng.
+ Kỹ năng bảo vệ thông tin cá nhân và an toàn dữ liệu trên mạng.

Hoạt động (trang 95):

Trong cuốn “Tài liệu những điều cần biết về nghề Công nghệ thông tin" do Bộ Thông tin và Truyền thông phát hành có hình minh hoạ những công việc của kĩ sư quản trị mạng (Hình 1). Theo em:
1) Để làm kĩ sư quản trị mạng, có bắt buộc phải giỏi lập trình hay không?
2) Trong lĩnh vực Công nghệ thông tin, có thể chọn những nghề gì nếu không giỏi lập trình?

Gợi ý trả lời:

1) Để làm kỹ sư quản trị mạng, có bắt buộc phải giỏi lập trình hay không?
Không bắt buộc phải giỏi lập trình, nhưng biết lập trình là một lợi thế lớn.
- Quản trị mạng chủ yếu liên quan đến thiết lập, vận hành, bảo mật hệ thống mạng, không yêu cầu lập trình chuyên sâu như lập trình viên phần mềm.
- Tuy nhiên, biết lập trình (đặc biệt là script như Python, Bash, PowerShell) sẽ giúp tự động hóa công việc, viết script quản lý hệ thống và xử lý sự cố nhanh hơn.
- Các kỹ năng quan trọng hơn gồm:
+ Hiểu về giao thức mạng (TCP/IP, DNS, DHCP, VPN...).
+ Cấu hình thiết bị mạng (Router, Switch, Firewall...).
+ Bảo mật mạng (phát hiện và ngăn chặn tấn công mạng).
+ Giám sát, vận hành và bảo trì hệ thống mạng.
Tóm lại: Không cần giỏi lập trình, nhưng có kiến thức lập trình cơ bản sẽ giúp ích rất nhiều trong công việc.
2) Trong lĩnh vực Công nghệ thông tin, có thể chọn những nghề gì nếu không giỏi lập trình?
Nếu không giỏi lập trình vẫn có thể làm nhiều công việc trong lĩnh vực CNTT, như:
- Quản trị mạng và hệ thống
- Hỗ trợ kỹ thuật
- An toàn thông tin & bảo mật
- Quản lý dự án CNTT
- Phân tích dữ liệu & Khoa học dữ liệu
- Chuyên viên triển khai phần mềm
- Thiết kế đồ họa & UI/UX

Vận dụng (trang 97):

Nếu chọn nhóm nghề quản trị, em sẽ chọn Quản trị mạng hay Quản trị và bảo trì hệ thống? Vì sao?

Gợi ý trả lời:

Em chọn Quản trị mạng. Vì em thích làm việc với các thiết bị mạng, cấu hình và giải quyết các vấn đề liên quan đến kết nối.

Câu hỏi tự kiểm tra (trang 97):

Câu 1. Kĩ thuật viên công nghệ thông tin làm những việc gì?
Câu 2. Kĩ sư quản trị mạng làm những việc gì?
Câu 3. Kĩ sư an toàn thông tin làm những việc gì?
Câu 4. Công việc quản trị mạng khác với quản trị và bảo trì hệ thống ở những điểm nào?.

Gợi ý trả lời:

Câu 1. Công việc chính bao gồm:
- Quản lý và bảo trì hệ thống máy tính
- Quản trị hệ thống mạng & bảo mật
- Hỗ trợ kỹ thuật (IT Support)
- Quản lý dữ liệu & sao lưu
- Cài đặt & bảo trì các thiết bị CNTT khác
Câu 2. Công việc chính bao gồm:
- Thiết lập và quản lý hệ thống mạng
- Giám sát và vận hành mạng
- Bảo mật mạng và an toàn thông tin
- Hỗ trợ kỹ thuật liên quan đến mạng
- Sao lưu và phục hồi hệ thống mạng
Câu 3. Công việc chính bao gồm:
- Xây dựng và triển khai các giải pháp bảo mật
- Giám sát và phát hiện các mối đe dọa an ninh
- Ứng phó và khắc phục sự cố an toàn thông tin
- Đánh giá và kiểm thử bảo mật hệ thống
- Đào tạo và tư vấn về an toàn thông tin
Câu 4. Công việc quản trị mạng khác với quản trị và bảo trì hệ thống ở những điểm sau:
- Quản trị mạng tập trung vào hệ thống mạng, đảm bảo kết nối ổn định, an toàn.
- Quản trị & bảo trì hệ thống tập trung vào máy chủ, phần mềm, dữ liệu, đảm bảo hệ thống vận hành trơn tru.

---The end!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 11 - MÔ HÌNH HỘP, BỐ CỤC TRANG WEB (CÁNH DIỀU - CS & ICT)

Bài 11 - Mô hình hộp, bố cục trang web (Cánh diều - cs & ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động	Luyện tập
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 83):

Em hãy truy cập trang chủ của các website: https://most gov.vn, https://tienphong.vn. Theo em, bố cục của hai trang web này có giống nhau không?

Gợi ý trả lời:

Theo em, bố cục của hai trang web này giống nhau: Cả hai trang web đều sử dụng thanh menu ngang ở đầu trang để điều hướng và bố cục ba cột dọc để hiển thị nội dung.

Hoạt động (trang 84):

Theo em, trên một dòng của màn hình trình duyệt web có thể hiển thị nhiều phần tử HTML được không?

Gợi ý trả lời:

Được, trên một dòng của màn hình trình duyệt web có thể hiển thị nhiều phần tử HTML cùng lúc. Điều này phụ thuộc vào loại phần tử HTML và cách chúng được định dạng bằng CSS.
- Dựa vào loại phần tử:
+ Phần tử nội tuyến (inline elements) như <span>, <a>, <strong> có thể xuất hiện trên cùng một dòng.
+ Phần tử khối (block elements) như <div>, <p>, <h1> mặc định chiếm toàn bộ chiều rộng của dòng, vì vậy chúng thường xuống dòng mới.
- Dùng CSS để kiểm soát hiển thị:
+ display: inline hoặc display: inline-block giúp phần tử xuất hiện trên cùng một dòng.
+ float và flexbox (display: flex) có thể sắp xếp nhiều phần tử trên cùng một hàng.
+ grid layout (display: grid) giúp bố trí các phần tử trên một dòng tùy chỉnh.

Luyện tập (trang 87):

Em hãy khai báo thêm các quy tắc định dạng cho trang web “Bai10-NVI.html" để: nội dung phần tử body có khoảng cách lề 30 pixel; phần tử h3 có đường viền tô liền nét (solid), khoảng cách vùng đệm là 20 pixel.

Gợi ý trả lời:

Thêm đoạn mã CSS sau vào trong thẻ <style> bên trong phần <head> của Bai10-NV1.html:

Vận dụng (trang 87):

Em hãy sử dụng phần tử div kết hợp với định dạng CSS để tách trang web Bai10-NV1.html thành hai phần: phần đầu trang và phần nội dung. Phần đầu trang là tiêu đề “Đóng góp ý kiến cho thư viện của nhà trường", phần nội dung là các thông tin còn lại. Tạo màu nền khác nhau cho hai phần này.

Gợi ý trả lời:

Giải thích
- Sử dụng <div class="header"> để tạo phần đầu trang chứa tiêu đề, với màu nền xanh dương và chữ trắng.
- Sử dụng <div class="content"> để tạo phần nội dung, với màu nền xám nhạt và phần văn bản đóng góp.
- CSS điều chỉnh màu sắc, căn giữa tiêu đề, thêm khoảng cách (padding) để tạo bố cục đẹp hơn.
Khi chạy tệp HTML này, trang web sẽ hiển thị hai phần rõ ràng với màu nền khác nhau.

Câu hỏi tự kiểm tra (trang 87):

Câu 1. Cho khai báo định dạng sau: p{height: 50 px; padding:5px; border: 2px solid; margin: 4px;}. Khi đó chiều cao của phần từ p tính theo pixel là bao nhiêu?
A. 60px
B. 72px
C. 54px
D. 64px
Câu 2. Cần thiết lập hiển thị theo dòng hoặc theo khối để tạo trang web như ở Hình 7, mỗi phát biểu dưới đây là đúng hay sai?

a) Theo mặc định, các phần tử input được hiển thị theo khối nên khi khai báo các phần tử input trong văn bản HTML không cần xác định thuộc tính display mà các điều khiển trên biểu mẫu vẫn hiển thị đúng như yêu cầu.
b) Để hiển thị như yêu cầu cần định dạng các label được hiển thị theo khối bằng khai báo định dạng label {display: block). Phần body của văn bản HTML khai báo như sau:

c) Để hiển thị như yêu cầu cần định dạng các label được hiển thị theo khối bằng khai báo label {display: block}. Phần body của văn bản HTML khai báo như sau:

d) Theo mặc định, các phần tử input được hiển thị theo dòng nên cần khai báo định dạng hiển thị theo khối cho hai ô text nhập dữ liệu .bl {display: block}. Phần body của văn bản HTML khai báo như sau:

Gợi ý trả lời:

Câu 1.
Tính tổng chiều cao của phần tử <p>, chúng ta sử dụng công thức:
Chiều cao tổng = height + padding trên + padding dưới + border trên+border dưới + margin trên + margin dưới
Dựa vào khai báo CSS:
- height = 50px (chiều cao nội dung)
- padding = 5px (cả trên và dưới)
- border = 2px (cả trên và dưới)
- margin = 4px (cả trên và dưới)
Tính toán:
50+(5×2)+(2×2)+(4×2)=50+10+4+8=72px
Vậy: đáp án đúng là B (72px)
Câu 2.
Phát biểu a)
"Theo mặc định, các phần tử input được hiển thị theo khối nên khi khai báo các phần tử input trong văn bản HTML không cần xác định thuộc tính display mà các điều khiển trên biểu mẫu vẫn hiển thị đúng như yêu cầu."
⤷ Sai:
- Các phần tử <input> mặc định thuộc nhóm inline-block, không phải block.
- Do đó, nếu không có CSS tùy chỉnh, các phần tử <input> sẽ nằm trên cùng một dòng với các phần tử khác, thay vì hiển thị theo khối.
Phát biểu b)
"Để hiển thị như yêu cầu cần định dạng các label được hiển thị theo khối bằng khai báo định dạng label {display: block}. Phần body của văn bản HTML khai báo như sau:"
⤷ Đúng:
- Mặc định, <label> là inline.
- Nếu muốn hiển thị mỗi <label> trên một dòng riêng biệt (giống như trong các biểu mẫu nhập liệu), cần đặt:
label {
display: block;
}
Phát biểu c)
"Để hiển thị như yêu cầu cần định dạng các label được hiển thị theo khối bằng khai báo label {display: block}. Phần body của văn bản HTML khai báo như sau:"
⤷ Đúng (giống phát biểu b):
- Vì cách định dạng này đảm bảo mỗi <label> nằm trên một dòng riêng.
Phát biểu d)
"Theo mặc định, các phần tử input được hiển thị theo dòng nên cần khai báo định dạng hiển thị theo khối cho hai ô text nhập dữ liệu .bl {display: block}. Phần body của văn bản HTML khai báo như sau:"
⤷ Đúng:
- <input> mặc định là inline-block, tức là nó có thể xuất hiện trên cùng một dòng với các phần tử khác.
- Để làm cho chúng hiển thị thành khối riêng biệt, ta cần đặt:
.bl {
display: block;
}

---The end!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 10 - BỘ CHỌN LỚP, BỘ CHỌN ĐỊNH DANH (CÁNH DIỀU - CS & ICT)

Bài 10- Bộ chọn lớp, bộ chọn định danh (Cánh diều - cs & ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 77):

Trong một trang web có 5 đoạn văn bản, em có biết khai báo CSS như thế nào để trình bày đoạn văn bản đầu tiên và cuối cùng chữ màu đỏ, còn các đoạn văn bản còn lại chữ màu xanh không?

Gợi ý trả lời:

p:first-of-type, p:last-of-type {
color: red; /* Đoạn đầu tiên và cuối cùng màu đỏ */
}
p:not(:first-of-type):not(:last-of-type) {
color: blue; /* Các đoạn còn lại màu xanh */
}
Giải thích:
- p:first-of-type → Chọn đoạn đầu tiên trong trang.
- p:last-of-type → Chọn đoạn cuối cùng trong trang.
- p:not(:first-of-type):not(:last-of-type) → Chọn tất cả các đoạn không phải đoạn đầu và đoạn cuối (tức là các đoạn giữa).

Hoạt động (trang 78):

Em có biết cách khai báo định dạng CSS để chỉ áp dụng cho một phần tử cụ thể trên trang web không?

Gợi ý trả lời:

Em biết. Để áp dụng CSS cho một phần tử cụ thể trên trang web, ta có thể sử dụng bộ chọn định danh (ID).

Vận dụng (trang 81):

Tạo website cá nhân:
Câu 1. Khai báo bộ chọn lớp, bộ chọn định danh, giá trị thuộc tính class cho phần tử body, id để hoàn thiện website cá nhân đã có ở các bài học trước.
Gợi ý thực hiện:
- Mở tệp “style.css”: Khai báo bộ chọn lớp có tên bg để thiết lập màu nền (ví dụ: lightgney). Khai báo bộ chọn định danh có tên submit để trình bày màu của nút lệnh (ví dụ: blue).
- Bổ sung khai báo giá trị thuộc tính class cho phần tử body của các tệp “hobbies.html” và “album.html" là bg.
- Bổ sung khai báo giá trị thuộc tính id cho nút lệnh submit trong tệp "index.html" là submit.
Câu 2. Em hãy mở tệp “index.html" để xem website cá nhân và tự đánh giá có hài lòng với thành quả của bản thân không.

Gợi ý cách thực hiện:

Câu 1.
1. Mở và chỉnh sửa tệp style.css
Thêm đoạn CSS sau vào tệp styles/style.css:

2. Cập nhật các tệp HTML
Tệp Hobbies.html & Album.html
Thêm class="bg" vào thẻ <body> trong các tệp hobbies.html và album.html:

Thêm đoạn mã vào tệp hobbies.html và album.html

Tệp Index.html
Thêm id="submit" cho nút lệnh submit trong tệp index.html:

3. Kiểm tra kết quả
- Khi mở hobbies.html và album.html, bạn sẽ thấy nền trang có màu xám nhạt.
- Khi mở index.html, nút submit sẽ có màu xanh dương, khi rê chuột vào sẽ đổi sang xanh đậm.
Câu 2. Mở tệp index.html để xem website và tự đánh giá nhé.

Câu hỏi tự kiểm tra (trang 81):

Câu 1. Cho khai báo định dạng CSS sau: a.xanh (color: blue; font-size:15px;}. Trong các khai báo HTML sau, khai báo nào sẽ áp dụng định dạng CSS trên?
A. <p class="xanh">Hoc CSS </p>
B. <p id= "xanh">Học CSS</p>
C. <a href="https://www.w3schools.com" id="xanh">Hoc CSS</a>
D. <a href="https://www.w3schools.com" class="xanh">Học CSS </a>
Câu 2.
Cô giáo yêu cầu khai báo và áp dụng CSS để định dạng văn bản HTML có nội dung như ở Hình 6a để có kết quả hiển thị trên trình duyệt web như ở Hình 6b. Sau khi tìm hiểu, các bạn học sinh đã đưa ra các giải pháp sau đây. Em hãy cho biết mỗi phát biểu sau là đúng hay sai:

a) Khai báo CSS sử dụng bộ chọn phần tử cho phần tử h1 vì nội dung văn bản HTML chỉ gồm các phần tử tiêu đề mục h1.
b) Thực hiện các bước sau:
Bước 1. Khai báo CSS sử dụng bộ chọn lớp để định dạng màu chữ khác với màu mặc định.

Bước 2. Khai báo thuộc tính class="tieude1" cho các tiêu đề mục chữ có màu đỏ, khai báo thuộc tính class="tieude2" cho các tiêu đề mục chữ có màu xanh.
c) Thực hiện các bước sau:
Bước 1. Khai báo CSS sử dụng bộ chọn định danh để định dạng tiêu đề mục chữ có màu xanh, các tiêu đề khác sử dụng bộ chọn phần tử h1.

Bước 2. Khai báo thuộc tính class = "tieude1" cho tiêu đề mục chữ có màu xanh.
d) Thực hiện các bước sau:
Bước 1. Kết hợp khai báo CSS sử dụng bộ chọn lớp, bộ chọn định danh

Bước 2. Khai báo thuộc tính class="tieude1" cho các tiêu đề mục chữ màu đỏ, khai báo thuộc tính id= "tieude2" cho các tiêu đề mục chữ có màu xanh.

Gợi ý trả lời:

Câu 1.
A. <p class="xanh">Học CSS</p>
→ Sai. Phần tử <p> không phải là <a>, trong khi CSS chỉ áp dụng cho a.xanh.
B. <p id="xanh">Học CSS</p>
→ Sai. ID (id="xanh") không liên quan đến class="xanh". CSS chỉ áp dụng cho class="xanh" trên thẻ <a>.
C. <a href="https://www.w3schools.com" id="xanh">Học CSS</a>
→ Sai. CSS chọn a.xanh (class), nhưng ở đây lại dùng id="xanh" thay vì class="xanh".
D. <a href="https://www.w3schools.com" class="xanh">Học CSS</a>
→ Đúng.
- Thẻ <a> có class="xanh" đúng với bộ chọn a.xanh.
- CSS sẽ được áp dụng: màu chữ xanh và cỡ chữ 15px.
Câu 2.
a) "Khai báo CSS sử dụng bộ chọn phần tử cho phần tử h1 vì nội dung văn bản HTML chỉ gồm các phần tử tiêu đề mục h1."
→ Đúng. Nếu toàn bộ nội dung chỉ gồm các tiêu đề <h1>, có thể sử dụng bộ chọn phần tử h1 { color: ...; } để định dạng chung mà không cần dùng class hoặc id.
b) "Khai báo CSS sử dụng bộ chọn lớp để định dạng màu chữ khác với màu mặc định."
→ Đúng:
- Sử dụng class (.tieude1 { color: red; }, .tieude2 { color: blue; }) giúp dễ quản lý và áp dụng cho nhiều phần tử có cùng kiểu định dạng.
- Khi khai báo <h1 class="tieude1">...</h1>, tiêu đề sẽ có màu đỏ, còn <h1 class="tieude2">...</h1> có màu xanh.
c) "Khai báo CSS sử dụng bộ chọn định danh để định dạng tiêu đề mục chữ có màu xanh, các tiêu đề khác sử dụng bộ chọn phần tử h1."
→ Sai:
- Bộ chọn id (#tieude1 { color: blue; }) chỉ nên được dùng cho một phần tử duy nhất trên trang, không phù hợp nếu có nhiều tiêu đề cần màu xanh.
- Ngoài ra, bước 2 lại sử dụng class="tieude1", nhưng tieude1 đã được khai báo dưới dạng ID → Không hợp lệ.
d) "Kết hợp khai báo CSS sử dụng bộ chọn lớp, bộ chọn định danh."
→ Đúng. Kết hợp class (.tieude1 { color: red; }) và id (#tieude2 { color: blue; }) giúp phân biệt rõ ràng:
- Các tiêu đề cần dùng nhiều lần sẽ dùng class="tieude1".
- Tiêu đề chỉ có một trên trang sẽ dùng id="tieude2".

---The end!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Giữ gìn tính nhân văn trong thế giới ảo