Font size
WorksheetsSNLTW
Total questions: 42
Worksheet time: 22mins
Cấu trúc file HTML đúng là gì?
<html>
<body>
<head>
</head>
</body>
</html>
<html>
<head>
</head>
<body>
</body>
</html>
<head>
<body>
</body>
</head>
<html>
</html>
<html>
<body>
</body>
</html>
<head>
</head>
Thẻ HTML nào dùng để tạo liên kết đến một trang web khác?
<link>
<a>
<url>
<href>
Thẻ nào trong HTML dùng để định nghĩa tiêu đề của một trang web?
<header>
<title>
<head>
<h1>
Thuộc tính nào của thẻ <a> dùng để mở liên kết trong tab mới?
newtab="true"
target="_blank"
open="new"
href="_newtab"
Thẻ <b> có tác dụng gì?
In nghiêng văn bản
In đậm văn bản
Gạch chân văn bản
Tạo liên kết
Thuộc tính nào của thẻ <img> dùng để xác định đường dẫn hình ảnh?
alt
src
href
link
Thẻ nào dùng để tạo một dòng ngắt trong HTML?
(a)
Thẻ nào không có thẻ đóng?
<p>
<img>
<div>
<h1>
Có bao nhiêu cách sử dụng css trong html
(a)
Thuộc tính nào trong CSS dùng để thay đổi màu chữ?
text-color
color
background-color
text-style
Thuộc tính background-color dùng để làm gì?
Đổi màu chữ
Đổi màu nền
Tạo viền
Căn lề
Thuộc tính border dùng để làm gì?
Tạo viền cho phần tử
Căn lề phần tử
Thêm nền cho phần tử
Định dạng chữ
Thuộc tính nào dùng để căn chỉnh văn bản vào giữa?
align-text: center;
text-align: center;
center-text: align;
text-position: middle;
Thuộc tính margin dùng để làm gì?
Tạo khoảng cách bên trong phần tử
Tạo khoảng cách bên ngoài phần tử
Tạo viền
Định dạng chữ
padding có tác dụng gì?
Tạo khoảng cách bên ngoài phần tử
Tạo khoảng cách bên trong phần tử
Tạo viền
Định dạng chữ
Thuộc tính nào dùng để thiết lập độ rộng của phần tử?
length
width
size
height
Khi sử dụng thẻ <img> trong HTML, nếu thuộc tính width và height đều được đặt, điều gì sẽ xảy ra nếu tỷ lệ hình ảnh không khớp với kích thước được chỉ định?
Hình ảnh sẽ bị kéo dãn để khớp với kích thước được chỉ định
Trình duyệt sẽ tự động cắt bớt hình ảnh để phù hợp
Hình ảnh sẽ giữ nguyên tỷ lệ ban đầu và chỉ thay đổi theo width
Hình ảnh sẽ không hiển thị nếu kích thước không khớp
Trong mô hình hộp (Box Model) của CSS, thứ tự các thành phần từ trong ra ngoài là gì?
Border → Padding → Content → Margin
Content → Padding → Border → Margin
Padding → Content → Border → Margin
Content → Border → Padding → Margin
-->Khi trang web được tải lên, đoạn văn bản "Hello World" sẽ xuất hiện như thế nào?
Nằm trong nền màu đỏ và có chữ màu xanh nước biển
Nằm ngoài nền màu xanh nước biển và có chữ đỏ
Nằm trong nền màu đỏ và có chữ màu xanh lá cây
Nằm trong nền màu xanh nước biển và có chữ màu xanh lá cây
Thẻ HTML nào được sử dụng để tạo danh sách có thứ tự?
<ul>
<li>
<ol>
<list>
Danh sách <ol> có thể sử dụng giá trị nào trong thuộc tính type để hiển thị số La Mã in hoa?
1
a
A
I
Khi sử dụng danh sách <ol>, nếu muốn bắt đầu đánh số từ 5, bạn sử dụng thuộc tính nào?
start="5"
begin="5"
initial="5"
index="5"
Phần tử HTML nào sau đây là phần tử khối (block)?
span
div
a
strong
Đặc điểm nào đúng với phần tử inline-block trong CSS?
Không cho phép đặt chiều rộng và chiều cao
Chiếm toàn bộ chiều ngang của container
Vẫn nằm trên cùng một dòng và có thể đặt kích thước
Tự động đẩy xuống dòng mới
Cú pháp chọn một phần tử có ID là "header" trong CSS là gì?
.header {}
#header {}
header {}
$header {}
Sự khác biệt giữa class và id trong HTML là gì?
Class được sử dụng một lần, ID dùng nhiều lần
ID có thể áp dụng cho nhiều phần tử
Không có sự khác biệt
Class có thể áp dụng cho nhiều phần tử, ID thì không
Một phần tử có thể có bao nhiêu class cùng lúc?
một
hai
tối đa ba
Không giới hạn
Thuộc tính float: left trong CSS có tác dụng gì?
Đưa phần tử lên đầu trang
Đưa phần tử về bên trái và cho phép các phần tử khác lấp vào bên phải
Làm phần tử ẩn đi
Giữ nguyên phần tử ở vị trí trung tâm
Thuộc tính clear được dùng để làm gì trong CSS?
Xóa nội dung phần tử
Xóa padding và margin
Ngăn phần tử chồng lên phần tử đã float
Làm rõ màu nền
thuộc tính nào sau đây là một pseudo-class trong CSS?
before
hover
after
content
Pseudo-element ::after thường được dùng để làm gì?
Thêm nội dung phía trước phần tử
Thêm nội dung phía sau phần tử
Xóa phần tử
Tạo hover effect
Cú pháp khai báo biến CSS là gì?
var-color: red;
--color: red;
$color: red;
color-var: red;
Cách sử dụng biến CSS là?
use(--color)
var(--color)
color(--var)
let color
Cái nào sau đây là một hàm hợp lệ trong CSS?
rgb(255, 0, 0)
def(red)
makeColor(red)
color: function(red)
Pseudo-class :nth-child(2) chọn phần tử nào?
Phần tử đầu tiên
Phần tử có class "child"
Phần tử thứ hai trong danh sách cùng cấp
Phần tử cuối cùng
Bạn có một trang HTML và bạn muốn gán cùng một kiểu chữ cho 5 phần tử có cùng class "title", và một màu nền đặc biệt cho phần tử có id "main-title". Đoạn CSS nào dưới đây là đúng và hiệu quả?
.title { font-family: Arial; }
#main-title { background-color: yellow; }
title { font-family: Arial; }
id.main-title { background-color: yellow; }
#title { font-family: Arial; }
.main-title { background-color: yellow; }
class.title { font-family: Arial; }
#main-title { background-color: yellow; }
Bạn muốn tất cả các thẻ <button> thay đổi màu nền khi người dùng di chuột vào, và thêm dấu ✔ phía sau nội dung của nút khi đang được hover. Đoạn CSS nào sau đây là đúng?
button:hover { background-color: green; content: "✔"; }
button:hover { background-color: green; }
button:hover::after { content: "✔"; }
button::hover { background-color: green; }
button::hover::after { content: "✔"; }
button:after:hover { content: "✔"; background-color: green; }
Chữ nào trong danh sách trên có màu đỏ?
mot
hai
bon
nam
Kết quả của đoạn chương trình trên là?
Thuộc tính position: absolute có đặc điểm gì?
Phần tử được định vị tương đối với cửa sổ trình duyệt
Phần tử được định vị theo vị trí ban đầu của nó trong luồng tài liệu
Phần tử được định vị so với phần tử cha gần nhất có position khác static
Phần tử luôn nằm ở giữa màn hình
Khi nào nên sử dụng position: fixed?
Khi muốn phần tử luôn xuất hiện tại một vị trí cụ thể, bất kể cuộn trang
Khi muốn phần tử di chuyển theo cuộn trang
Khi muốn phần tử tự động căn giữa
Khi muốn phần tử nằm phía dưới các phần tử khác
Giá trị position: relative có tác dụng gì nếu không có thuộc tính top, left, right, hoặc bottom đi kèm?
Không có tác dụng gì
Phần tử bị ẩn đi
Phần tử vẫn thay đổi vị trí một cách ngẫu nhiên
Phần tử vẫn ở vị trí ban đầu nhưng trở thành mốc tham chiếu cho các phần tử absolute con
