Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Học ngay
Bài F4. Thêm dữ liệu đa phương tiện vào trang web trang 89, 90, 91 SGK Tin học 12 Chân trời sáng tạoTheo em, một trang web có nội dung chỉTổng hợpไ đề thi học kì 2 lớp 12 tất cả các môn -🎃 Chân trời sáng tạo Toán - Văn - Anh - Hoá - Sinh - Sử - ĐịaQuảng cáo
Lựa chọn câu để xem lời giải nhanh hơn
CH tr 89 Trả lời câu hỏi Khởi động trang 89 SGK Tin học 12 Chân trời sáng tạo 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? Phương pháp giải: Với một trang web chỉ thuần văn bản sẽ làm người đọc cảm thấy nhàm chán, không th🥀u hút được người xem. Lời giải chi tiết: 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. => Không thu hút được người xem. CH tr 90 Trả lời câu hỏi Khám phá trang 90 SGK Tin học 12 Chân trời sáng tạo Em hãy bổ xung thuộc tính title cho thẻ <img> trong mã lệnh HTML♈ ở ví dụ 1. Phương pháp giải: Thẻ <img> được dùng để thêm tệ🃏🌄p ảnh vào trang web. Lời giải chi tiết: Code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A</title> </head> <body> <h1>Thành viên lớp</h1> <img src🦋="D:\chan dung.jpg" width="200" alt="ảnh chân dung" title="ảnh chân dung"> </html> CH tr 91 KP Trả lời câu hỏi Khám phá trang 91 SGK Tin học 12 Chân trời sáng tạo Em hãy bổ xung t🐷huộ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 th🔯anh. Phương pháp giải: Sử dụng các thuộc tính width, loop để thiết lập kích thước và chế độ t♑💃ự động phát. Lời giải chi tiết: Code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A</title> </head> <body> <h1>Thành viên lớp</h1> <img src="D:\chan dung.jpg" widt෴h="200" alt="ảnh chân dung" title="ảnh chân dung">; </html> CH tr 91 LT1 Trả lời câu hỏi Luyện tập 1 trang 91 SGK Tin học 12 Chân trời sáng tạo 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ì? Phương pháp giải: Thẻ <img> gồm cá🥃c thuộc tính: src, alt, width,... Lời giải chi tiết: Thẻ <img> với 𝕴các thuộc tính src, alt, with, h𒉰eight,…được dùng để thêm tệp ảnh vào trang web. Thẻ <img> chỉ có thể mở thẻ, không có thẻ đóng. - src: đường dẫn của tệp ảnh. - alt: nếu không hiển thị được hình ảnh, trình duyệt sẽ hiển 🐼♛thị văn bản trong thuộc tính alt thay thế. - width: chiều rộng hiển thị c🦋ủa ảnh theo đơn vị pixel. - height: chiều ༒cao hiển thị của ảnh theo đơn vị p♏ixel. - title: hiển thị🔜 chú thích khi người dùng di chuyển con trỏ💞 chuột lên ảnh. CH tr 91 LT2 Trả lời câu hỏi Luyện tập 2 trang 91 SGK Tin học 12 Chân trời sáng tạo 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. Phương pháp giải: Thẻ <audio> gồm các thuộc tính: src, autoplay, contr♏ols, mut💫ed,... Lời giải chi tiết: Thẻ <📖;audio> dùng để thêm tệp âm thanh vào trang web. Hai thẻꦛ này có thuộc tinh như: src, autoplay, controls, muted. - src: đường dẫn tệp âm thanh thêm vào trang web. - autoplay: tự độn💯g ph🐲át âm thanh khi người dùng truy cập trang web. - controls: hiển thị các nút điều khiển. - muted: tắt âm thanh. CH tr 91 LT3 Trả lời câu hỏi Luyện tập 3 trang 91 SGK Tin học 12 Chân trời sáng tạo 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ì? Phương pháp giải: Dựa vào thuộc t🌸ính của𝓡 từng tệp, mối quan hệ các tệp để thêm đường dẫn. Lời giải chi tiết: Giả sử tập po𒁃rtfolio.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 CH tr 91 TH Trả lời câu hỏi Thực hành 1 trang 91 SGK Tin học 12 Chân trời sáng tạo 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. Phương pháp giải: B1: Khởi động Visual Studio Code và ༒mở tệp portfolio.html♔. B♌2. Viết thêm đoạn mã HTML vào phần mã lệnh của thẻ <body> B3: Nhảy đúp chuột và﷽o🧔 tập portfolio.html để kiểm tra kết quả. Lời giải chi tiết: 1. Khởi độngᩚᩚᩚᩚᩚᩚᩚᩚᩚ𒀱ᩚᩚᩚ Visual Studio Code và mở tệp portfolio.ꦫhtml. 2. Viết thêm đoạn mã HℱTML vào phần mã lệnh của thẻ <body>: <h1>Nội dung yêu thích/h1> <h2>Hình ảnh</h2> <table> <tr> <td><img src="Images/Anh_1.jpg" width="500"></td> <td><im🍬g src="Images/Anh_2.jpg" wi☂dth="500"></td> </tr> <tr> <td><img src="//img.ufa999.cc/picture/2024/0619/iai-tin-ܫhoc-12-bai-f4-trang-89-sgk-chan-troi-sang-tao-1718788266_2.jpg" width="500"></td> <td><img src="//img.ufa999.cc/picture/2024/0619/iai-tin-hoc-12-🅷bai-f4-trang-89-sgk-chan-troi-sang-tao-1718788266_3.jpg" width="500"></td> </tr> </table> Em sử dụng thẻ <table> để tạo bố cục hiển thị các hình ảnh gồm có hai thẻ <tr>ứng với hai hàng của bảng, mỗi thẻ <tr> có hai thẻ <td> ứ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. Nꦆhảy đúp chuột v꧙ào tập portfolio.html để kiểm tra kết quả. CH tr 92 TH Trả lời câu hỏi Thực hành trang 92 SGK Tin học 12 Chân trời sáng tạo Yêu cầu: Trong trang web portfolio.ht♏ml vừa thực hiện ở tr🔯ên, hãy thêm hai video vẽ hoạt động của lớp. Phương pháp giải: B1: V🐭iết thêm đoạn mã 🦩HTML vào phần mã lệnh của thẻ <;body>. B2🌼▨: Nháy đúp chuột vào tập portfolio.html để kiểm tra kết quả. Lời giải chi tiết: 1. Viết thêm đoạn mã HTML vào ph꧑ần mã lệnh của thẻ 🌳<body>: <h2>Video clip</h2> <h3>Thi kéo co</h3> <video src="Videos/clip_keo_co.mp4" cont🌟rols></video> 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 Tệp hoặc thêm tệp video từ trang web khác bằng đường liên kết đến Tệ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ẻ <video). 2. Nháy đúp chu🔴ột vào tập portfolio.html đểജ kiểm tra kết quả. CH tr 92 VD Trả lời câu hỏi Vận dụng trang 92 SGK Tin học 12 Chân trời sáng tạo 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ꦆideo>,<audio), <h1>, <h2> 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ẻ <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 q♉uả sau khi hoàn thành chỉnh sửa.
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.  Phương pháp giải: Dùng các thẻ <video>, <audio>,♊ <img> để thêm ảnh, âm thanh và ﷽video vào các vị trí theo yêu cầu. Sử dụng các thuộc tính phù hợp để chỉnh sửa t🤪heo ýღ. Lời giải chi tiết: 1. Code như sau: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A</title> </head> <body> <h1>Thành viên lớp</h1> <video sꦜrc="D:\Quảng cáo vui nhộn cho bé - Dầu ăn dinh d꧙ưỡng Kiddy.mp4" controls autoplay muted> Trình duyệt web 💧của bạn có thể không phát được video </video> </html> 2. Code như sau: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A</title> </head> <body> <h1>Nội dung yêu thích</h1> <video src="D:\Quảng cáo vui nꦐhộn cho bé - Dầu ăn dinh dưỡng Kiddy.mp4" width="200"con💖trols autoplay muted> Trình duyệt web của bạn có thể khôn💛g phát 💖được video </video> <p>Nội dung yêu thích</p> <img src="D:\40.png"𒆙 width="200" alt="ảnh chân dung" title="ảnh chân dung"> </html> 3. Code như sau: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kỉ yếu lớp 12A</title> </head> <body> <h1>Giới thiệu chung</h1> <p>Họ tên: Nguyễn Văn A</p> <p>Nơi sinh: Thành phố Hồ Chí Minꦫh</p> <p>Điện thoại: 09xxxxxxxx</p> <p>Email: Nguyenvana@gmail.com</p> <img src="D:\chan dung.jpg" width="200" alt="ảnh𒁃 chân dung" title="ảnh chân duﷺng"> </html>
 Chia sẻ Bình luận
Quảng cáo
Group 2K8 ôn Thi ĐGNL & ĐGTD Miễn Phí |
Bài khác
