Giải chi tiết tin học ứng dụng 12 cánh diều bài 3 Thực hành định dạng văn bản và tạo siêu liên kết
Hướng dẫn giải bài 3 Thực hành định dạng văn bản và tạo siêu liên kết sách mới Tin học ứng dụng 12 Cánh diều. Lời giải chi tiết, chuẩn xác, dễ hiểu sẽ giúp các em hoàn thành tốt các bài tập trong chương trình học. Baivan.net giải chi tiết tất cả các bài tập trong sgk. Hi vọng sẽ trở thành người bạn đồng hành cùng các em trong suốt quá trình học tập.
Vận dụng:
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.
Bài làm chi tiết:
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>
Giải Tin học ứng dụng 12 Cánh diều, Giải bài 3 Thực hành định dạng văn bản Tin học ứng dụng 12 Cánh diều, Giải Tin học ứng dụng 12 Cánh diều bài 3 Thực hành định dạng văn bản