Bộ 3 đề thi giữa kì 2 Tin học 12 Kết nối tri thức có đáp án (Đề 2)

64

50 + 5x2 + 2x2 = 64.

4

$<$ol>

3

CSS inline, CSS internal, CSS external.

CSS có 3 cách chính để áp dụng kiểu dáng cho một trang web:

1. CSS nội dòng (Inline CSS): - Viết trực tiếp trong thuộc tính style của thẻ HTML. - Chỉ áp dụng cho phần tử cụ thể. - Ví dụ:

html

Sao chépChỉnh sửa

$<$p style="color: blue; ">Đây là một đoạn văn bản.</p>

- - Hạn chế: Khó bảo trì, khó kiểm soát khi áp dụng cho nhiều phần tử.

1. CSS nội bộ (Internal CSS): - Viết trong thẻ $<$style> bên trong $<$head> của trang HTML. - Áp dụng cho toàn bộ trang web. - Ví dụ:

html

Sao chépChỉnh sửa

$<$head>

$<$style>

p {

color: blue;

}

</style>

</head>

- - Ưu điểm: Dễ chỉnh sửa hơn so với inline CSS.
- - Hạn chế: Nếu có nhiều trang, cần lặp lại CSS trong mỗi trang.

1. CSS ngoài (External CSS): - Viết trong một tệp riêng .css và liên kết với HTML bằng thẻ $<$link>. - Ví dụ: - File style.css

css

Sao chépChỉnh sửa

p {

color: blue;

}

- Trong file HTML:

html

Sao chépChỉnh sửa

$<$head>

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

</head>

- - Ưu điểm: Dễ bảo trì, có thể sử dụng cùng một file CSS cho nhiều trang.
- - Hạn chế: Cần tải thêm file CSS, có thể ảnh hưởng đến tốc độ tải trang.

Phân biệt Internal CSS và External CSS

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

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

</head>

$<$body>

$<$div class="container">

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

$<$p>Đây là một trang web đơn giản được thiết kế bằng HTML và CSS. Nó bao gồm một tiêu đề, một đoạn mô tả, một liên kết và một hình ảnh.</p>

$<$a href="https://www.example.com" target="_blank">Truy cập trang web khác</a>

$<$img src="https://via.placeholder.com/600x300" alt="Hình ảnh minh họa">

</div>

</body>

</html>