Chủ đề / Chương

Bài học

Chủ đề

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)

Tạo website cá nhân:Em hãy hoàn thành một website cá nhân của riêng mình theo ý muốn.Gợi ý:- Tạo thư mục myHomepage để lưu trữ website cá nhân.- Tạo trang chủ của website bằng cách mở tệp mới, ghi và lưu trong thư mục myHomepage với tên tệp là “index.html.- Tạo hai văn bản HTML bằng cách mở tệp mới, ghi và lưu trong thư mục myHomepage với tên tệp là “hobbies.html và album.html.Sử dụng phần tử hl để soạn tiêu đề cho văn bản index.html (Ví dụ: Website của tôi).– Tạo các siêu liên kết sau: liên kết...
Đọc tiếp
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)
Bài trước
Bài tiếp theo