✕

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

Câu hỏi:

27/03/2025 180

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 »

Bình luận

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 »

Hỏi bài tập

Vietjack official store

Đăng ký gói thi VIP

VIP +1 tháng ( 199,000 VNĐ )

VIP +1 - Luyện thi tất cả các đề có trên Website trong 1 tháng

Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
Tải xuống đề thi [DOCX] với đầy đủ đáp án
Xem bài giảng đính kèm củng cố thêm kiến thức
Bao gồm tất cả các bậc từ Tiểu học đến Đại học
Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

VIP +3 tháng ( 299,000 VNĐ )

VIP +3 - Luyện thi tất cả các đề có trên Website trong 3 tháng

Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
Tải xuống đề thi [DOCX] với đầy đủ đáp án
Xem bài giảng đính kèm củng cố thêm kiến thức
Bao gồm tất cả các bậc từ Tiểu học đến Đại học
Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

VIP +6 tháng ( 399,000 VNĐ )

VIP +6 - Luyện thi tất cả các đề có trên Website trong 6 tháng

Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
Tải xuống đề thi [DOCX] với đầy đủ đáp án
Xem bài giảng đính kèm củng cố thêm kiến thức
Bao gồm tất cả các bậc từ Tiểu học đến Đại học
Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

VIP +12 tháng ( 499,000 VNĐ )

VIP +12 - Luyện thi tất cả các đề có trên Website trong 12 tháng

Hơn 100K đề thi thử, đề minh hoạ, chính thức các năm
Với 2tr+ câu hỏi theo các mức độ Nhận biết, Thông hiểu, Vận dụng
Tải xuống đề thi [DOCX] với đầy đủ đáp án
Xem bài giảng đính kèm củng cố thêm kiến thức
Bao gồm tất cả các bậc từ Tiểu học đến Đại học
Chặn hiển thị quảng cáo tăng khả năng tập trung ôn luyện

🔥 Đề thi HOT:

Bạn vui lòng để lại thông tin để được
TƯ VẤN THÊM

Hoặc gọi Hotline tư vấn: 084 283 45 85
Email: vietjackteam@gmail.com

VietJack