Giải Tin học ứng dụng 12 chân trời bài F4: Thêm dữ liệu đa phương tiện vào trang web

Giải bài F4: Thêm dữ liệu đa phương tiện vào trang web sách Tin học ứng dụng 12 chân trời sáng tạo. Phần đáp án chuẩn, hướng dẫn giải chi tiết cho từng bài tập có trong chương trình học của sách giáo khoa. Hi vọng, các em học sinh hiểu và nắm vững kiến thức môn Tin học 12 Tin học ứng dụng chân trời chương trình mới

B. Bài tập và hướng dẫn giải

KHỞI ĐỘNG

Theo em, một trang web có nội dung chỉ thuần văn bản sẽ có những hạn chế gì so với trang web có thêm hình ảnh và âm thanh?

KHÁM PHÁ

1. Thêm tệp ảnh vào trang web

Làm

Em hãy bổ sung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở Ví dụ 1

2. Thêm tập video và âm thanh vào trang web

Làm

Em hãy bổ sung thuộc tính cho đoạn mã HTML ở Ví dụ 2 để kích thước hiển thị của video là 800 x 600 pixels và video tự động phát không có âm thanh.

LUYỆN TẬP

Câu 1: Chức năng các thuộc tính của thẻ <img> khi thêm tệp ảnh vào trang web là gì?

Câu 2: Em hãy liệt kê và nêu chức năng các thuộc tính của thẻ <audio> khi thêm tệp âm thanh vào trang web.

Câu 3: Giả sử tệp portfolio.html nằm cùng nơi với thư mục Asset. Thư mục Sound, là thư mục con của thư mục Asset, có chứa tệp bai_hat.mp3. Theo em, đường dẫn cho thuộc tính src để thêm tệp bai_hat.mp3 này vào tệp portfolio.html là gì?

VẬN DỤNG

Em hãy bổ sung các nội dung sau vào trang web portfolio.html:

Câu 1: Một video clip và một bài hát mà em yêu thích với thẻ <video>, <audio>, <h1>, <h2> và các thẻ khác đã học.

Câu 2: Thêm ảnh vào mục Nội dung yêu thích sao cho mỗi hàng của bảng hiển thị ba ảnh, sử dụng thẻ <img>, các thẻ tạo bảng và các thẻ khác đã học.

Hình 4 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

Câu 3: Thêm ảnh đại diện vào bên phải của mục Giới thiệu chung để được kết quả như Hình 5.

Nội dung quan tâm khác

Thêm kiến thức môn học

Từ khóa tìm kiếm:

Giải Tin học ứng dụng 12 chân trời sáng tạo, Giải bài F4: Thêm dữ liệu đa phương tiện Tin học ứng dụng 12 chân trời sáng tạo, Giải tin học 12 theo định hướng Tin học ứng dụng CTST bài F4: Thêm dữ liệu đa phương tiện

Bình luận

Giải bài tập những môn khác