Giải bài tập Tin học 12 Bài 9: Thực hành định dạng một số thuộc tính CSS
Vận dụng trang 76 Tin học 12: Tạo website cá nhân:
Em hãy hoàn thiện website cá nhân đã tạo từ các bài học trước bằng cách khai báo và áp dụng các quy tắc định dạng trình bày để các tiêu đề sử dụng phông chữ và màu sắc đa dạng.
Gợi ý thực hiện
– Tạo thư mục con styles trong thư mục myHomepage.
– Tạo tệp mới và ghi lưu vào thư mục styles với tên “style.css”.
– Khai báo các quy tắc định dạng trong tệp “style.css” để trình bày, ví dụ: tiêu đề họ sử dụng phông chữ Verdana, chữ màu đỏ; tiêu đề h2 sử dụng phông chữ Verdana, chữ màu xanh.
– Bổ sung khai báo tham chiếu sử dụng external CSS vào phần tử head của các tệp: “index.html”, “hobbies.html”, “album.html”.
Lời giải:
Code:
<!DOCTYPE html>
<html>
<head>
<title>index</title>
<meta charset=”utf-8″>
</head>
<style>
body {background-color: cyan}
p{}
p{font-size:15px;}
P{color:red;}
</style>
<body>
<ol>
<li> Kế hoạch học tập </li>
<p> Giới thiệu về bản thân </p>
<p> Họ tên tôi là: …… Sinh ngày: 25/04/1985. Địa chỉ: Hà Nội </p>
</ol>
</body>
</html>
Kết quả:
Xem thêm cái bài giải bài tập Tin học 12 Cánh diều hay, chi tiết khác: