Giải Tin học 12 - Định hướng khoa học máy tính trang 64

Q: Câu 2

⚠️ Lưu ý thi: Khi ảnh lỗi, trình duyệt sẽ hiển thị văn bản trong thuộc tính alt. Đây chính là lý do alt rất quan trọng — vừa hỗ trợ người dùng hình dung nội dung, vừa hỗ trợ người khiếm thị (đọc màn hình). Câu hỏi về vai trò của alt rất hay xuất hiện trong đề.

Lời giải chi tiết SGK Lớp 12 · Môn Tin Há»c · Trang 64–65

Nguon: Tin Hoc 12 KHMT (trang 64 – 65)

⚠️ Lưu ý: Ảnh em gửi là trang 62 – 63 (Bài 11), không phải trang 64 – 65. Thầy sẽ giải đầy đủ các câu hỏi có trong hai trang này nhé.

🔍 Kiến thức cần nhớ

Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web

Nội dung trọng tâm phần đầu bài (Chèn tệp ảnh vào trang web):

Chèn ảnh vào trang web dùng thẻ — đây là thẻ đơn (không có thẻ đóng).
Các định dạng ảnh được trình duyệt hỗ trợ phổ biến: PNG, JPEG (JPG), GIF, và một số định dạng mới như JPEG-XR, WebP. Các định dạng khác (TIFF, EPS,...) cần chuyển sang định dạng được hỗ trợ.
Thuộc tính của thẻ :
src: bắt buộc, chỉ đường dẫn tới tệp ảnh.
alt: văn bản thay thế, hiển thị khi ảnh bị lỗi; giúp người đọc hình dung nội dung ảnh.
width, height: thiết lập kích thước hiển thị (đơn vị pixel). Nếu chỉ dùng một thuộc tính, chiều còn lại tự tính theo tỉ lệ ảnh gốc.
Lưu ý: nên dùng đường dẫn tương đối khi chèn ảnh để tránh lỗi khi ảnh trên mạng bị thay đổi.

💡 Mẹo nhớ: Thẻ cần "S-A-W-H": Src (đường dẫn, bắt buộc), Alt (văn bản thay thế), Width + Height (kích thước).

⚙️ Bài tập

Câu mở đầu

Đề bài: Có những điểm gì khiến em thấy hứng thú hơn khi xem các trang web so với đọc sách?

Trả lời:

So với đọc sách in, trang web hấp dẫn hơn nhờ tính đa phương tiện và tương tác:

Có hình ảnh màu sắc sinh động, có thể phóng to, thu nhỏ.
Tích hợp âm thanh, video, hoạt hình giúp minh họa trực quan.
Có liên kết (hyperlink) cho phép chuyển nhanh đến thông tin liên quan, không phải lật trang tuần tự.
Nội dung được cập nhật thường xuyên, luôn mới.
Có thể tìm kiếm nhanh từ khóa trong trang.
Cho phép tương tác hai chiều: bình luận, điền biểu mẫu, làm bài trắc nghiệm,...

Hoạt động 1 — Các định dạng tệp ảnh

Đề bài: Hãy kể tên các định dạng tệp ảnh mà em biết. Phân loại chúng vào nhóm đồ họa vectơ hoặc đồ họa điểm ảnh.

Cách 1 — Liệt kê và phân loại theo bản chất lưu trữ

Trước hết cần phân biệt hai nhóm đồ họa:

Đồ họa điểm ảnh (bitmap/raster): ảnh được tạo từ lưới các điểm ảnh (pixel), mỗi pixel mang một màu. Khi phóng to dễ bị vỡ, mờ.
Đồ họa vectơ (vector): ảnh được mô tả bằng các đối tượng hình học (điểm, đường, đa giác) qua công thức toán học. Phóng to, thu nhỏ tùy ý mà không bị vỡ hình.

Bảng phân loại các định dạng tệp ảnh:

Đồ họa điểm ảnh (raster)	Đồ họa vectơ (vector)
JPEG/JPG	SVG
PNG	AI (Adobe Illustrator)
GIF	EPS
BMP	PDF (dạng vectơ)
TIFF	CDR (CorelDRAW)
WebP	WMF
JPEG-XR

Cách 2 — Mẹo nhận biết nhanh

Chỉ cần nhớ: hầu hết định dạng ảnh thông dụng trên web đều là điểm ảnh (PNG, JPEG, GIF, WebP). Nhóm vectơ tiêu biểu và quen thuộc nhất là SVG, ngoài ra là các tệp của phần mềm thiết kế (AI, EPS, CDR).

💡 Mẹo nhớ: Vẽ logo, biểu tượng cần phóng to nhiều lần → dùng vectơ (SVG). Ảnh chụp, ảnh nhiều màu sắc → dùng điểm ảnh (JPEG, PNG).

Câu 1

Đề bài: Thẻ chỉ dùng khi chèn ảnh jpg vào trang web có đúng không?

Cách 1 — Đối chiếu với lý thuyết

Sai. Phát biểu này không đúng.

Thẻ dùng để chèn nhiều định dạng ảnh khác nhau mà trình duyệt hỗ trợ, không riêng JPG. Theo nội dung bài học, các định dạng phổ biến gồm: PNG, JPEG (JPG), GIF, cùng các định dạng mới như JPEG-XR, WebP.

Như vậy JPG chỉ là một trong nhiều định dạng mà thẻ có thể chèn được.

Cách 2 — Phản ví dụ

Chỉ cần một phản ví dụ là đủ bác bỏ:

Đoạn mã trên chèn ảnh PNG (không phải JPG) và vẫn hiển thị bình thường → khẳng định phát biểu là sai.

Câu 2

Đề bài: Hãy nêu một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh.

Trả lời:

Một số trường hợp khiến ảnh không hiển thị được trên trang web:

Sai đường dẫn ở thuộc tính src — gõ sai tên tệp, sai thư mục, sai phần mở rộng (ví dụ ghi .jpg nhưng tệp là .png).
Tệp ảnh không tồn tại hoặc đã bị xóa, di chuyển, đổi tên.
Dùng đường dẫn tuyệt đối tới ảnh trên mạng mà ảnh đó bị thay đổi hoặc gỡ bỏ (vì vậy bài học khuyên nên dùng đường dẫn tương đối).
Định dạng ảnh không được trình duyệt hỗ trợ (ví dụ TIFF, EPS chưa chuyển đổi).
Mất kết nối mạng hoặc mạng quá chậm, ảnh chưa tải kịp (nhất là ảnh dung lượng lớn).
Tệp ảnh bị hỏng (lỗi dữ liệu trong quá trình tải hoặc lưu).
Sai phân biệt chữ hoa/chữ thường trong tên tệp (trên một số máy chủ phân biệt hoa thường).

⚠️ Lưu ý thi: Khi ảnh lỗi, trình duyệt sẽ hiển thị văn bản trong thuộc tính alt. Đây chính là lý do alt rất quan trọng — vừa hỗ trợ người dùng hình dung nội dung, vừa hỗ trợ người khiếm thị (đọc màn hình). Câu hỏi về vai trò của alt rất hay xuất hiện trong đề.

🎯 Ghi nhớ: - Chèn ảnh vào trang web dùng thẻ đơn . - src là bắt buộc; alt nên có để thay thế khi ảnh lỗi. - Dùng width, height để chỉnh kích thước (pixel); chỉ một thuộc tính thì chiều kia tự co theo tỉ lệ. - Nên dùng đường dẫn tương đối để tránh lỗi ảnh. - Thẻ hỗ trợ nhiều định dạng: PNG, JPEG, GIF, WebP,... chứ không chỉ JPG.

Chế độ đọc sách →