wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Ôn tập tổng hợp Web Front End

Total questions: 42

Worksheet time: 21mins

Name
Class
Date
1.

HTML dùng để làm gì trong một website?

a)

Xử lý logic

b)

Lưu dữ liệu

c)

Tạo cấu trúc và nội dung trang web

d)

Thiết kế database

2.

Thẻ HTML nào dùng để tạo link (liên kết tới trang web khác)?

a)

<link>

b)

<a>

c)

<href>

d)

<url>

3.

Thuộc tính src thường dùng trong thẻ nào?

a)

<a>

b)

<img>

c)

<div>

d)

<p>

4.

CSS dùng để làm gì?

a)

Tạo nội dung

b)

Tạo cấu trúc

c)

Trang trí và bố cục giao diện

d)

Lưu dữ liệu người dùng

5.

Class Bootstrap nào tạo nút bấm cơ bản?

a)

.button

b)

.btn

c)

.click

d)

.press

6.

Trong JavaScript, let dùng để làm gì?

a)

Tạo class

b)

Tạo hàm

c)

Khai báo biến

d)

Tạo file

7.

Lệnh Git nào dùng để xem trạng thái file?

a)

git init

b)

git commit

c)

git status

d)

git log

8.

DOM là gì?

a)

Một ngôn ngữ lập trình

b)

Cách trình duyệt biểu diễn HTML thành cây đối tượng

c)

Một thư viện CSS

d)

Một công cụ Git

9.

Mục tiêu chính của Design Thinking là gì?

a)

Viết code nhanh hơn

b)

Hiểu người dùng và giải quyết đúng vấn đề

c)

Thiết kế database

d)

Tăng tốc độ website

10.

Thẻ nào đặt tiêu đề hiển thị trên tab trình duyệt?

a)

<title>

b)

<meta>

c)

<head>

d)

<header>

11.

Để website hiển thị tốt trên nhiều màn hình có kích cỡ khác nhau, cần áp dụng gì?

a)

Table

b)

Responsive design

c)

Animation

d)

CDN

12.

Trong CSS Box Model, margin là gì?

a)

Khoảng cách giữa nội dung và border

b)

Khoảng cách bên ngoài border

c)

Độ dày border

d)

Kích thước chữ

13.

Bootstrap Grid chia layout thành bao nhiêu cột?

a)

6

b)

8

c)

10

d)

12

14.

Class nào tạo form input chuẩn Bootstrap?

a)

.input

b)

.form-input

c)

.form-control

d)

.control

15.

Array trong JS phù hợp để làm gì?

a)

Lưu một giá trị

b)

Lưu nhiều giá trị cùng loại

c)

Lưu cấu trúc HTML

d)

Lưu CSS

16.

Với Bootstrap 5, layout 3 cột bằng nhau trên desktop dùng class nào?

a)

col-4

b)

col-md-4

c)

col-lg-4

d)

grid-3

17.

Kết quả đoạn JS sau

a)

Hiện alert khi load trang

b)

Hiện alert khi click nút

c)

Không có gì xảy ra

d)

Lỗi

18.

Một website tốt cần kết hợp điều gì?

a)

Code đúng

b)

Giao diện đẹp

c)

Code đúng + UI/UX tốt + dễ sử dụng

d)

Nhiều hiệu ứng

19.

Tổng chiều rộng của box là?

a)

Tổng chiều rộng là 100px

b)

Tổng chiều rộng là 120px

c)

Tổng chiều rộng là 140px

d)

Không xác định

20.

Đoạn HTML + CSS sau hiển thị như thế nào?

a)

Hiển thị chữ Hello

b)

Hiển thị khung rỗng

c)

Không hiển thị gì

d)

Hiển thị lỗi

21.

Đoạn CSS nào giúp phần tử ẩn nhưng vẫn chiếm chỗ?

a)

display: none

b)

visibility: hidden

c)

opacity: 0

d)

z-index: -1

22.

Với Bootstrap 5, đoạn code sau hiển thị thế nào trên màn hình lớn?

a)

A trên B

b)

A và B mỗi cái chiếm nửa hàng

c)

A chiếm toàn bộ hàng

d)

Không hiển thị

23.

Kết quả đoạn Bootstrap sau là gì?

<button class="btn btn-danger">Delete</button>

a)

Nút màu xanh

b)

Nút màu đỏ

c)

Nút màu xám

d)

Không có style

24.

Kết quả đoạn JavaScript sau?

a)

true

b)

false

c)

Lỗi

d)

undefined

25.

Đoạn JS sau làm gì?

document.querySelector("p").style.color = "red";

a)

Thêm thẻ

b)

Đổi màu chữ thẻ

thành đỏ

c)

Xóa thẻ

d)

Tạo class mới

26.

Kết quả đoạn code sau khi click nút?

a)

In ra "Clicked" khi load trang

b)

In ra "Clicked" khi hover

c)

In ra "Clicked" khi click

d)

Không in gì

27.

Kết quả đoạn code sau?

a)

A. ["a","b"]

b)

B. ["c"]

c)

C. ["a","b","c"]

d)

D. Lỗi

28.

Đoạn HTML nào đúng để liên kết CSS ngoài?

a)

<style src="style.css">

b)

<css link="style.css">

c)

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

d)

<script css="style.css">

29.

CSS nào có độ ưu tiên cao nhất?

a)

CSS file ngoài

b)

CSS trong