Slide bài giảng Khoa học máy tính 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
Slide điện tử bài 3: Thực hành định dạng văn bản và tạo siêu liên kết. Trình bày với các hiệu ứng hiện đại, hấp dẫn. Giúp học sinh hứng thú học bài. Học nhanh, nhớ lâu. Có tài liệu này, hiệu quả học tập của môn Khoa học máy tính 12 Cánh diều sẽ khác biệt
Bạn chưa đủ điều kiện để xem được slide bài này. => Xem slide bài mẫu
Tóm lược nội dung
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
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 rút gọn:
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="BÀI 3. THỰC HÀNH ĐỊNH DẠNG VĂN BẢN VÀ TẠO SIÊU LIÊN KẾT">
<img src="image2.jpg" alt="BÀI 3. THỰC HÀNH ĐỊNH DẠNG VĂN BẢN VÀ TẠO SIÊU LIÊN KẾT">
<img src="image3.jpg" alt="BÀI 3. THỰC HÀNH ĐỊNH DẠNG VĂN BẢN VÀ TẠO SIÊU LIÊN KẾT">
</body>
</html>
Slide bài giảng lớp 12 cánh diều
Slide bài giảng lớp 12 chân trời sáng tạo
Slide bài giảng lớp 12 kết nối tri thức
