NEW
Font size
WorksheetsHTML/CSS summary quizzes
Total questions: 78
Worksheet time: 39mins
Thẻ nào được sử dụng để tạo tiêu đề lớn nhất trong HTML?
<h1>
<h6>
<p>
<div>
Thẻ nào dùng để tạo một đoạn văn bản?????
<i>
<p>
<span>
<b>
Thẻ nào dùng để tạo liên kết trong HTML?
<link>
<href>
<a>
<b>
Thuộc tính nào dùng để chỉ định URL của liên kết trong thẻ <a>?
src
href
link
url
Thuộc tính nào dùng để chỉ định đường dẫn của hình ảnh trong thẻ <img>?
href
link
src
url
Thuộc tính nào của thẻ <img> dùng để mô tả nội dung của hình ảnh?
href
alt
title
src
Thẻ nào dùng để tạo danh sách có thứ tự?
ol
ul
li
alt
Thẻ nào dùng để tạo một hàng trong bảng HTML?
td
tr
table
th
Thẻ nào dùng để tạo phần đầu cho bảng?
tr
td
table
thead
Thẻ nào dùng để tạo tiêu đề cho cột trong bảng?
td
th
tr
thead
Thẻ nào dùng để tạo một đoạn văn bản định dạng nội tuyến (inline)?
form
div
abbr
p
Thẻ nào dùng để tạo vùng chứa dạng khối (block) trong HTML?
abbr
i
u
div
Thẻ nào dùng để tạo biểu mẫu nhập liệu?
input
abbr
form
i
Thuộc tính nào của thẻ <form> dùng để chỉ định URL nhận dữ liệu?
url
action
method
href
Thuộc tính nào của thẻ <form> dùng để chỉ định phương thức gửi dữ liệu?
methods
action
method
href
Thẻ nào dùng để tạo nút bấm (button) trong form HTML (Nút không có tác dụng gì)?
<input type="submit">
<input type="reset">
<input type="button">
<input type="text">
Thuộc tính nào của thẻ <input> dùng để đặt giá trị mặc định cho ô nhập liệu?
value
placeholder
default
data
Thẻ nào dùng để tạo vùng nhập liệu đa dòng?
option
input
textarea
placeholder
Thẻ nào dùng để tạo danh sách lựa chọn (dropdown list)?
select
dropdown
input
option
Thẻ nào dùng để định nghĩa một tùy chọn trong danh sách lựa chọn?
select
input
dropdown
option
Thuộc tính nào của thẻ <a> dùng để mở liên kết trong cửa sổ mới?
target
rel
href
download
Thẻ nào dùng để chèn video vào trang HTML?
video
link
movie
audio
Thuộc tính nào của thẻ <video> dùng để chỉ định tệp video cần chèn?
href
src
link
target
Thẻ nào dùng để chèn tệp CSS vào trang HTML?
a
link
script
href
Thuộc tính nào của thẻ <input> dùng để xác định kiểu dữ liệu nhập vào?
value
name
id
type
Thuộc tính nào của thẻ <select> cho phép người dùng chọn nhiều giá trị?
multiselect
multioption
multipleselect
multiple
Input type nào cho phép người dùng chọn một tệp tin từ máy tính?
download
file
multiple
upload
Thẻ <label> có tác dụng gì trong biểu mẫu?
Liên kết giữa văn bản và ô nhập liệu
Tạo nút bấm
Định nghĩa vùng chứa biểu mẫu
Tạo tiêu đề cho biểu mẫu
Thuộc tính nào của thẻ <input> dùng để giới hạn số ký tự tối đa mà người dùng có thể nhập?
maxlength
minlength
max
min
Input type nào cho phép người dùng chọn nhiều tùy chọn độc lập trong tập hợp các lựa chọn?
checkbox
radio
select
button
Thuộc tính nào của thẻ <input> dùng để vô hiệu hóa ô nhập liệu?
readonly
disabled
disable
hidden
Input type nào dùng để nhập dữ liệu ẩn mà không hiển thị cho người dùng?
<input type="invisible">
<input type="hidden">
<input type="secret">
<input type="password">
Thuộc tính CSS nào dùng để đặt màu chữ cho phần tử?
color
bg-color
background-color
text-color
Thuộc tính nào dùng để chỉ định font chữ cho phần tử?
font-family
font
text-family
font-size
Thuộc tính nào dùng để đặt kích thước chữ?
text-family
font-size
font-family
font-weight
Thuộc tính nào dùng để đặt khoảng cách giữa các chữ cái?
font-spacing
letter-spacing
word-spacing
text-spacing
Thuộc tính nào dùng để chuyển đổi văn bản thành chữ in hoa?
text-style: uppercase
text-transform: uppercase;
text-decoration: uppercase;
text-decoration: lowercase;
Thuộc tính nào dùng để thay đổi khoảng cách giữa các dòng chữ?
line-width
text-height
line-height
font-size
Thuộc tính nào dùng để đặt viền cho phần tử?
border-radius
border
outline
border-width
Thuộc tính nào dùng để xác định chiều rộng tối đa của phần tử?
width
max-height
height
max-width
Thuộc tính nào dùng để thay đổi cách tính kích thước phần tử (bao gồm padding, border)?
border-box
min-height
box-sizing
content-box
Giá trị nào của box-sizing tính luôn cả padding và border vào kích thước phần tử?
border-box
content-box
box-sizing
min-height
Thuộc tính position: relative có ý nghĩa gì?
Phần tử được định vị theo luồng tài liệu và có thể dịch chuyển so với vị trí ban đầu
Phần tử được cố định vị trí trên màn hình
Phần tử không thể thay đổi vị trí
Phần tử được định vị tuyệt đối so với khối chứa nó
Thuộc tính position: absolute có ý nghĩa gì?
Phần tử không thể di chuyển
Phần tử được định vị dựa trên khối chứa gần nhất có position khác static
Phần tử được định vị theo vị trí mặc định
Phần tử vẫn tuân theo luồng tài liệu
Thuộc tính flex-direction có tác dụng gì?
Điều chỉnh độ rộng của phần tử
Thay đổi màu nền của phần tử
Thiết lập khoảng cách giữa các phần tử
Xác định hướng sắp xếp các phần tử con trong container flex
Thuộc tính flex-direction có mấy hướng chính?
1
2
3
4
Giá trị nào của flex-direction sắp xếp các phần tử theo hàng dọc từ dưới lên?
colunm-reverse
column-reverse
column
colunm
Thuộc tính nào dùng để điều chỉnh khoảng cách giữa các phần tử con theo trục chính trong flexbox?
justify-content
flex-wrap
align-items
flex-flow
Thuộc tính nào dùng để căn chỉnh các phần tử con theo trục phụ trong container flex?
justify-content
align-items
flex-wrap
flex-flow
Giá trị nào của justify-content tạo khoảng cách đều giữa các phần tử con (không có khoảng cách ở hai đầu)?
space-evenly
space-between
space-around
center
Giá trị nào của flex-wrap cho phép các phần tử con chuyển dòng khi không đủ không gian?
nowrap
wrap
reverse
warp
Thuộc tính order dùng để làm gì các phần tử con trong cùng một flex-container
Điều chỉnh khoảng cách giữa các phần tử con
Thay đổi kích thước phần tử con
Thay đổi thứ tự hiển thị của phần tử con
Thuộc tính align-self có tác dụng gì trong flexbox?
Cho phép một phần tử con ghi đè lên căn chỉnh mặc định của align-items
Xác định khoảng cách giữa các phần tử con
Thay đổi hướng của các phần tử con
Điều chỉnh thứ tự hiển thị của phần tử
Thuộc tính display: inline-block có tác dụng gì?
Hiển thị phần tử dưới dạng inline
Cho phép phần tử vừa có đặc tính của inline lẫn block
Ẩn phần tử
Hiển thị phần tử dưới dạng block
Media query trong CSS dùng để làm gì?
Tùy chỉnh giao diện cho các thiết bị khác nhau dựa trên đặc điểm của thiết bị
Tùy chỉnh màu sắc cho các thiết bị khác nhau dựa trên đặc điểm của thiết bị
Tùy chỉnh kích thước phần tử HTML cho các thiết bị khác nhau dựa trên đặc điểm của thiết bị
Tùy chỉnh font chữ cho các thiết bị khác nhau dựa trên đặc điểm của thiết bị
Trong media query, thuộc tính nào thường được sử dụng với hướng mobile first?
min-width
min-widht
max-widht
max-width
Cách nào sau đây dùng media query để ẩn phần tử trên thiết bị có màn hình nhỏ?
@media (orientation: portrait) { .element { visibility: hidden; } }
@media (min-width: 600px) { .element { visibility: collapse; } }
@media (max-width: 600px) { .element { display: none; } }
@media (min-width: 600px) { .element { display: none; } }
Thuộc tính nào dùng để tạo hiệu ứng chuyển đổi mượt mà trong CSS?
transition
transparent
transform
translate
Thuộc tính nào xác định thời gian chuyển đổi của hiệu ứng?
transition-time
translate
transition-duration
transition-timing-function
Trong flexbox, thuộc tính nào dùng để chỉ định kích thước cơ bản của phần tử con trước khi phân phối không gian?
flex-box
flex-flow
flex-basis
flex-wrap
Thuộc tính nào dùng để đặt mức độ trong suốt của phần tử?
flex-box
opacity
visibility
transparent
Thuộc tính nào dùng để tạo hiệu ứng đổ bóng cho văn bản?
box-shadow
text-shadow
font-shadow
shadow
Hệ thống lưới (grid system) của Bootstrap được chia thành bao nhiêu cột mặc định?
10
14
12
9
Hệ thống breakpoint của Bootstrap dùng để tạo thiết kế đáp ứng gồm các kích cỡ nào?
sm, md, lg, xl, xxl
mobile, tablet, desktop
xs, sm, md, lg, xl, xxl
xs, s, m, l, xl
Trong Bootstrap, để tạo một hàng chứa các cột, ta sử dụng class nào?
row
col
column
container
Trong Bootstrap, class nào được sử dụng để tạo một cột trong layout?
container
col
row
column
Nếu bạn muốn một cột chiếm 50% của hàng, bạn nên sử dụng class nào?
col-3
col-4
col-5
col-6
Để đặt kích thước cột cụ thể cho màn hình trung bình (≥768px), bạn sử dụng class nào?
col-md-4
col-4
col-lg-4
col-sm-4
Trong một hàng, nếu tổng số cột vượt quá 12, kết quả sẽ như thế nào?
Các cột vượt quá sẽ bị ẩn
Các cột vượt quá sẽ tự động xuống dòng
Các cột sẽ co lại cho vừa với hàng
Hệ thống grid không cho phép vượt quá 12 cột
Selector nào chọn tất cả các phần tử có class là active?
.active
p.active
#active
p .active
Selector nào chọn tất cả các thẻ a nằm bên trong thẻ nav?
nav a
nav > a
nav + a
nav ~ a
Selector nào chọn các thẻ <li> là con trực tiếp của thẻ <ul>?
ul > li
ul li
ul + li
ul ~ li
Selector nào chọn các thẻ <input> có thuộc tính type bằng "text"?
input(text)
input.type="text"
input[type="text"]
input#type="text"
Trong .container p, thuộc tính line-height: 1.6; có tác dụng gì?
Đặt khoảng cách giữa các dòng văn bản bằng 1.6 lần kích thước chữ
Giảm kích thước chữ xuống 1.6 lần
Đặt khoảng cách giữa các ký tự
Đặt khoảng cách giữa các ký tự bằng 1.6px
Thuộc tính box-shadow: 0 0 10px rgba(0,0,0,0.1); tạo ra hiệu ứng gì?
Tạo hiệu ứng đổ bóng xung quanh phần tử
Ẩn phần tử khỏi màn hình
Tạo đường viền mờ cho phần tử
Làm mờ toàn bộ phần tử
Ý nghĩa của margin: 0 auto; trong .container là gì?
Canh giữa phần tử theo chiều dọc
Canh giữa phần tử theo chiều ngang
Đặt margin trên là 0 và margin dưới tự động
Tạo khoảng cách 0px xung quanh phần tử
Pseudo-class nào được sử dụng để chọn phần tử khi người dùng di chuột qua?
:hover
:focus
:active
:random
Pseudo-class nào được sử dụng để chọn phần tử khi người dùng bấm vào ô input?
:hover
:active
:focus
:random
