Bài 3. Thực hành định dạng văn bản và tạo siêu liên kết

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

Hướng dẫn giải

File index.html:

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

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

 <title>Website của tôi</title>

</head>

<body>

 <h1>Website của tôi</h1>

 <p>Xin chào! Tôi là A, và đây là trang web cá nhân của tôi.</p>

 <p>Dưới đây là những gì bạn có thể tìm thấy trên trang web của tôi:</p>

 <ul>

   <li><a href="hobbies.html">Sở thích</a></li>

   <li><a href="album.html">Ảnh của tôi</a></li>

 </ul>

</body>

</html>

 

File 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</title>

</head>

<body>

 <h1>Sở thích của tôi</h1>

 <p>Đây là một số sở thích của tôi:</p>

 <ul>

   <li>Đọc sách</li>

   <li>Chơi thể thao</li>

   <li>Âm nhạc</li>

 </ul>

</body>

</html>

 

File album.html:

<!DOCTYPE html>

<html lang="en">

<head>

 <meta charset="UTF-8">

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

 <title>Ảnh của tôi</title>

</head>

<body>

 <h1>Ảnh của tôi</h1>

 <p>Đây là một số bức ảnh của tôi:</p>

 <img src="image1.jpg" alt="Ảnh 1">

 <img src="image2.jpg" alt="Ảnh 2">

 <img src="image3.jpg" alt="Ảnh 3">

</body>

</html>

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