Đề thi Ứng dụng Web

Câu 1 Chương 5: Thư viện jQuery

Bộ chọn jQuery nào sau đây dùng để chọn phần tử <li> thứ 4 trong danh sách <ul> (biết chỉ số index bắt đầu từ 0)?

A $("ul li:eq(4)") B $("ul li:gt(4)") C $("ul li:eq(3)") D $("ul li:lt(4)")

Câu 2 Chương 2: Ngôn ngữ HTML

Để vẽ hình tròn trong SVG, thẻ nào sau đây được đặt bên trong thẻ `<svg>`?

A <round x="200" y="100" radius="80" /> B <oval center="200,100" r="80" /> C <arc cx="200" cy="100" r="80" /> D <circle cx="200" cy="100" r="80" />

Câu 3 Chương 3: Định kiểu với CSS

Trong Flexbox, để các flex item tự động chuyển dòng (rớt dòng) khi tổng chiều rộng của các item vượt quá chiều rộng của container, ta dùng thuộc tính nào?

A flex-flow: row-nowrap; B display: inline-block; C justify-content: break; D flex-wrap: wrap;

Câu 4 Chương 3: Định kiểu với CSS

Phát biểu nào sau đây là SAI về các thuộc tính trong CSS? (Đề thi mẫu - Câu 15)

A Thuộc tính margin có thể nhận giá trị âm. B Thuộc tính padding không nhận giá trị âm. C Giá trị position mặc định của một thành phần HTML là static. D Thuộc tính outline cũng được tính vào kích thước tổng thể của thành phần HTML.

Câu 5 Chương 5: Thư viện jQuery

Bộ chọn jQuery nào sau đây dùng để chọn tất cả các phần tử tiêu đề heading từ <h1> đến <h6>?

A $(":title") B $(":header") C $(":heading") D $("h*")

Câu 6 Chương 4: Ngôn ngữ JavaScript

Phương thức nào của đối tượng window trong BOM dùng để đóng cửa sổ trình duyệt hiện hành?

A window.destroy() B window.close() C window.quit() D window.exit()

Câu 7 Chương 2: Ngôn ngữ HTML

Để hiển thị ký hiệu toán học x bình phương ($x^2$) trên trình duyệt, thẻ HTML nào sau đây là đúng? (Đề thi mẫu - Câu 1)

A x<pre>2</pre> B x<sup>2</sup> C x<sub>2</sub> D <pre>x^2</pre>

Câu 8 Chương 3: Định kiểu với CSS

Màu sắc trong CSS được khai báo dạng `rgba(255, 0, 0, 0.4)`. Giá trị 0.4 ở tham số cuối cùng có ý nghĩa gì?

A Tỷ lệ độ sáng của màu đỏ B Tỷ lệ màu xanh dương trong tổ hợp C Bán kính bóng mờ của phần tử D Độ trong suốt/độ rõ (alpha) của màu, có giá trị từ 0 đến 1 (1 là rõ hoàn toàn)

Câu 9 Chương 4: Ngôn ngữ JavaScript

Phương thức nào sau đây của đối tượng Number trong JavaScript dùng để chỉ định số lượng chữ số thập phân sau dấu phẩy? (Đề thi mẫu - Câu 18)

A toFixed() B toString() C valueOf() D toPrecision()

Câu 10 Chương 3: Định kiểu với CSS

Để màu nền mỗi cột con trong dòng đổi màu lần lượt từ trái sang phải là brown, green, blue, gold, bộ chọn CSS nào là chuẩn xác nhất?

A :only-child { background: gold; } B :hover { background: rainbow; } C :first-line { background: brown; } D :nth-child(1) { background: brown; } :nth-child(2) { background: green; } :nth-child(3) { background: blue; } :nth-child(4) { background: gold; }

Câu 11 Chương 5: Thư viện jQuery

Phương thức nào trong jQuery dùng để tạo hiệu ứng chuyển động hoạt hình tùy biến cho phần tử (thay đổi vị trí, kích thước)? (Đề thi mẫu - Tự luận 2)

A transition() B animate() C transform() D motion()

Câu 12 Chương 2: Ngôn ngữ HTML

Phát biểu nào sau đây là SAI khi nói về cấu trúc thẻ <table> trong HTML? (Đề thi mẫu - Câu 4)

A Thuộc tính colspan được sử dụng để trộn nhiều cột thành một. B Mặc định thành phần table không hiển thị đường biên. C Thành phần table chỉ chứa duy nhất một thành phần thead. D Thành phần table chỉ chứa tối đa một thành phần tbody.

Câu 13 Chương 4: Ngôn ngữ JavaScript

Để vẽ một đường tròn tâm (100, 100) bán kính 50 trên thẻ <canvas> bằng ngữ cảnh 2D (ctx), câu lệnh arc() nào sau đây là ĐÚNG?

A ctx.arc(100, 100, 50, 0, Math.PI); B ctx.arc(100, 100, 50, 0, 2 * Math.PI); C ctx.arc(100, 100, 50, 0, 180); D ctx.circle(100, 100, 50);

Câu 14 Chương 1: Tổng quan Internet & Web

World Wide Web (WWW) được phát minh bởi ai, vào thời gian nào và tại đâu?

A Bill Gates, phát minh năm 1985 tại Microsoft B James Gosling, phát minh năm 1995 tại Sun Microsystems C Steve Jobs, phát minh năm 1990 tại Apple D Tim Berners-Lee, phát minh ngày 12/3/1989 (công bố năm 1990) tại CERN (Thụy Sĩ)

Câu 15 Chương 2: Ngôn ngữ HTML

Thẻ <input type="image"> trong form HTML được sử dụng làm nút submit có đặc điểm gì nổi bật khi người dùng click chuột?

A Chỉ hiển thị ảnh tĩnh, không thể kích hoạt submit B Gửi tọa độ x và y của điểm người dùng nhấn chuột lên server dạng name.x và name.y C Tự động gửi ảnh người dùng lên server qua FTP D Xóa toàn bộ nội dung dữ liệu vừa nhập

Câu 16 Chương 5: Thư viện jQuery

Sự kiện nào trong jQuery được kích hoạt ngay khi cây DOM của tài liệu HTML đã sẵn sàng (chưa cần đợi tải xong hình ảnh)?

A $(document).ready() B $(window).load() C $(document).start() D $(window).init()

Câu 17 Chương 3: Định kiểu với CSS

Thứ tự bắt buộc khi định nghĩa trạng thái của một liên kết (hyperlink) trong CSS để không bị ghi đè là gì?

A a:active -> a:hover -> a:visited -> a:link B a:visited -> a:link -> a:active -> a:hover C a:hover -> a:active -> a:link -> a:visited D a:link -> a:visited -> a:hover -> a:active (Quy tắc LVHA)

Câu 18 Chương 1: Tổng quan Internet & Web

Giao thức nào được sử dụng để truyền và tải tập tin (file) giữa máy khách và máy chủ trên Internet qua giao thức TCP?

A POP3 B DNS C FTP (File Transfer Protocol) D SMTP

Câu 19 Chương 4: Ngôn ngữ JavaScript

Để xóa một cookie đã lưu trữ trên máy client bằng JavaScript, thao tác nào sau đây là đúng chuẩn?

A Gán thuộc tính expires của cookie về một mốc thời gian trong quá khứ B Gán giá trị document.cookie = null C Dùng lệnh delete document.cookie D Gọi hàm document.deleteCookie(name)

Câu 20 Chương 4: Ngôn ngữ JavaScript

Cho đoạn mã JavaScript sau:
```javascript
var x = 16 + 4 + "Volvo";
```
Giá trị của biến x là:

A "164Volvo" B Báo lỗi kiểu dữ liệu C "Volvo20" D "20Volvo"

Câu 21 Chương 4: Ngôn ngữ JavaScript

Phương thức nào của đối tượng Node trong DOM dùng để thêm một nút con mới vào cuối danh sách các nút con của phần tử cha?

A appendChild() B replaceChild() C insertBefore() D removeChild()

Câu 22 Chương 3: Định kiểu với CSS

Pseudo-class nào sau đây chọn các phần tử input đang ở trạng thái bị vô hiệu hóa?

A :disabled B :empty C :invalid D :enabled

Câu 23 Chương 1: Tổng quan Internet & Web

Cặp thành phần nào sau đây trong kiến trúc Web chịu trách nhiệm phân tích (render) mã HTML, CSS và thực thi mã JavaScript để hiển thị trang web cho người dùng?

A Cơ sở dữ liệu (Database server) B Hệ điều hành máy chủ (Server OS) C Web client (Trình duyệt web) D Web server (Máy chủ web)

Câu 24 Chương 3: Định kiểu với CSS

Thuộc tính CSS nào sau đây dùng để chuyển đổi kiểu chữ in nghiêng cho văn bản? (Đề thi mẫu - Câu 14)

A text-decoration: italic; B text-transform: italic; C font-variant: italic; D font-style: italic;

Câu 25 Chương 2: Ngôn ngữ HTML

Thẻ nào sau đây dùng kết hợp với `<input type="text" list="subject_list">` để cung cấp danh sách gợi ý tự động (autocomplete) khi người dùng nhập liệu?

A <datalist id="subject_list"> B <menu id="subject_list"> C <optgroup id="subject_list"> D <select id="subject_list">

Câu 26 Chương 2: Ngôn ngữ HTML

Để thiết lập phím tắt truy cập nhanh cho một điều khiển form (ví dụ nhấn Alt + U hoặc Alt + Shift + U), ta dùng thuộc tính nào?

A keybind B shortcut C accesskey D hotkey

Câu 27 Chương 2: Ngôn ngữ HTML

Để gom các nút radio button vào cùng một nhóm chọn duy nhất (tại một thời điểm chỉ chọn được 1 radio), ta thiết lập thuộc tính nào của các thẻ <input type="radio"> giống nhau? (Đề thi mẫu - Câu 7)

A class B name C title D id

Câu 28 Chương 4: Ngôn ngữ JavaScript

Khi định nghĩa hàm trong JavaScript, nếu người dùng gọi hàm mà truyền thiếu đối số so với danh sách tham số, giá trị của tham số bị thiếu sẽ là gì?

A Chương trình dừng báo lỗi cú pháp B null C undefined D 0

Câu 29 Chương 3: Định kiểu với CSS

Bộ chọn `h1[id$="xyz"]` chọn những phần tử nào?

A Các thẻ h1 có giá trị thuộc tính id chứa từ 'xyz' B Các thẻ h1 có giá trị thuộc tính id bắt đầu bằng chuỗi 'xyz' C Các thẻ h1 có giá trị thuộc tính id kết thúc bằng chuỗi 'xyz' D Tất cả các thẻ h1 nằm trong phần tử có id='xyz'

Câu 30 Chương 4: Ngôn ngữ JavaScript

Phương thức nào của ngữ cảnh Canvas 2D (ctx) dùng để tô màu toàn bộ vùng bên trong một hình chữ nhật?

A fillRect(x, y, w, h) B strokeRect(x, y, w, h) C clearRect(x, y, w, h) D drawRect(x, y, w, h)

Câu 31 Chương 3: Định kiểu với CSS

Thuộc tính `border-collapse: collapse;` trong CSS áp dụng cho thẻ <table> có tác dụng gì?

A Tự động căn giữa nội dung trong tất cả các ô B Ẩn toàn bộ đường viền của các ô rỗng C Tách rời các đường viền của ô ra xa nhau D Gộp các đường viền của các ô và bảng thành một đường viền đơn

Câu 32 Chương 2: Ngôn ngữ HTML

Mã HTML nào sau đây tạo liên kết mở trang web trên một tab mới hoặc cửa sổ mới khi người dùng click vào? (Đề thi mẫu - Câu 9)

A <a href="url" target="_new">OU</a> B <a href="url" target="_blank">OU</a> C <a href="url" target="_parent">OU</a> D <a href="url" target="_self">OU</a>

Câu 33 Chương 3: Định kiểu với CSS

Bộ chọn CSS `p[title~="test"]` có ý nghĩa gì?

A Chọn các thẻ p có thuộc tính title chứa từ 'test' (phân cách bởi khoảng trắng) B Chọn các thẻ p có thuộc tính title kết thúc bằng 'test' C Chọn tất cả thẻ p có thuộc tính title chứa chuỗi con 'test' dính liền D Chọn các thẻ p có thuộc tính title bắt đầu bằng 'test'

Câu 34 Chương 5: Thư viện jQuery

Phương thức nào của jQuery dùng để dừng ngay lập tức một hiệu ứng animation đang chạy trên phần tử?

A stop() B pause() C break() D halt()

Câu 35 Chương 4: Ngôn ngữ JavaScript

Sự kiện nào sau đây xảy ra khi một điều khiển ô nhập liệu trên form bị MẤT tiêu điểm (focus)?

A onfocus B onchange C onreset D onblur

Câu 36 Chương 3: Định kiểu với CSS

Để cố định ảnh nền không bị trượt khi người dùng cuộn trang web, ta thiết lập thuộc tính CSS nào sau đây? (Đề thi mẫu - Câu 13)

A background-attachment: fixed; B background-repeat: no-repeat; C background-position: fixed; D background-origin: border-box;

Câu 37 Chương 3: Định kiểu với CSS

Khi sử dụng thuộc tính `text-overflow: ellipsis;` để hiển thị dấu 3 chấm (...) khi văn bản bị tràn, hai thuộc tính CSS nào sau đây BẮT BUỘC phải đi kèm?

A white-space: nowrap; và overflow: hidden; B display: block; và text-align: justify; C line-height: 100%; và font-weight: bold; D position: absolute; và float: left;

Câu 38 Chương 1: Tổng quan Internet & Web

Cấu trúc chuẩn của một địa chỉ URL (Uniform Resource Locator) gồm những thành phần nào sau đây?

A [protocol://]<web server name>[:TCP port]/[virtual dir]/[web file] B [virtual dir]/[protocol://]<web server name>/[web file] C [protocol://][web file]:[TCP port]/<web server name> D [web server name]/[protocol]/:[TCP port]/[web file]

Câu 39 Chương 2: Ngôn ngữ HTML

Để hiển thị dòng chữ có đường viền màu đen mảnh xung quanh chữ 'me' trên cùng một hàng (inline) như `Hello [me]`, thẻ nào sau đây đúng? (Đề thi mẫu - Câu 6)

A Hello <h3 style="border:1px solid black">me</h3> B Hello <p style="border:1px solid black">me</p> C Hello <div style="border:1px solid black">me</div> D Hello <span style="border:1px solid black">me</span>

Câu 40 Chương 4: Ngôn ngữ JavaScript

Cho biết giá trị của biến z sau khi thực thi câu lệnh sau:
```javascript
var z = "Hello" + 5 + 3;
```

A NaN B "Hello8" C "Hello53" D "Hello 8"

Câu 41 Chương 1: Tổng quan Internet & Web

Giao thức nào sau đây là giao thức hướng kết nối (connection-oriented), truyền tải dữ liệu tin cậy và có cơ chế kiểm soát lỗi?

A TCP (Transmission Control Protocol) B IP (Internet Protocol) C ICMP D UDP (User Datagram Protocol)

Câu 42 Chương 2: Ngôn ngữ HTML

Cặp thẻ nào sau đây dùng để định dạng văn bản hiển thị dưới dạng chữ bị gạch ngang (thể hiện nội dung đã bị xóa)?

A <mark>...</mark> B <ins>...</ins> C <del>...</del> D <small>...</small>

Câu 43 Chương 4: Ngôn ngữ JavaScript

Cho chuỗi `var str = "Red Blue Cyan Yellow";`.
Kết quả của câu lệnh `str.slice(4, 8)` là gì?

A "Cyan" B "Blue" C "Red " D "Blue "

Câu 44 Chương 2: Ngôn ngữ HTML

Thẻ `<meta http-equiv="refresh" content="3; url=file.htm">` đặt trong thẻ `<head>` có tác dụng gì?

A Đặt thời gian timeout của phiên làm việc là 3 phút B Tự động tải lại trang web 3 lần C Tự động chuyển hướng trang web đến trang file.htm sau 3 giây D Hiển thị thông báo sau 3 giây

Câu 45 Chương 3: Định kiểu với CSS

Bộ chọn CSS nào sau đây chọn phần tử F là con trực tiếp cấp 1 của phần tử E?

A E + F B E ~ F C E > F D E F

Câu 46 Chương 3: Định kiểu với CSS

Thuộc tính `background-size: contain;` hoạt động như thế nào khi hiển thị ảnh nền?

A Kéo giãn ảnh lấp đầy toàn bộ khung bất chấp bị cắt ảnh B Tự động co giãn ảnh để nằm trọn trong khung chứa và giữ nguyên tỷ lệ rộng/cao C Lặp lại ảnh theo cả hai chiều ngang và dọc D Giữ nguyên kích thước gốc của ảnh không co giãn

Câu 47 Chương 2: Ngôn ngữ HTML

Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?

A Xác định địa chỉ URL của hình ảnh B Căn chỉnh vị trí của hình ảnh so với văn bản C Định dạng đường viền ảnh D Quy định chuỗi văn bản hiển thị thay thế khi đường dẫn hình ảnh bị sai hoặc ảnh không tải được

Câu 48 Chương 5: Thư viện jQuery

Bộ chọn jQuery nào sau đây dùng để chọn tất cả các dòng lẻ (dòng 1, 3, 5, ...) trong thẻ <table>?

A $("tr:odd") B $("tr:first") C $("tr:last") D $("tr:even")

Câu 49 Chương 4: Ngôn ngữ JavaScript

Trong JavaScript, khi tạo đối tượng Date: `var d = new Date(2022, 5, 20);`, tham số tháng là 5 đại diện cho tháng mấy trong năm?

A Tháng 7 B Tháng 5 C Tháng 6 D Tháng 4

Câu 50 Chương 3: Định kiểu với CSS

Khi áp dụng thuộc tính `position: relative;` cho một phần tử HTML và thiết lập `top: 20px; left: 30px;`, phần tử sẽ dịch chuyển như thế nào?

A Dịch chuyển so với góc trên bên trái của cửa sổ trình duyệt B Dịch chuyển xuống dưới 20px và sang phải 30px so với vị trí gốc ban đầu của chính nó C Cố định tại tọa độ (30, 20) trên màn hình khi cuộn trang D Dịch chuyển so với phần tử cha gần nhất có position: absolute

BỘ ĐỀ THI CUỐI KỲ: ỨNG DỤNG WEB