Font size
WorksheetsPage 1
Total questions: 95
Worksheet time: 48mins
CSS là viết tắt của cụm từ nào?
Cascading Style Sheets
Computer Style Sheet
Creative Style Sheet
Colorful Style Sheet
Phần tử nào sau đây được dùng để khai báo internal CSS?
link
base
style
meta
Mục đích chính của CSS là gì?
Tạo hiệu ứng động cho trang web.
Định dạng và trình bày các phần tử HTML.
Xây dựng cấu trúc cho trang web.
Tạo các tương tác với người dùng.
Thuộc tính nào trong CSS được sử dụng để thay đổi màu nền của một phần tử?
color
background-color
text-color
fill-color
Để tạo một khoảng cách giữa các đoạn văn bản, ta sử dụng thuộc tính nào?
margin
padding
border
space
Thuộc tính nào dùng để đặt chiều rộng của một phần tử?
size
dimension
length
width
Để làm cho một phần tử hiển thị ở dạng in nghiêng, ta sử dụng thuộc tính nào?
font-style: italic
font-weight: bold
text-decoration: underline
text-align: center
Để đặt màu nền cho toàn bộ trang web, ta sử dụng selector nào?
body
html
page
document
Thuộc tính background-color có thể áp dụng cho loại phần tử nào?
Chỉ áp dụng cho thẻ
Áp dụng cho tất cả các phần tử HTML
Chỉ áp dụng cho các phần tử có chứa văn bản
Chỉ áp dụng cho các phần tử có hình ảnh nền
Khai báo nào sau đây được dùng để áp dụng các định dạng CSS được khai báo trong tệp “main.css”?
, đoạn code này có tác dụng gì?
Thay đổi màu nền của tất cả các đoạn văn thành màu đỏ.
Thay đổi màu chữ của tất cả các đoạn văn thành màu đỏ.
Làm in đậm tất cả các đoạn văn.
Tăng kích thước chữ của tất cả các đoạn văn.
Khai báo định dạng nào sau đây đúng cú pháp?
h2:color=red, font-size: 20px
{h2:color:red; font-size:20px;}
h2{color:red, font-size:20px;}
h2{color: red; font-size:20px;}
Khai báo CSS nào sau đây sẽ thiết lập siêu liên kết chữ có màu đỏ, cỡ chữ 15 pixel?
a color red; font-size: 15px;}
a {color: red, font-size: 15px;}
a {color: red; font-size: 15px}
a {color: red; font-size: 15px;}
Khai báo CSS nào sau đây sẽ thiết lập các phần tử h4, h5 cùng sử dụng chung định dạng?
h4 h5 {color: grey; border-style: solid;}
h4, h5 {color: grey; border-style: solid;}
h4; h5 {color: grey; border-style: solid;}
h4. h5 {color: grey; border-style: solid;}
Cho khai báo CSS sau: h1 {font-family:"Arial";font-size: 20px;} border-color: red; background-color: yellow; Định dạng phần tử h1 như thế nào khi hiển thị trên màn hình trình duyệt web?
Phông chữ Arial, cỡ chữ 20 pixel, có đường viền màu đỏ, nền tô màu vàng.
Phông chữ Arial, cỡ chữ 20 pixel, không có đường viền, nền tô màu vàng.
Phông chữ Arial, cỡ chữ 20 point, không có đường viền, nền tô màu vàng.
Phông chữ Arial, cỡ chữ 20 point, có đường viền màu đỏ, nền tô màu vàng.
A. Trắc nghiệm – Nhận biết: Bộ chọn lớp trong CSS có chức năng gì?
Định dạng cho tất cả các phần tử trên trang.
Định dạng cho một phần tử cụ thể.
Định dạng cho nhiều phần tử cùng loại với nhau.
Định dạng cho các phần tử có cùng một lớp.
A. Trắc nghiệm – Nhận biết: Tên bộ chọn lớp được đặt như thế nào?
Bắt đầu bằng dấu #.
Bắt đầu bằng dấu chấm.
Bắt đầu bằng chữ cái in hoa.
Bắt đầu bằng một số.
A. Trắc nghiệm – Nhận biết: Để áp dụng một bộ chọn lớp cho một phần tử, ta làm thế nào?
Thêm thuộc tính class vào thẻ phần tử đó.
Thêm thuộc tính id vào thẻ phần tử đó.
Thay đổi tên thẻ phần tử đó.
Không cần làm gì thêm.
A. Trắc nghiệm – Nhận biết: Bộ chọn định danh trong CSS có chức năng gì?
Định dạng cho tất cả các phần tử trên trang.
Định dạng cho một phần tử cụ thể được xác định bởi ID.
Định dạng cho nhiều phần tử cùng loại với nhau.
Định dạng cho các phần tử có cùng một lớp.
A. Trắc nghiệm – Nhận biết: Tên bộ chọn định danh được đặt như thế nào?
Bắt đầu bằng dấu #.
Bắt đầu bằng dấu chấm.
Bắt đầu bằng chữ cái in hoa.
Bắt đầu bằng một số.
Khai báo CSS nào sau đây sử dụng bộ chọn định danh
h3 {font-size: 20px; color: grey}
p. h4 font-size: 20px; color: red;}
a {color: red;})
#dautrang background-color: yellow; font-family: "Arial")
Khai báo CSS nào sau đây đúng cú pháp?
tieude {font-size: 20px; font-family: "Arial";}
tieude {font-size: 20px; font-family: "Arial";}
*tieude {font-size: 20px; font-family: "Arial";}
^tieude {font-size: 20px; font-family: "Arial";}
Khai báo CSS nào sau đây sử dụng bộ chọn lớp?
h1 {color: blue; font-size: 15px;}
tieude {color: red; font-size: 25px;}
#h7 {background-color: yellow;}
footer {background-color: yellow;}
Khai báo CSS nào sau đây đúng cú pháp?
nutlenh {color: blue; background-color: grey;}
*nutlenh {color: blue; background-color: grey;}
#nutlenh {color: blue; background-color: grey;}
^nutlenh {color: blue; background-color: grey;}
Khi lưu cự dụng bộ chọn lớp màu sau đây đúng cả pháp?
tiende font family: "Arial"; font-size: 20px
#tiende !font-family: "Arial" font size: 20px;l
#h1{font-family: "Arial". Jour size: 20px;}
hfont-family: "Arial"; font-size: 20px
khai báo CSS sử dụng bộ chọn định danh nào sau đây đúng cú pháp
ficummies {font-family: "Arial"; font-size: 20px!}
#ficummies {font-family: "Arial"; font-size: 20px}
.ficummies {font-family: "Arial"; font-size: 20px}
*ficummies {font-family: "Arial"; font-size: 20px}
Khai báo CSS nào sau đây đúng cú pháp?
ticude color: red; background-color: yellow;
tiende color: yellow; background-color: red;
ht color: red; background-color: yellow;}
tiende color: yellow; background-color: red;}
Trong đoạn code CSS sau, phần tử nào sẽ có màu đỏ? Nội dung hiển thị: .red { color: red; }
Tất cả các phần tử.
Các phần tử có lớp "red".
Các phần tử có ID "red".
Không có phần tử nào.
Tệp style.css có các khai báo: .style1 {color: blue; font-size: 20px;} style2 {font-family: "Courier New"; font-size: 20px;} #style3 {color: blue; font-size: 20px;} #style4 {font-family: "Courier New"; font-size: 20px;}. Áp dụng tệp style.css để định dạng một thẻ p trong HTML. Khai báo nào sau đây khiến văn bản p có màu xanh và phông chữ Courier New?
Đoạn văn bản áp dụng tệp style.css
Đoạn văn bản áp dụng tệp style.css
Đoạn văn bản áp dụng tệp style.css
Đoạn văn bản áp dụng tệp style.css
Mỗi phát biểu sau đây về bộ chọn lớp là đúng hay sai? Chọn tất cả phát biểu đúng.
Tên bộ chọn lớp do HTML định nghĩa.
Không thể khai báo bộ chọn lớp có tên .h1.
Khai báo CSS p.blue {color: blue;} thiết lập màu chữ xanh cho các phần tử p có class là "blue".
Phát biểu sau đây đúng hay sai: Sử dụng khai báo p.red {color: red;} sẽ thiết lập màu chữ đỏ cho các phần tử trong văn bản HTML có thuộc tính class = "red".
Đúng
Sai
Mỗi phát biểu sau đây về bộ chọn định danh là đúng hay sai? Tên bộ chọn định danh do người tạo CSS định nghĩa.
Đúng
Sai
Mỗi phát biểu sau đây về bộ chọn định danh là đúng hay sai? Khai báo tên bộ chọn định danh #p là hợp lệ.
Đúng
Sai
Mỗi phát biểu sau đây về bộ chọn định danh là đúng hay sai? Áp dụng khai báo CSS hip color web cho văn bản HTML sẽ thiết lập màu chữ đỏ cho tất cả các phần tử 2 có trong văn bản.
Đúng
Sai
Mỗi phát biểu sau đây về bộ chọn định danh là đúng hay sai? Áp dụng khai báo CSS hi#p {color: red; cho văn bản HTML sẽ thiết lập màu chữ đỏ cho tất cả các phần tử h1 có trong văn bản.
Đúng
Sai
Trong bố cục trang web, thanh điều hướng thường cung cấp thông tin nào sau đây?
Cung cấp thông tin chính của trang web.
Cung cấp thông tin logo, tiêu đề trang web.
Cung cấp thông tin bản quyền, địa chỉ liên hệ của công ty, tổ chức.
Cung cấp các siêu liên kết đến các trang web khác.
Mô hình hộp trong HTML được sử dụng để:
Xác định cách trình bày các phần tử trên trang web.
Tạo hiệu ứng chuyển động cho các phần tử.
Điều khiển màu sắc của văn bản.
Tạo các biểu mẫu tương tác.
Thuộc tính CSS nào dùng để xác định kích thước vùng đệm (padding)?
margin
border
padding
width
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo khối?
ul
label
img
a
Theo mặc định, phần tử nào sau đây được hiển thị trên màn hình trình duyệt web theo dòng?
div
hl
input
Phần tử nào sau đây được sử dụng để nhóm các phần tử HTML lại với nhau thành một khối riêng biệt?
p
input
img
div
Các thành phần chính của mô hình hộp bao gồm:
Nội dung, đường viền, đệm và lề.
Tiêu đề, đoạn văn, hình ảnh và bảng.
Cột, hàng và ô.
Màu sắc, phông chữ và kích thước.
Vùng lề (margin) có chức năng:
Tạo khoảng cách giữa các phần tử.
Xác định kích thước nội dung của phần tử.
Vẽ đường viền quanh phần tử.
Thay đổi màu nền của phần tử.
Nếu muốn tăng kích thước của một phần tử mà không làm thay đổi kích thước nội dung bên trong, bạn nên điều chỉnh thuộc tính nào?
width
height
padding
margin
Bố cục trang web là gì?
Cách sắp xếp, bố trí các đối tượng nội dung trên trang web.
Cách thay đổi màu sắc của trang web.
Cách tạo hiệu ứng động cho trang web.
Cách viết mã HTML.
Các thành phần chính của một trang web thường bao gồm:
Phần đầu trang, thanh điều hướng, phần nội dung, phần chân trang.
Tiêu đề, đoạn văn, hình ảnh, bảng.
Mục đích chính của phần đầu trang (header) là:
Cung cấp thông tin chi tiết về nội dung trang.
Hiển thị menu điều hướng.
Cung cấp thông tin liên hệ.
Chứa logo và tiêu đề của trang web.
Phần chân trang (footer) thường chứa:
Nội dung chính của trang.
Thông tin bản quyền, liên kết đến các trang khác.
Hình ảnh và video.
Các nút điều hướng chính.
Để tạo bố cục cho trang web, ta thường sử dụng:
Chỉ sử dụng HTML.
Chỉ sử dụng CSS.
Kết hợp cả HTML và CSS.
Sử dụng JavaScript.
Thuộc tính CSS nào được sử dụng để tạo khoảng cách giữa các phần tử trong mô hình hộp?
padding
margin
border
width
Độ rộng nào sau đây được xác định bởi thuộc tính width?
Độ rộng của phần tử khi hiển thị trên màn hình trình duyệt web.
Độ rộng của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ rộng của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ rộng của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.
Tác dụng nào sau đây là tác dụng của khai báo CSS: p {padding: 20px;}?
Xác định khoảng cách giữa vùng nội dung và vùng lề của phần tử p là 20 pixel.
Xác định khoảng cách giữa vùng nội dung và vùng đường viền của phần tử p là 20 pixel.
Xác định khoảng cách giữa vùng lề và vùng đường viền của phần tử p là 20 pixel.
Xác định khoảng cách giữa vùng nội dung và vùng đệm của phần tử p là 20 pixel.
Độ cao nào sau đây được xác định bởi thuộc tính height?
Độ cao của phần tử khi hiển thị trên màn hình trình duyệt web.
Độ cao của vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ cao của vùng đệm và vùng nội dung khi hiển thị trên màn hình trình duyệt web.
Độ cao của vùng lề và vùng đường viền khi hiển thị trên màn hình trình duyệt web.
Trong các phát biểu sau, phát biểu nào đúng?
Nếu không khai báo thuộc tính display, phần tử được hiển thị theo dòng.
Nếu không khai báo thuộc tính display, phần tử được hiển thị theo khối.
Nếu không khai báo thuộc tính display, phần tử được hiển thị theo thiết lập mặc định.
Nếu khai báo thuộc tính display: inline, phần tử được hiển thị theo khối.
Sự khác biệt giữa vùng đệm (padding) và vùng lề (margin) là:
Cả hai đều nằm bên ngoài đường viền.
Margin nằm bên trong đường viền, padding nằm bên ngoài.
Cả hai đều nằm bên trong đường viền.
Padding nằm bên trong đường viền, margin nằm bên ngoài.
Để tạo một hộp có chiều rộng 300px và chiều cao 200px , bạn sử dụng các thuộc tính nào?
margin: 300px 200px;
padding: 300px 200px;
width: 300px; height: 200px;
Giả sử bạn muốn tạo một đoạn văn có nền màu xanh nhạt. Bạn sẽ sử dụng thuộc tính CSS nào để thực hiện điều này?
background-color: lightblue;
color: lightblue;
text-align: center;
font-size: 16px;
Cho khai báo định dạng: p{width: 60px; padding:5px; border:2px solid; margin: 4px;} Giá trị nào là chiều rộng của phần tử p khi hiển thị trên màn hình trình duyệt web tính theo pixel?
60px.
68px.
70px.
82px.
Tác dụng nào sau đây đúng với khai báo CSS: p {margin: 10px;}?
Xác định các khoảng cách lề của phần tử p: lề trái, lề trên, lề phải, lề dưới là 10 pixel.
Xác định các khoảng cách lề của phần tử p: lề trái và lề trên là 10 pixel, lề phải và lề dưới là 0 pixel.
Xác định các khoảng cách lề của phần tử p: lề trái và lề phải là 10 pixel, lề trên và lề dưới là 0 pixel.
Xác định các khoảng cách lề của phần tử p: lề trái và lề dưới là 10 pixel, lề trên và lề phải là 0 pixel.
Khai báo nào được dùng để thiết lập khoảng cách giữa vùng nội dung và vùng đường viền của phần tử h1 là 25 pixel?
h1 {border:25px;}
h1 {margin: 25px;}
h1 {height: 25px;}
h1 {padding:25px;}
Vận dụng cao: Để tạo một đoạn văn có khoảng cách 20px đến các phần tử xung quanh, bạn sẽ sử dụng thuộc tính nào và với giá trị bao nhiêu?
padding: 20px;
margin: 20px;
border: 20px;
width: 20px;
Vận dụng cao: Muốn tạo một đường viền màu đỏ, dày 2px quanh một hình ảnh, bạn cần thêm thuộc tính nào vào thẻ img?
border: 2px solid red;
padding: 2px red;
margin: 2px red;
background-color: red;
Trắc nghiệm đúng – sai: Mỗi phát biểu sau đây về mô hình hộp là đúng hay sai? Vùng nội dung ngăn cách với vùng đường viền bởi vùng đệm.
Đúng
Sai
Trắc nghiệm đúng – sai: Mỗi phát biểu sau đây về mô hình hộp là đúng hay sai? Vùng đường viền ngăn cách các phần tử khi hiển thị trên trình duyệt web.
Đúng
Sai
Trắc nghiệm đúng – sai: Mỗi phát biểu sau đây về mô hình hộp là đúng hay sai? Vùng lề là vùng ngăn cách vùng đường viền và vùng đệm.
Đúng
Sai
Trắc nghiệm đúng – sai: Mỗi phát biểu sau đây về mô hình hộp là đúng hay sai? Vùng lề là vùng bao ngoài vùng đường viền.
Đúng
Sai
Phát biểu nào sau đây đúng?
Website có thể được tạo ra bởi lập trình viên hoặc người không có kĩ năng lập trình.
Website chỉ có thể được tạo ra bởi lập trình viên.
Website không thể được tạo ra bởi người am hiểu về lập trình.
Người dùng không thể chỉnh sửa website.
Dựa trên môi trường hoạt động, có thể phân chia các phần mềm tạo website thành mấy loại?
2
1
4
3
Phần mềm tạo website được chia thành 2 loại là
phần mềm tạo website ngoại tuyến và phần mềm tạo website có sẵn.
phần mềm tạo website trực tuyến và phần mềm tạo website thụ động.
phần mềm tạo website trực tuyến và phần mềm tạo website ngoại tuyến.
phần mềm tạo website thụ động và phần mềm tạo website chủ động.
Thế nào là phần mềm tạo website ngoại tuyến?
Là phần mềm cài đặt sẵn trên máy tính và cần sử dụng môi trường mạng.
Là phần mềm không được cài đặt sẵn trên máy tính và không cần sử dụng môi trường mạng.
Là phần mềm cài đặt sẵn trên máy tính và không cần sử dụng môi trường mạng.
Là phần mềm được sử dụng trực tiếp trên môi trường mạng.
Đâu không phải là tính năng của phần mềm tạo website trực tuyến?
Cài đặt phần mềm trên máy tính.
Chèn các biểu mẫu.
Cung cấp mẫu trang web.
Tạo các trang web với nội dung văn bản.
Chức năng nào sau đây không được cung cấp bởi phần mềm tạo website cơ bản?
Chèn hình ảnh và video.
Tạo trò chơi trực tuyến.
Xuất bản website.
Chèn liên kết.
Mobirise thuộc phân loại phần mềm nào?
Là phần mềm ngoại tuyến có phí.
Là phần mềm ngoại tuyến miễn phí.
Là phần mềm trực tuyến miễn phí.
Là phần mềm trực tuyến có phí.
Phần mềm Mobirise có thể hoạt động trên hệ điều hành nào?
Windows.
Android.
iOS.
Chrome OS.
Điền vào chỗ trống để hoàn thành câu sau: “Phần mềm Mobirise cung cấp nhiều mẫu trang web với ____.”
kiểu bố cục và chủ đề đa dạng.
chức năng lập lịch.
Màn hình làm việc của phần mềm Mobirise gồm bao nhiêu thành phần chính?
1
2
3
4
Phát biểu nào sau đây là đúng?
Các phần mềm tạo website chỉ có thể hoạt động ngoại tuyến.
Có thể đăng nhập sử dụng phần mềm Mobirise qua tài khoản Google, Facebook hoặc email.
Phần mềm Mobirise chỉ cho phép tạo trang web từ các mẫu trang web theo chủ đề được cung cấp sẵn.
Sử dụng phần mềm Mobirise tạo trang web bằng cách viết mã lệnh.
Phần mềm tạo website nào sau đây là loại phần mềm trực tuyến?
Mobirise
RapidWeaver
sites.google.com
Nicepage
Phần mềm tạo website nào sau đây là loại phần mềm ngoại tuyến?
Mobirise
sites.google.com
wix.com
weebly.com
Trong các biểu tượng sau, đâu là biểu tượng của phần mềm Mobirise? Chọn một trong bốn biểu tượng được đánh nhãn A, B, C, D.
Biểu tượng A
Biểu tượng B
Biểu tượng C
Biểu tượng D
Để xem trước trang web sau khi chỉnh sửa trên Mobirise, bạn nên chọn tùy chọn nào?
Preview.
Edit.
Publish.
Add Block.
Khi thực hiện cắt ảnh trên Mobirise, tỉ lệ khung hình không có sẵn là
9:4
16:9
1:1
2:3
Nút lệnh sau có ý nghĩa là gì trong quá trình cắt ảnh trên phần mềm Mobirise? Hình mô tả nút có biểu tượng hai mũi tên theo trục dọc.
Làm hình ảnh quay trái.
Làm hình ảnh quay phải.
Lật ngang hình ảnh.
Lật dọc hình ảnh.
Khi cắt ảnh trên Mobirise, bạn An muốn thu nhỏ hình ảnh thì bạn nên chọn nút lệnh nào? Hình minh họa gồm bốn nút: A là kính lúp có dấu cộng, B là kính lúp có dấu trừ, C là mũi tên cong xoay trái, D là mũi tên cong xoay phải.
Nút A.
Nút B.
Nút C.
Nút D.
Để cài đặt Mobirise, bạn cần làm gì đầu tiên?
Tải phần mềm từ trang web và cài đặt trên máy tính.
Đăng ký tài khoản qua email.
Thực hiện các thao tác kéo thả.
Tạo nội dung trang web.
Khi sử dụng Mobirise, để thêm khối nội dung vào trang web, bạn cần sử dụng nút lệnh nào sau đây?
Add Block to Page.
Publish.
Preview.
Browse Computer.
Để thay đổi hình ảnh trên trang web trong Mobirise, bạn cần làm gì?
Chọn vào phần hình ảnh, xuất hiện hộp thoại Media Image → Chọn Browse Computer.
Chọn Add Block to Page → Chọn Images.
Chọn Preview → Chỉnh sửa ảnh.
Chọn Edit → Chỉnh sửa hình ảnh.
Để xem trước trang web trên Mobirise, người dùng cần chọn biểu tượng nào?
Biểu tượng A
Biểu tượng B
Biểu tượng C
Biểu tượng D
Mobirise là ứng dụng thiết kế giao diện website trên máy tính và điện thoại di động bằng ngôn ngữ lập trình gì?
JavaScript
Python
C++
Ruby
