Bài 5. Chèn hình ảnh, âm thanh, video và sử dụng khung

Khởi động (SGK Cánh Diều - Trang 54)

Hướng dẫn giải

Để làm cho trang web Bai3-NV1.html trở nên sinh động hơn, ta có thể thực hiện các biện pháp sau:

- Thêm hình ảnh và đồ họa: Sử dụng hình ảnh và đồ họa để làm cho trang trở nên hấp dẫn hơn và phản ánh nội dung.

- Sử dụng CSS: Áp dụng CSS để tùy chỉnh giao diện, thay đổi màu sắc, font chữ, kích thước và kiểu chữ, background, vv.

- Hiệu ứng và chuyển động: Thêm hiệu ứng và chuyển động bằng CSS hoặc JavaScript, ví dụ như hiệu ứng hover, slide, fade, vv.

- Video và âm thanh: Thêm video hoặc âm thanh phù hợp để làm nổi bật nội dung hoặc cung cấp thông tin bổ sung.

- Tạo hiệu ứng cuộn trang: Sử dụng JavaScript để tạo hiệu ứng cuộn trang mượt mà.

- Biểu đồ và đồ thị: Thêm biểu đồ và đồ thị động bằng các thư viện như Chart.js hoặc D3.js để hiển thị dữ liệu số liệu hoặc thông tin thống kê.

- Responsive design: Đảm bảo trang web phản hồi linh hoạt trên các thiết bị khác nhau, từ máy tính để bàn đến điện thoại di động.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Hoạt động (SGK Cánh Diều - Trang 54)

Hướng dẫn giải

Định dạng ảnh phổ biến trên web là PNG, JPG và GIF. PNG được sử dụng cho hình ảnh chất lượng cao, JPG cho hình ảnh nén không gian lưu trữ, và GIF cho các hình ảnh động và biểu tượng.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Vận dụng (SGK Cánh Diều - Trang 58)

Hướng dẫn giải

Thêm hình ảnh vào trang "album.html":

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Album ảnh của tôi</title>

</head>

<body>

 <h1>Album ảnh của tôi</h1>

 <img src="images/photo1.jpg" alt="Ảnh 1">

 <img src="images/photo2.jpg" alt="Ảnh 2">

 <img src="images/photo3.jpg" alt="Ảnh 3">

</body>

</html>

 

Thêm âm thanh hoặc video vào trang "hobbies.html":

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <title>Sở thích của em</title>

</head>

<body>

 <h1>Sở thích của em</h1>

 <h2>Bài hát tôi thích</h2>

 <audio controls>

   <source src="audio/song.mp3" type="audio/mpeg">

   Your browser does not support the audio element.

 </audio>

</body>

</html>

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi tự kiểm tra 1 (SGK Cánh Diều - Trang 58)

Hướng dẫn giải

D. alt

Thuộc tính alt (viết tắt của alternative) được sử dụng để cung cấp một văn bản thay thế mô tả nội dung của hình ảnh cho người dùng khi hình ảnh không thể hiển thị hoặc không thể tải xuống. Điều này giúp cải thiện trải nghiệm người dùng và cung cấp thông tin hữu ích về nội dung của hình ảnh, đặc biệt là đối với những người sử dụng có khuyết tật hoặc sử dụng trình duyệt không hỗ trợ hình ảnh.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)

Câu hỏi tự kiểm tra 2 (SGK Cánh Diều - Trang 58)

Hướng dẫn giải

B. src

Thuộc tính src trong thẻ iframe được sử dụng để chỉ định nguồn tài nguyên (URL) mà iframe sẽ hiển thị. Điều này cho phép trình duyệt web tải nội dung từ URL đó và hiển thị nó trong iframe.

(Trả lời bởi Nguyễn Việt Dũng)
Thảo luận (1)