Câu hỏi:

03/03/2025 1,110

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.

Sách mới 2k7: Bộ 20 đề minh họa Toán, Lí, Hóa, Văn, Sử, Địa…. form chuẩn 2025 của Bộ giáo dục (chỉ từ 49k/cuốn).

Đề toán-lý-hóa Đề văn-sử-địa Tiếng anh & các môn khác

Quảng cáo

Trả lời:

verified
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>

Bình luận


Bình luận

CÂU HỎI HOT CÙNG CHỦ ĐỀ

Câu 1:

Trong các khai báo Cascading Style Sheets (CSS), khai báo nào là đúng cú pháp?

Xem đáp án » 03/03/2025 3,741

Câu 2:

PHẦN I: Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 24. Mỗi câu hỏi thí sinh chỉ chọn một phương án.

Khi khai báo nhiều giá trị cho một thuộc tính của Cascading Style Sheets (CSS), chúng ta sử dụng dấu gì để phân cách?

Xem đáp án » 03/03/2025 3,247

Câu 3:

Câu nào sau đây mô tả đúng chức năng của Cascading Style Sheets (CSS)?

Xem đáp án » 03/03/2025 3,022

Câu 4:

Để hiển thị nội dung của trang Thongtin.html trong trang web Index.html, thì trong trang Index.html ta sẽ sử dụng câu lệnh nào trong các câu lệnh sau đây?

Xem đáp án » 03/03/2025 2,569

Câu 5:

Nếu muốn đoạn văn bản có nội dung “Thông tin liên hệ” chữ màu xanh dương thì đoạn mã HTML nào sau đây là đúng?

Xem đáp án » 03/03/2025 2,493

Câu 6:

Trong phần thông tin đăng nhập trên trang web được viết bằng HTML, nơi nhập mật khẩu của người dùng chỉ cho phép hiển thị dấu chấm tròn thì thuộc tính type của phần tử input ta cần gán giá trị nào sau đây?

Xem đáp án » 03/03/2025 2,475

Câu 7:

Muốn định dạng phần văn bản “Nội dung” của danh sách có thứ tự bắt đầu bằng kí tự “C” ta sử dụng câu lệnh nào trong các câu lệnh sau đây là đúng?

Xem đáp án » 03/03/2025 2,347