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

datcoder

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 "Sở thích” đến tệp “hobbies.html”, liên kết “Ảnh của tôi” đến tệp “album.html".

- Sử dụng phần tử p để viết đoạn văn ngắn giới thiệu về bản thân em.

Người Già
29 tháng 4 lúc 9:42

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>

Bình luận (0)