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

Bạn chưa đăng nhập. Vui lòng đăng nhập để hỏi bài
datcoder

Tạo website cá nhân:

Em hãy chèn thêm hình ảnh, âm thanh, video để hoàn thiện tiếp website cá nhân đã tạo ở các bài học trước.

Gợi ý thực hiện:

Mở tệp “album.html", thêm một số hình ảnh của em hoặc em thích (nên lưu tệp ảnh vào thư mục images).

Mở tệp “hobbies.html", bổ sung tiêu đề mục h2 là "Bài hát tôi thích” và thêm một tệp âm thanh/video cho bài hát đó.

Nguyễn  Việt Dũng
29 tháng 4 lúc 9:54

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>