WorksheetsĐỀ CƯƠNG ÔN TẬP GIỮA KỲ 2 NĂM HỌC 2024 – 2025 MÔN TIN HỌC
Total questions: 94
Worksheet time: 48mins
CSS là viết tắt của cụm từ nào sau đây?
Cascading Style System
Cascading Style Sheets
Computer Style Sheets
Creative Style Scripts
Mục đích chính của CSS là gì?
Quản lý dữ liệu trang web
Trình bày và định dạng các phần tử HTML
Thêm hiệu ứng động cho trang web
Tạo cơ sở dữ liệu
Phiên bản CSS nào đang được sử dụng phổ biến hiện nay (theo SGK)?
CSS1
CSS2
CSS3
CSS4
Để khai báo CSS trực tiếp trong thẻ HTML, chúng ta sử dụng thuộc tính nào?
style
css
script
design
Trong CSS, thuộc tính nào quy định màu chữ?
background-color
font-color
color
text-color
Khai báo CSS nội bộ (internal CSS) thường được đặt trong cặp thẻ nào?
<style>
<script>
<link>
<css>
Cú pháp khai báo CSS cho bộ chọn phần tử đúng là gì?
selector: { property; value; }
selector {property: value; }
selector (property: value;)
[selector] { property; value }
Thuộc tính CSS nào dùng để định dạng phông chữ của phần tử HTML?
font-size
font-family
font-color
text-style
Thuộc tính font-size trong CSS quy định điều gì?
Kiểu font chữ
Màu nền
Kích thước chữ
Kiểu viền
Khai báo CSS bên ngoài (external CSS) được liên kết với tệp HTML bằng thẻ nào?
<css>
<style>
<link>
<script>
Ví dụ nào sau đây là khai báo màu nền cho trang web?
body { color: blue; }
body { background-color: cyan; }
body { font-size: 14px; }
body { font-family: Arial; }
Ưu điểm chính của việc sử dụng external CSS là gì?
Giảm số lượng mã HTML
Tạo hiệu ứng động cho trang
Cho phép nhiều trang web dùng chung một tệp CSS
Tăng tốc độ tải trang
Trong ví dụ 2 (SGK trang 69), thẻ nào được định dạng bằng màu đỏ?
<p>
<h1>
<h2>
<div>
Để định nghĩa phông chữ Arial, kích thước 15px và màu đỏ cho thẻ <p>, đoạn mã CSS nào đúng?
p { font-family: Arial; font-size: 15px; color: red; }
p (font-family: Arial; font-size: 15px; color: red;)
<p style="font-family: Arial; font-size: 15px; color: red;">
p: font-family=Arial; font-size=15px; color=red;
Kết quả nào đúng khi ta sử dụng thuộc tính font-family: "Times New Roman", Arial; trong CSS?
Trình duyệt chỉ dùng Arial
Nếu trình duyệt không hỗ trợ Times New Roman thì dùng Arial
Trình duyệt sẽ không hiểu và bỏ qua
Trình duyệt chỉ dùng phông mặc định
Thuộc tính nào trong CSS được sử dụng để thiết lập màu nền cho phần tử?
color
background-color
border-color
text-color
Trong CSS, thuộc tính font-family được dùng để làm gì?
Đặt màu chữ
Chọn kiểu phông chữ
Xác định kích thước chữ
Xác định màu nền
Khai báo nào dưới đây liên kết một tệp CSS bên ngoài vào tài liệu HTML?
<link rel="stylesheet" href="style.css">
<style src="style.css">
<script href="style.css">
<css src="style.css">
Thuộc tính nào quy định kiểu chữ in đậm cho phần tử?
font-weight
font-style
font-size
font-family
Tệp Bai9-NV2.css có quy tắc textarea {background-color: ivory;}. Thuộc tính background-color tác động đến phần nào?
Màu nền của vùng nhập văn bản
Màu viền của vùng nhập văn bản
Màu chữ
Kích thước phông chữ
Trong nội dung phần tử <head>, để khai báo internal CSS, ta sử dụng cặp thẻ nào?
<style>
<link>
<script>
<meta>
Nội dung nào sau đây không phải là thuộc tính CSS?
color
font-size
background-color
alt
Thuộc tính label {font-size: 20px;} có tác dụng gì?
Đặt phông chữ cho các phần tử label
Đặt kích thước chữ cho các phần tử label
Đặt màu chữ cho các phần tử label
Đặt kiểu in đậm cho label
Để khai báo nội dung trong phần tử <head> của tệp Bai9-NV2.html sử dụng external CSS, ta viết:
<link rel="stylesheet" href="Bai9-NV2.css">
<style href="Bai9-NV2.css">
<css rel="stylesheet" src="Bai9-NV2.css">
<style src="Bai9-NV2.css">
Khi tạo tệp CSS trong Sublime Text để lưu với tên Bai9-NV2.css, định dạng đúng cho phần tử h3 có màu chữ là indianred là:
h3 {color: indianred;}
h3 {background-color: indianred;}
h3 (color: indianred;)
h3 {color: red;}
Trong nội dung input {background-color: yellow;} nghĩa là gì?
Làm chữ trong input có màu vàng
Làm nền ô nhập dữ liệu có màu vàng
Làm viền ô nhập có màu vàng
Làm toàn bộ trang có nền vàng
Để thêm ghi chú vào tệp CSS, ta sử dụng cú pháp nào?
// Ghi chú
/* Ghi chú */
# Ghi chú
<!-- Ghi chú -->
Tệp Bai9-NV3.html được khai báo tham chiếu CSS như sau, hãy chọn câu đúng:
<link rel="stylesheet" href="Bai9-NV2.css">
<style href="Bai9-NV2.css">
<script src="Bai9-NV2.css">
<css link="Bai9-NV2.css">
Bạn có tệp style.css định nghĩa h1 { color: red; font-family: Verdana; }. Sau khi liên kết với nhiều trang HTML khác nhau, nếu thay đổi màu chữ từ red thành blue trong style.css, điều gì sẽ xảy ra?
Chỉ một trang HTML thay đổi
Tất cả các trang HTML liên kết với style.css đều thay đổi màu chữ h1
Không có gì thay đổi
Tệp HTML phải được sửa lại nội dung
Trong CSS, ký hiệu nào dùng để khai báo một bộ chọn lớp?
#
.
:
@
Cú pháp nào sau đây là khai báo chính xác bộ chọn lớp trong CSS?
.tenlop { color: red; }
#tenlop { color: red; }
tenlop { color: red; }
class tenlop { color: red; }
Để khai báo bộ chọn định danh (ID), ký hiệu nào được sử dụng?
.
#
:
@
Cú pháp nào sau đây là khai báo đúng một bộ chọn định danh?
.tieude { font-size: 20px; }
#tieude { font-size: 20px; }
tieude { font-size: 20px; }
class tieude { font-size: 20px; }
Bộ chọn lớp thường được dùng để định dạng cho...
Một phần tử duy nhất
Nhiều phần tử có cùng thuộc tính
Toàn bộ trang web
Một nhóm liên kết
Bộ chọn định danh thường được sử dụng để định dạng cho...
Một phần tử cụ thể, duy nhất trên trang
Tất cả các thẻ có cùng tên
Các phần tử con
Một nhóm thẻ cùng kiểu
Câu lệnh nào sau đây khai báo một lớp có tên là blue định nghĩa màu chữ là steelblue?
.blue { color: steelblue; }
#blue { color: steelblue; }
.blue { background-color: steelblue; }
blue { color: steelblue; }
Bộ chọn định danh có thể áp dụng cho bao nhiêu phần tử trong một trang HTML?
Không giới hạn số lượng
Một phần tử duy nhất
Tối đa ba phần tử
Năm phần tử
Để áp dụng bộ chọn lớp highlight cho một thẻ <p>, ta khai báo HTML như thế nào?
<p class="highlight">...</p>
<p id="highlight">...</p>
<p class=highlight>...</p>
Cả A và C đúng
Để áp dụng bộ chọn định danh tieude cho thẻ <h1>, ta viết như thế nào?
<h1 class="tieude">...</h1>
<h1 id="tieude">...</h1>
<h1 name="tieude">...</h1>
<h1 tag="tieude">...</h1>
Trong CSS, để tạo định dạng cho tất cả phần tử input có lớp yellow, khai báo đúng là:
input.yellow { background-color: yellow; }
.yellow input { background-color: yellow; }
input#yellow { background-color: yellow; }
input .yellow { background-color: yellow; }
Mục đích chính của việc sử dụng bộ chọn lớp là gì?
Định dạng riêng biệt cho một phần tử cụ thể
Áp dụng định dạng chung cho nhiều phần tử khác nhau
Chia nhóm các phần tử giống nhau
Thêm chức năng JavaScript
Giả sử bạn có một bộ chọn lớp .red khai báo color: darkred;. Thẻ <h2> cần áp dụng lớp này, HTML nào đúng?
<h2 class="red">Tiêu đề</h2>
<h2 id="red">Tiêu đề</h2>
<h2 name="red">Tiêu đề</h2>
<h2 class="darkred">Tiêu đề</h2>
Bạn cần định dạng phông chữ cho tiêu đề h1 có định danh tieude, câu lệnh CSS phù hợp là:
hl.tieude { font-family: Arial; }
h1#tieude { font-family: Arial; }
#tieude { font-family: Arial; }
Cả B và C đúng
Các phần tử trong văn bản HTML được trình bày trên trình duyệt web theo mô hình nào?
Vuông
Tròn
Tam giác
Hộp
Thuộc tính nào xác định kích thước vùng đệm trong mô hình hộp?
margin
padding
border
content
Vùng lề (margin) là phần nào trong mô hình hộp?
Phần trong cùng chứa nội dung
Vùng nằm giữa nội dung và viền
Vùng nằm giữa viền và vùng lề
Vùng ngoài cùng của mô hình hộp
Đâu là thuộc tính xác định kiểu trình bày đường viền bao quanh phần tử?
border-width
border-color
border-style
padding
Các phần tử HTML có thể hiển thị theo mấy kiểu cơ bản?
1
2
3
4
Thuộc tính nào điều chỉnh khoảng cách lề xung quanh phần tử HTML?
border
padding
margin
display
Ngăn cách giữa vùng nội dung và vùng viền trong mô hình hộp là vùng nào?
Margin
Padding
Border
Content
Ý nghĩa câu lệnh CSS p {margin: 50px;} là gì?
Tạo khoảng cách vùng đệm 50px
Tạo lễ ngoài phần tử đoạn văn bản 50px
Tạo viền 50px
Tạo kích thước vùng nội dung 50px
Thuộc tính nào sau đây không thuộc về mô hình hộp trong HTML?
padding
margin
width
color
Thanh điều hướng trong bố cục trang web thường chứa gì?
Logo và tiêu đề
Các siêu liên kết điều hướng
Nội dung chính
Thông tin bản quyền
Câu lệnh nào thiết lập vùng đệm 20px và viền dạng solid cho phần tử h3?
h3 {margin: 20px; border-style: solid;}
h3 {padding: 20px; border-style: solid;}
h3 {padding: 50px; border: solid;}
h3 {padding: 20px; border: solid;}
Để phần tử div hiển thị theo dòng (inline), câu lệnh CSS nào sau đây là đúng?
div {display: block;}
div {display: inline;}
div {float: left;}
div {position: relative;}
Nếu muốn phần tử header chiếm toàn bộ chiều ngang màn hình và chứa logo cùng tiêu đề trang web, kiểu hiển thị nào phù hợp?
display: block
display: inline
display: flex
display: grid
Phần mềm Mobirise thuộc loại phần mềm tạo website nào?
Trực tuyến
Ngoại tuyến
Cả trực tuyến và ngoại tuyến
Phần mềm trên nền tảng đám mây
Phần mềm Mobirise được sử dụng để làm gì?
Soạn thảo văn bản
Tạo và chỉnh sửa website bằng cách kéo thả
Vẽ kỹ thuật
Thiết kế cơ sở dữ liệu
Để sử dụng Mobirise, người dùng cần đăng ký tài khoản bằng gì?
Số điện thoại
Tài khoản mạng xã hội
Tài khoản ngân hàng
Thanh công cụ của phần mềm Mobirise chứa chức năng nào sau đây?
Thêm trang mới
Xuất bản website
Xem trước website trên trình duyệt
Thêm khối nội dung vào trang web
Chức năng Add Block to Page có tác dụng gì?
Thêm khối nội dung vào trang web
Xóa khối nội dung
Thêm hình ảnh vào máy tính
Xuất bản trang web
Để xem trước trang web trên trình duyệt, ta chọn lệnh nào trong Mobirise?
Preview in Browser
Preview website
Publish website
Add Page
Mobirise hỗ trợ cài đặt và sử dụng trên hệ điều hành nào dưới đây?
Windows
MacOS
Cả Windows và MacOS
Linux
Mobirise cung cấp các thành phần trang web ở dạng nào?
Dạng mã nguồn
Dạng khối mẫu kéo thả
Dạng form nhập liệu
Dạng bảng dữ liệu
Nút Add Block to Page nằm ở đâu trên màn hình làm việc?
Góc trái trên
Góc phải dưới
Chính giữa màn hình
Thanh điều hướng bên phải
Để thay hình ảnh trên Mobirise, ta cần thao tác gì?
Nhấn vào phần hình ảnh > Browse Computer
Nhấn phím Delete > Add Image
Nhân Add Block > Image Block
Dùng lệnh Replace Image
Mobirise cung cấp mẫu website theo chủ đề như thế nào?
Chỉ cung cấp mẫu trắng
Theo các chủ đề như Company, Shop...
Chỉ có template về giáo dục
Không có mẫu sẵn
Chức năng Publish trong Mobirise cho phép bạn thực hiện thao tác nào dưới đây?
Xuất bản website trực tuyến qua FTP hoặc Hosting
Lưu trang web vào máy tính cá nhân để sử dụng offline
Xuất bản nội dung lên mạng xã hội
In nội dung trang web thành tài liệu giấy
Trang chủ của một website thường chứa gì?
Thông tin tổng quát và nổi bật
Dữ liệu chi tiết sản phẩm
Thông tin kỹ thuật nội bộ
Mã nguồn trang web
Trang chuyên mục trong website có vai trò gì?
Giới thiệu tổng quát về website
Nhóm các nội dung cùng chủ đề
Hiển thị bản đồ trang
Chứa thông tin bảo mật
Trang chi tiết trong website cung cấp gì?
Thông tin cụ thể về một nội dung
Logo công ty
Thanh điều hướng
Tùy chỉnh phông nền
Thành phần nào KHÔNG phải là thành phần cơ bản của một trang web?
Phần đầu trang
Thanh điều hướng
Phần nội dung
Trình biên dịch
Để tạo website, bạn KHÔNG cần bước nào sau đây?
Phác thảo cấu trúc
Soạn nội dung
Thiết kế database
Xuất bản website
Phần mềm tạo website cho phép tạo dự án mới bằng cách nào?
Add Blank Page
Create New Site
Edit Project
Generate New Web
Một website cơ bản thường bao gồm mấy loại trang web chính?
2 loại
3 loại
4 loại
5 loại
Thành phần nào giúp điều hướng giữa các trang web trong website?
Phần đầu trang
Thanh điều hướng
Phần nội dung
Phần chân trang
Chức năng chính của trang chi tiết là gì?
Cung cấp thông tin cụ thể về một chủ đề
Hiển thị thông tin tổng quan
Đóng vai trò điều hướng
Hiển thị banner quảng cáo
Nội dung nào sau đây KHÔNG thuộc phần chân trang của một website?
Thông tin bản quyền
Liên kết mạng xã hội
Logo công ty
Giỏ hàng
Để tạo một website giới thiệu trường học, tối thiểu bạn cần có những trang nào dưới đây?
Trang chủ, trang liên hệ và trang giới thiệu
Trang chủ, trang chuyên mục và trang chi tiết
Trang chủ, trang thông tin giáo viên và trang sự kiện
Trang chủ, trang thư viện ảnh và trang liên hệ
Bước nào KHÔNG nằm trong quy trình tạo website bằng phần mềm?
Chuẩn bị nội dung và hình ảnh
Xây dựng cấu trúc cơ sở dữ liệu
Tạo và chỉnh sửa thành phần trên trang web
Xem trước và xuất bản website
Để thêm các khối nội dung vào trang web, bạn cần thực hiện thao tác nào?
Chọn Add Block to Page và kéo thả vào vị trí mong muốn
Viết mã HTML
Tạo file văn bản và đính kèm
Chọn Create Navigation
Khi tạo trang web mới trong dự án website, lựa chọn Add Blank Page có tác dụng gì?
Tạo trang trắng không có nội dung
Tạo trang với các khối nội dung mẫu
Tạo trang chi tiết tự động
Thêm menu điều hướng
Bạn được giao tạo website cá nhân cho thư viện trường, với các yêu cầu về trình bày như sau:
° Tiêu đề h1 phông Verdana, màu đỏ
° Các h2 phông Verdana, màu xanh
° Nền trang màu ivory
° Ô nhập liệu có nền vàng
Hãy đánh giá tính đúng/sai các khẳng định dưới đây:
Bạn nên tạo một tệp CSS riêng để khai báo các quy tắc định dạng và liên kết với tất cả các trang HTML của website.
Thuộc tính background-color: ivory; được dùng để thiết lập màu nền của toàn bộ trang web.
Để thiết lập màu chữ đỏ cho tiêu đề h1, khai báo h1 {color: red; font-family: Verdana;} là sai.
Sử dụng internal CSS hiệu quả hơn external CSS trong việc quản lý nhiều trang web.
Bạn thực hành tạo trang thông tin lớp học, định dạng văn bản và các thành phần biểu mẫu với CSS.
textarea có thể định dạng màu nền bằng thuộc tính background-color.
Để thay đổi kích thước chữ cho label, bạn dùng thuộc tính font-size.
Tệp CSS liên kết với HTML cần khai báo bằng thẻ <style> trong phần <head>.
Khi định dạng màu chữ là đỏ, câu lệnh đúng là color: red;.
Bạn thiết kế form khảo sát ý kiến học sinh bằng CSS. Nhóm của bạn đưa ra đề xuất:
input có thể định dạng viền ngoài bằng thuộc tính border.
Thuộc tính padding tạo khoảng cách giữa phần nội dung và đường viền của textarea.
Để căn chỉnh toàn bộ văn bản trong textarea vào giữa, bạn dùng text-align: center.
Các phần tử trong form không thể dùng class để áp dụng kiểu định dạng chung.
Bạn được giao thiết kế một form khảo sát ý kiến cho thư viện trường, yêu cầu sử dụng CSS để định dạng màu sắc và phông chữ bằng bộ chọn lớp và định danh. Hãy đánh giá các khẳng định sau là Đúng (Đ) hoặc Sai (S):
Bạn có thể sử dụng bộ chọn lớp .orangered để định dạng đồng loạt nhiều thẻ tiêu đề có cùng kiểu định dạng.
Để định dạng riêng cho tiêu đề "Đóng góp ý kiến cho thư viện của nhà trường", bạn nên dùng ID.
Bạn có thể sử dụng một ID giống nhau cho nhiều thẻ khác nhau để tăng tính tái sử dụng.
Để định dạng các ô nhập liệu input khác nhau, bạn có thể kết hợp cả class và ID để tăng tính linh hoạt trong thiết kế.
Bạn được giao thiết kế một website giới thiệu các giáo viên của trường. Nhóm đưa ra các lựa chọn sử dụng CSS như sau:
Bạn có thể sử dụng bộ chọn lớp (class) để áp dụng cùng một kiểu định dạng cho nhiều thẻ HTML khác nhau trên trang.
Định danh (id) được khuyến khích sử dụng nhiều lần cho các phần tử có cùng kiểu định dạng để tiết kiệm thời gian.
Bạn có thể kết hợp nhiều lớp (class) cho một thẻ HTML bằng cách thêm chúng vào thuộc tính class cách nhau bởi dấu cách.
Khi kết hợp bộ chọn lớp và bộ chọn định danh cho cùng một phần tử, thì quy tắc id sẽ có độ ưu tiên cao hơn class.
Bạn thiết kế trang liên hệ cho website nhà trường, yêu cầu form nhập liệu có định dạng nhất quán. Bạn Minh đã đề xuất như sau:
Để định dạng toàn bộ ô nhập liệu input, bạn có thể sử dụng bộ chọn phần tử trực tiếp như input {}.
Muốn định dạng riêng cho một ô nhập tên học sinh, bạn nên gán id và viết quy tắc định dạng riêng cho nó.
Các thẻ label cho trường nhập liệu không thể áp dụng định dạng bằng bộ chọn lớp (class).
Nếu khai báo CSS như sau:
#form input { background-color: yellow; }
thì toàn bộ các input bên trong phần tử có id="form" sẽ có nền vàng.
Bạn thiết kế một trang web cho thư viện trường học gồm 4 phần chính: đầu trang, thanh điều hướng, nội dung chính và chân trang. Hãy đánh giá các khẳng định sau là Đúng (Đ) hoặc Sai (S):
Phần đầu trang (header) nên chứa tiêu đề "Thư viện điện tử trường học" và logo.
Thanh điều hướng (navigation) gồm các liên kết như Trang chủ, Giới thiệu, Tài liệu học tập.
Nội dung chính (main) chỉ nên chứa hình ảnh mà không cần nội dung văn bản.
Phần chân trang (footer) có thể hiển thị thông tin liên hệ, bản quyền và các liên kết nhanh.
Bạn đang thiết kế một website cho câu lạc bộ thể thao trường học, yêu cầu bố cục rõ ràng và hiển thị hợp lý trên các thiết bị. Sau khi hoàn thành, nhóm bạn đưa ra các nhận định sau:
Mô hình hộp (Box Model) trong CSS gồm các thành phần: margin, border, padding và content.
Margin là khoảng cách từ mép phần tử ra bên ngoài, còn padding là khoảng cách từ viền vào phần nội dung.
Sử dụng display: inline-block; giúp các phần tử vừa hiển thị trên cùng một dòng, vừa có thể định nghĩa kích thước width và height.
Thuộc tính float trong CSS giúp canh giữa một khối nội dung trên trang web.
Bạn thiết kế website bán sách online, cần hiển thị sản phẩm theo bố cục hợp lý và dễ nhìn. Bạn Nam đã đưa ra các đề xuất sau:
Sử dụng flexbox sẽ giúp dễ dàng chia cột nội dung và sắp xếp các phần tử linh hoạt hơn.
margin: auto; có thể giúp căn giữa một khối div theo chiều ngang.
Để tạo lề bên ngoài giữa các phần tử, bạn cần dùng thuộc tính padding.
Các thuộc tính width và height được áp dụng bên ngoài nội dung và padding, không tính vào kích thước thực của hộp.
Bạn và nhóm được giao nhiệm vụ xây dựng một website "Giới thiệu trường học" bằng phần mềm tạo website. Nhóm đã thực hiện phác thảo cấu trúc website, xác định nội dung, chọn template và tiến hành tạo website theo các bước. Hãy đánh giá các khẳng định sau là Đúng (Đ) hoặc Sai (S):
Việc phác thảo cấu trúc website giúp nhóm bạn sắp xếp nội dung và bố cục hợp lý ngay từ đầu.
Tất cả các trang web trong cùng website nên có giao diện giống hệt nhau về màu sắc, phông chữ để tăng tính chuyên nghiệp và thống nhất.
Trang chủ là nơi hiển thị các nội dung chi tiết, tỉ mỉ nhất để cung cấp thông tin đầy đủ.
Sau khi thiết kế xong, nhóm bạn phải xuất bản website lên hosting hoặc lưu offline để người khác có thể truy cập.
Bạn tham gia xây dựng một website cho trường học nhằm giới thiệu các hoạt động ngoại khóa. Nhóm bạn đưa ra các phương án thiết kế như sau:
Trang chủ là nơi cung cấp thông tin tổng quát và nổi bật nhất của website.
Trang chuyên mục có thể dùng để nhóm các bài viết liên quan đến một hoạt động ngoại khóa cụ thể.
Các trang chi tiết không cần liên kết với trang chuyên mục và có thể tách biệt hoàn toàn.
Khi thiết kế trang sự kiện ngoại khóa, cần đảm bảo giao diện tương thích tốt trên nhiều thiết bị khác nhau, kiểm tra bằng chế độ Responsive trong phần mềm.
Bạn thiết kế một website về thư viện trường bằng phần mềm Mobirise. Yêu cầu gồm trang chủ, trang giới thiệu sách, và trang chi tiết sách. Nhóm của bạn đã đề xuất ý kiến sau:
Trang chi tiết sách cần cung cấp đầy đủ thông tin cụ thể về từng quyển sách.
Trang chuyên mục có thể là trang giới thiệu danh mục các loại sách theo chủ đề.
Website chỉ cần trang chủ và trang chi tiết, không cần trang chuyên mục.
Để website hiển thị chuyên nghiệp, cần đồng bộ màu sắc, font chữ và bố cục giữa các trang.
