Bài F4. Thêm dữ liệu đa phương tiện vào trang web

Khởi động (SGK Chân trời sáng tạo - Trang 122)

Hướng dẫn 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.

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

Câu hỏi mục 1 (SGK Chân trời sáng tạo - Trang 123)

Hướng dẫn giải

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>

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

Câu hỏi mục 2 (SGK Chân trời sáng tạo - Trang 124)

Hướng dẫn giải

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>

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

Luyện tập 1 (SGK Chân trời sáng tạo - Trang 124)

Hướng dẫn giải

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>

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

Luyện tập 2 (SGK Chân trời sáng tạo - Trang 124)

Hướng dẫn giải

Thẻ <video> và thẻ <audio> dùng để thêm tệp video và âm thanh vào trang web. Hai thẻ này có thuộc tinh như: src, autoplay, controls, loop, muted.

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

Luyện tập 3 (SGK Chân trời sáng tạo - Trang 124)

Hướng dẫn 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

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

Vận dụng (SGK Chân trời sáng tạo - Trang 125)

Hướng dẫn giải

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 src="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 nhộn cho bé - Dầu ăn dinh dưỡng Kiddy.mp4" width="200"controls autoplay muted>

    Trình duyệt web của bạn có thể không 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>
 

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 nhộn cho bé - Dầu ăn dinh dưỡng Kiddy.mp4" width="200"controls autoplay muted>

    Trình duyệt web của bạn có thể không 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>
loading...

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