✕

✨ Đăng kí VIP để truy cập không giới hạn. Đăng ký ngay

Câu hỏi:

27/03/2025 194

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

Quảng cáo

Trả lời:

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 »

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).

Xem đáp án

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?

Xem đáp án

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.

Xem đáp án

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?

A. 300px.

B. 320px.

C. 324px.

D. 330px.

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?

A. Phần tử có chiều rộng 100px và nằm ngang.

B. Thuộc tính width bị bỏ qua.

C. Phần tử chuyển thành block.

D. Phần tử bị ẩn.

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ì?

A. Tạo bảng.

B. Tạo biểu mẫu.

C. Chèn hình ảnh.

D. Định dạng văn bản.

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 »