Câu hỏi:

03/03/2025 26

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: Sổ tay Toán, Lí, Hóa, Văn, Sử, Địa... kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 30k).

Sổ tay Toán-lý-hóa Văn-sử-đia 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>

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 213

Câu 2:

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 154

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 141

Câu 4:

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 103

Câu 5:

Nội dung phần body trong tệp home.html có đoạn HTML như sau: 

<h2 id = “dautrang”> Đầu trang </h2>

          Phương án nào dưới đây là đúng khi khai báo siêu liên kết đến phần tử h2 thông qua định danh “dautrang” trong cùng một trang web?

Xem đáp án » 03/03/2025 79

Câu 6:

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 77

Câu 7:

Để 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 63

Bình luận


Bình luận