2. Lớp 12
  3. Tin học

Câu hỏi:

27/03/2025 204 Lưu

So sánh sự khác nhau giữa HTML và CSS về chức năng và vai trò trong thiết kế web.

Xem lời giải

Câu hỏi trong đề: Bộ 3 đề thi giữa kì 2 Tin 12 Chân trời sáng tạo có đáp án !!

Bắt đầu thi In đề / Tải về

Quảng cáo

Trả lời:

verified
Giải bởi Vietjack

  • HTML: Là "bộ xương" của trang web, giúp tổ chức nội dung một cách logic.

  • CSS: Là "bộ trang phục" của trang web, giúp nội dung trở nên đẹp mắt và hấp dẫn hơn.

Ví dụ:

  • Đoạn mã html

<!DOCTYPE html>

<html lang="vi">

<head>

    <title>Ví dụ HTML & CSS</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <h1>Chào mừng đến với website của tôi!</h1>

    <p>Đây là một đoạn văn bản.</p>

</body>

</html>

  • Đoạn mã css

h1 {

    color: blue;

    text-align: center;

}


p {

    

    color: gray;

}

Hot: 500+ Đề thi thử tốt nghiệp THPT các môn, ĐGNL các trường ĐH... file word có đáp án (2025). Tải ngay

Sách thầy cô Vietjack biên soạn:
Xem thêm »
  1. Sổ tay dẫn chứng nghị luận xã hội năm 2025 (chương trình mới) ( 18.000₫ )
  2. Sổ tay Địa Lí 12 (chương trình mới) ( 18.000₫ )
  3. Sổ tay lớp 12 các môn Toán, Lí, Hóa, Văn, Sử, Địa, KTPL (chương trình mới) ( 36.000₫ )
  4. Tuyển tập 30 đề thi đánh giá năng lực Đại học Quốc gia Hà Nội, TP Hồ Chí Minh (2 cuốn) ( 150.000₫ )
Avatar

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

Câu 1

Viết đoạn mã HTML và CSS để tạo một trang web gồm:

  • Một tiêu đề cấp 2 "Danh sách sở thích" với màu xanh lá, căn giữa, và kích thước chữ 150% so với mặc định của <body> (giả sử 16px).

  • Một danh sách có thứ tự gồm 3 mục, với dấu đầu dòng là số La Mã (I, II, III).

Lời giải

<!DOCTYPE html>

<html>

<head>

  <title>Sở thích</title>

  <style>

    body { color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: 16px; }

    h2 {

      color: green;

      text-align: center;

       color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">: 1.5em; /* 24px */

    }

    ol {

      list-style-type: upper-roman;

    }

  </style>

</head>

<body>

  <h2>Danh sách sở thích</h2>

  <ol>

    <li>Đọc sách</li>

    <li>Nghe nhạc</li>

    <li>Xem phim</li>

  </ol>

</body>

</html>

Câu 2

Một phần tử có mã CSS là {width: 150px; padding: 5px; border: 3px solid;}, chiều rộng thực tế hiển thị là bao nhiêu?

Lời giải

166

(150px + 5px × 2 + 3px × 2 = 166px).

Câu 3

Một học sinh đang thiết kế trang web và viết đoạn mã HTML như sau:

<table border="1">

  <tr>

    <td colspan="2">Tiêu đề</td>

  </tr>

  <tr>

    <td>Nội dung 1</td>

    <td>Nội dung 2</td>

  </tr>

</table>

a) Bảng trên có 2 hàng và 3 cột.
b) Thuộc tính border="1" sẽ tạo đường viền cho bảng.

c) CSS được sử dụng trong đoạn lệnh trên là CSS internal. 

d) Giá trị border có thể chỉ định kiểu viền, độ dày và màu sắc cùng một lúc.

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.

Nâng cấp VIP

Câu 4

Nếu một phần tử có CSS là {width: 300px; padding: 10px; border: 2px solid black;}, chiều rộng thực tế hiển thị trên trang là bao nhiêu?

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.

Nâng cấp VIP

Câu 5

Trong CSS, nếu một phần tử có giá trị các thuộc tính {display: inline; width: 100px;}, điều gì sẽ xảy ra?

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.

Nâng cấp VIP

Câu 6

Thẻ <table> trong HTML dùng để làm gì?

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.

Nâng cấp VIP

Xem thêm các câu hỏi khác »
CÔNG TY TNHH ĐẦU TƯ VÀ DỊCH VỤ GIÁO DỤC VIETJACK
Giấy chứng nhận ĐKKD số: 0108307822 do Sở KH & ĐT TP Hà Nội cấp lần đầu ngày 04/06/2018
© 2017 Vietjack37. All Rights Reserved.
zalo Nhắn tin Zalo

Đăng ký

Bạn đã có tài khoản?