Hãy viết đoạn mã HTML và CSS để tạo một trang web đơn giản bao gồm các thành phần sau:
- Một tiêu đề chính (h1) hiển thị tên trang web.
- Một đoạn văn bản mô tả ngắn về nội dung trang web.
- Một hình ảnh minh họa được chèn vào bằng thẻ <img>.
- Một liên kết đến một trang web khác.
Hãy viết đoạn mã HTML và CSS để tạo một trang web đơn giản bao gồm các thành phần sau:
- Một tiêu đề chính (h1) hiển thị tên trang web.
- Một đoạn văn bản mô tả ngắn về nội dung trang web.
- Một hình ảnh minh họa được chèn vào bằng thẻ <img>.
- Một liên kết đến một trang web khác.
Câu hỏi trong đề: Bộ 3 Đề thi giữa kì 2 Tin học 12 Cánh Diều có đáp án !!
Quảng cáo
Trả lời:
Giải bởi Vietjack
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trang Web Đơn Giản</title>
<style>
body {
text-align: center;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
header {
background-color: #4CAF50;
color: white;
padding: 10px;
border-radius: 5px;
}
h1 {
margin: 0;
}
main {
margin-top: 20px;
}
img {
width: 400px;
border-radius: 10px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
a {
color: #007BFF;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<header>
<h1>Chào mừng đến với Trang Web của Tôi</h1>
</header>
<main>
<p>Đây là một trang web đơn giản, nơi tôi chia sẻ thông tin hữu ích và hình ảnh minh họa.</p>
<img src="https://via.placeholder.com/400" alt="Hình ảnh minh họa">
<p>Khám phá thêm tại <a href="https://www.example.com" target="_blank">trang web này</a>.</p>
</main>
</body>
</html>Hot: 1000+ Đề thi giữa kì 1 file word cấu trúc mới 2025 Toán, Văn, Anh... lớp 1-12 (chỉ từ 60k). Tải ngay
Sách thầy cô Vietjack biên soạn:
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1
A. h1{color: Blue;}
B. h1 color: Blue;
C. h1= {color: Blue}
D. h1(color: Blue;)
Lời giải
Chọn A
Câu 2
A. Dấu phẩy.
B. Dấu chấm phẩy.
C. Dấu hai chấm.
D. Dấu gạch ngang.
Lời giải
Chọn A
Câu 3
A. Chỉ giúp định dạng nội dung văn bản.
B. Không ảnh hưởng đến cấu trúc của trang web.
C. Giúp trang web trở nên đẹp mắt hơn.
D. Cho phép tách biệt nội dung khỏi cách trình bày.
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Câu 4
A. <p style="color: blue;">Thông tin liên hệ </p>
B. <p style color= "blue" >Thông tin liên hệ </p>
C. <p style=color: "blue";>Thông tin liên hệ </p>
D. <p style="color: "blue";">Thông tin liên hệ </p>
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Câu 5
A. <a href="Thongtin.html" target="_blank"> Thông tin </a>
B. <a href="Thongtin.html" target="_seft"> Thông tin </a>
C. <link rel="stylesheet" type="text/css" href="Thongtin.html">
D. <iframe src="Thongtin.html" width="300" height="300"></iframe>
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Câu 6
A. <ol type="A" start="3"><li>Nội dung</li></ol>
B. <ol type="A" start="C"><li>Nội dung</li></ol>
C. <ol type="C"><li>Nội dung</li></ol>
D. <ul type="A" start="C"><li>Nội dung</li></ul>
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Câu 7
A. “password”.
B. “radio”.
C. “button”.
D. “text”.
Lời giải
Bạn cần đăng ký gói VIP ( giá chỉ từ 199K ) để làm bài, xem đáp án và lời giải chi tiết không giới hạn.
Nhắn tin Zalo