Tin học 12 Chân trời sáng tạo Bài F4: Thêm dữ liệu đa phương tiện vào trang web

Giải Tin học 12 | No tags

Mục lục

Với giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web sách Chân trời sáng tạo hay nhất, ngắn gọn giúp học sinh dễ dàng làm bài tập & trả lời câu hỏi Tin 12 Định hướng Khoa học máy tính Bài F4.

Giải Tin học 12 Chân trời sáng tạo Bài F4: Thêm dữ liệu đa phương tiện vào trang web

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ì

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Khởi động trang 89 Tin học 12: 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?

Lời giải:

Một trang web có nội dung chỉ thuần văn bản sẽ có nhiều hạn chế so với trang web có thêm hình ảnh và âm thanh. Trang web thuần văn bản sẽ đơn điệu, nhàm chán, không có điểm nhấn, không diễn tả được hết nội dung muốn thể hiện.

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

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

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Hoạt động trang 90 Tin học 12: Em hãy bổ sung thuộc tính title cho thẻ trong mã lệnh HTML ở ví dụ 1.

Lời giải:

Code:

Kỉ yếu lớp 12A

Thành viên lớp

ảnh chân dung

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

Em hãy bổ sung thuộc tính cho đoạn mã HTML ở ví dụ 2 để kích thước hiển thị

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Hoạt động trang 91 Tin học 12: 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à 800x600 pixels và video tự động phát không có âm thanh.

Lời giải:

Code:

Kỉ yếu lớp 12A

Thành viên lớp

ảnh chân dung

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

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ì

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Luyện tập 1 trang 91 Tin học 12: Chức năng các thuộc tính của thẻ khi thêm tệp ảnh vào trang web là gì?

Lời giải:

Thẻ với các thuộc tính src, alt, with, height,…được dùng để thêm tệp ảnh vào trang web. Thẻ chỉ có thể mở thẻ, không có thẻ đóng.

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

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

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Luyện tập 2 trang 91 Tin học 12: Em hãy liệt kê và nêu chức năng các thuộc tính của thẻ

Lời giải:

Thẻ

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

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

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Luyện tập 3 trang 91 Tin học 12: 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ì?

Lời giải:

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. Vậy đường dẫn cho thuộc tính src để thêm tệp bai_hat.mp3 này vào tệp portfolio.html như sau:

Asset\ Sound\bai-hat.mp3

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

Thực hành: Thêm tệp ảnh vào trang web

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Thực hành trang 91 Tin học 12:

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

Yêu cầu: Trong trang web portfolio.html, hãy thêm 4 hình ảnh theo bố cục như Hình 3.

Thực hành: Thêm tệp ảnh vào trang web

Nhiệm vụ 2. Thêm tệp video vào trang web

Yêu cầu: Trong trang web portfolio.html vừa thực hiện ở trên, hãy thêm hai video vẽ hoạt động của lớp.

Lời giải:

1. Khởi động Visual Studio Code và mở tệp portfolio.html.

2. Viết thêm đoạn mã HTML vào phần mã lệnh của thẻ :

Nội dung yêu thích/h1>

Hình ảnh

Em sử dụng thẻ

để tạo bố cục hiển thị các hình ảnh gồm có hai thẻ ứng với hai hàng của bảng, mỗi thẻ có hai thẻ
ứng với hai ô, mỗi ô chứa một hình ảnh. Bên cạnh đó, em thêm tệp ảnh trong thư mục Images nằm cùng nơi với tệp portfolio.html (Anh_1.jpg và Anh_2.jpg) bằng đường dẫn của tệp hoặc thêm tập ảnh từ trang web khác (gY8a62C.jpg và

okIIFRI4.jpg) bằng đường liên kết đến các tệp ảnh đó.

3. Nhảy đúp chuột vào tập portfolio.html để kiểm tra kết quả.

1. Viết thêm đoạn mã HTML vào phần mã lệnh của thẻ :

Video clip

Thi kéo co

Em thêm tập video trong thư mục Videos nằm cùng nơi với tệp portfolio.html (clip_keo_comp4) bằng đường dẫn của Lệp hoặc thêm tệp video từ trang web khác bằng đường liên kết đến Lệp đó.

Lưu ý: Các trang web cho phép thêm tệp video theo những cách khác nhau và trình duyệt có thể không hỗ trợ thẻ

2. Nháy đúp chuột vào tập portfolio.html để kiểm tra kết quả.

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

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

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Vận dụng trang 92 Tin học 12: Em hãy bổ sung các nội dung sau vào trang web portfolio.html:

1. Một video clip và một bài hát mà em yêu thích với thẻ

,

và các thể khác đã học.

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ẻ , 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.

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

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 qủa như Hình 5.

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

Lời giải:

1. Code như sau:

Kỉ yếu lớp 12A

Thành viên lớp

    Trình duyệt web của bạn có thể không phát được video

2. Code như sau:

Kỉ yếu lớp 12A

Nội dung yêu thích

    Trình duyệt web của bạn có thể không phát được video

Nội dung yêu thích

ảnh chân dung

3. Code như sau:

Kỉ yếu lớp 12A

Giới thiệu chung

Họ tên: Nguyễn Văn A

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09xxxxxxxx

Email: [email protected]

ảnh chân dung

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

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

© 2025 Học Tốt Nha.

Infinitix Investment All Rights Reserved.