Để 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)
Đáp án đúng:C (x<sup>2</sup>)
Giải thích: Theo Đề thi mẫu câu 1 và slide Ch2 trang 34: tạo chỉ số trên (superscript - $x^2$), còn tạo chỉ số dưới (subscript - $H_2O$).
Câu 2Chương 4: Ngôn ngữ JavaScript
Trong cơ chế xử lý lỗi của JavaScript, lệnh nào dùng để chủ động ném ra một ngoại lệ (exception)?
Đáp án đúng:A (throw)
Giải thích: Theo slide Ch4 trang 138, lệnh 'throw' dùng để ném ra ngoại lệ dạng chuỗi, số, boolean hoặc object.
Câu 3Chươ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)
Đáp án đúng:D (Thành phần table chỉ chứa tối đa một thành phần tbody.)
Giải thích: Theo Đề thi mẫu câu 4 và slide Ch2 trang 60, thẻ table chỉ có tối đa 1 thead và 1 tfoot, nhưng CÓ THỂ CHỨA NHIỀU TBODY. Do đó phát biểu 'chỉ chứa tối đa 1 tbody' là sai.
Câu 4Chươ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; ```
Đáp án đúng:A ("Hello53")
Giải thích: Theo slide Ch4 trang 31, khi toán tử '+' gặp chuỗi đầu tiên, các toán hạng sau tiếp tục bị chuyển thành chuỗi và nối vào: "Hello" + 5 -> "Hello5" + 3 -> "Hello53".
Câu 5Chươ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?
Đáp án đúng:A (:disabled)
Giải thích: Theo slide Ch3 trang 36, `:disabled` chọn các phần tử đang ở trạng thái vô hiệu hóa (disabled).
Câu 6Chươ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?
Đáp án đúng:B (flex-wrap: wrap;)
Giải thích: Theo slide Ch3 trang 151, thuộc tính flex-wrap: wrap quy định các item chuyển xuống dòng mới khi chiều ngang của flex container không đủ.
Câu 7Chươ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ì?
Giải thích: Theo slide Ch3 trang 86, các trạng thái liên kết cần đảm bảo đúng thứ tự liệt kê: link -> visited -> hover -> active.
Câu 8Chương 3: Định kiểu với CSS
Pseudo-class nào sau đây dùng để định dạng riêng cho phần tử con ĐẦU TIÊN nằm trong một phần tử cha?
Đáp án đúng:C (:first-child)
Giải thích: Theo slide Ch3 trang 37, `:first-child` chỉ chọn các phần tử là con đầu tiên của phần tử cha.
Câu 9Chương 2: Ngôn ngữ HTML
Thuộc tính nào của thẻ HTML có thể dùng để hiển thị tooltip (chú thích) khi người dùng rê chuột lên thành phần đó? (Đề thi mẫu - Câu 2)
Đáp án đúng:B (title)
Giải thích: Theo Đề thi mẫu câu 2 và slide Ch2 trang 39, thuộc tính title tạo tooltip khi con trỏ chuột dừng trên thành phần HTML.
Câu 10Chươ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à:
Đáp án đúng:B ("20Volvo")
Giải thích: Theo slide Ch4 trang 31, phép tính thực hiện từ trái sang phải: 16 + 4 = 20, sau đó số 20 cộng chuỗi với "Volvo" thành chuỗi "20Volvo".
Câu 11Chương 4: Ngôn ngữ JavaScript
Phương thức nào của đối tượng String trả về vị trí xuất hiện đầu tiên của chuỗi con tìm kiếm (nếu không tìm thấy trả về -1)?
Đáp án đúng:B (indexOf())
Giải thích: Theo slide Ch4 trang 60, indexOf(searchValue, [fromIndex]) trả về vị trí tìm thấy chuỗi con lần đầu tiên, không thấy trả về -1.
Câu 12Chương 2: Ngôn ngữ HTML
Trong thẻ <ol>, để danh sách hiển thị thứ tự bắt đầu bằng số 6 thay vì số 1, ta thiết lập thuộc tính nào?
Đáp án đúng:A (<ol start="6">)
Giải thích: Theo slide Ch2 trang 54, thuộc tính start của thẻ
quy định thứ tự bắt đầu của danh sách (ví dụ: ).
Câu 13Chươ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ử?
Đáp án đúng:D (stop())
Giải thích: Theo slide Ch5 trang 65, phương thức `$(selector).stop(stopAll, goToEnd)` dùng để dừng các hiệu ứng đang thực thi trên phần tử.
Câu 14Chương 4: Ngôn ngữ JavaScript
Phương thức DOM nào sau đây trả về danh sách tất cả các phần tử có thuộc tính class được chỉ định?
Đáp án đúng:D (document.getElementsByClassName())
Giải thích: Theo slide Ch4 trang 115, getElementsByClassName("class_name") trả về danh sách HTMLCollection tất cả các phần tử có class tương ứng.
Câu 15Chương 2: Ngôn ngữ HTML
Thẻ <hr> trong HTML dùng để tạo đường kẻ ngang. Thuộc tính nào sau đây của <hr> quy định đường kẻ đơn sắc không có bóng?
Đáp án đúng:B (noshade)
Giải thích: Theo slide Ch2 trang 31, thẻ
có thuộc tính noshade chỉ định đường kẻ là một màu thuần túy, không có bóng mờ.
Câu 16Chươ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)?
Đáp án đúng:C ($(document).ready())
Giải thích: Theo slide Ch5 trang 19, 24, sự kiện `$(document).ready()` xảy ra khi cấu trúc cây DOM được nạp hoàn toàn, chạy sớm hơn sự kiện load của window.
Câu 17Chương 3: Định kiểu với CSS
Để tạo hiệu ứng chuyển động hoạt hình CSS animation, từ khóa nào sau đây được dùng để định nghĩa tập hợp các khung hình (keyframes)?
Đáp án đúng:A (@keyframes)
Giải thích: Theo slide Ch3 trang 139-140, @keyframes animationname { ... } được dùng để định nghĩa các trạng thái khung hình theo mốc % hoặc from/to.
Câu 18Chươ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ì?
Đáp án đúng:A (Tự động chuyển hướng trang web đến trang file.htm sau 3 giây)
Giải thích: Theo slide Ch2 trang 21, thẻ meta http-equiv="refresh" content="3; url=file.htm" dùng để chuyển hướng trang sau 3 giây sang file.htm.
Câu 19Chương 4: Ngôn ngữ JavaScript
Sự khác biệt cốt lõi giữa toán tử `==` và `===` trong JavaScript là gì?
Đáp án đúng:C (Toán tử == so sánh giá trị có ép kiểu; === so sánh bằng cả về giá trị và kiểu dữ liệu)
Giải thích: Theo slide Ch4 trang 30, `==` là so sánh bằng có ép kiểu tự động; `===` là so sánh bằng nghiêm ngặt (strict equality) cả giá trị và kiểu dữ liệu.
Câu 20Chương 4: Ngôn ngữ JavaScript
Trong JavaScript, loại hộp thoại (dialog) nào cho phép người dùng nhập vào một chuỗi thông tin? (Đề thi mẫu - Câu 17)
Đáp án đúng:A (prompt())
Giải thích: Theo Đề thi mẫu câu 17 và slide Ch4 trang 32, hộp thoại prompt("chuỗi thông báo", ["giá trị gợi ý"]) cho phép người dùng nhập thông tin.
Câu 21Chương 3: Định kiểu với CSS
Trong CSS, bộ chọn `:not(p)` có ý nghĩa gì?
Đáp án đúng:B (Chọn tất cả các phần tử không phải là thẻ <p>)
Giải thích: Theo slide Ch3 trang 39, bộ chọn `:not(selector)` chọn các phần tử không thuộc bộ chọn selector.
Câu 22Chương 2: Ngôn ngữ HTML
Trong thẻ <table>, ô tiêu đề cột được tạo bằng thẻ nào, và mặc định trình duyệt hiển thị định dạng của nó ra sao?
Đáp án đúng:C (Thẻ <th>, tự động căn giữa và in đậm)
Giải thích: Theo slide Ch2 trang 59, thẻ
(Table Header) tạo ô tiêu đề cột, nội dung bên trong được tự động in đậm và căn giữa.
Câu 23Chương 1: Tổng quan Internet & Web
Trong cấu trúc thư mục tiêu chuẩn của một ứng dụng web đơn giản (MyWebSite) như slide Ch1, các tập tin định dạng giao diện nên được đặt trong thư mục nào?
Đáp án đúng:B (Thư mục css)
Giải thích: Theo slide Ch1 trang 40, thư mục css dùng để chứa các tập tin .css; thư mục images chứa ảnh; thư mục js chứa tập tin JavaScript.
Câu 24Chươ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)?
Đáp án đúng:C (onblur)
Giải thích: Theo slide Ch4 trang 126, sự kiện onblur xảy ra khi phần tử mất focus; còn onfocus xảy ra khi phần tử nhận focus.
Câu 25Chương 5: Thư viện jQuery
Trong đề thi mẫu phần Tự luận 2, để làm cho quả bóng `#myBallId` di chuyển sang phải 500px và tăng chiều rộng thành 100px trong vòng 1 giây (1000ms), câu lệnh jQuery nào sau đây là ĐÚNG?
Đáp án đúng:D ($("#myBallId").animate({left: '500px', width: '100px'}, 1000);)
Giải thích: Theo đáp án câu 2 Tự luận Đề thi mẫu, sử dụng hàm animate() của jQuery với các thuộc tính CSS tương ứng và thời gian 1000ms.
Câu 26Chương 2: Ngôn ngữ HTML
Để một ô trong bảng trải rộng chiếm vị trí của 3 cột liên tiếp nhau theo chiều ngang, ta thiết lập thuộc tính nào?
Đáp án đúng:A (colspan="3")
Giải thích: Theo slide Ch2 trang 65, thuộc tính colspan="3" dùng để trộn 3 ô liền kề theo chiều ngang (trên các cột) thành 1 ô.
Câu 27Chương 3: Định kiểu với CSS
Bộ chọn `h1[id$="xyz"]` chọn những phần tử nào?
Đáp án đúng:C (Các thẻ h1 có giá trị thuộc tính id kết thúc bằng chuỗi 'xyz')
Giải thích: Theo slide Ch3 trang 34, ký hiệu `$=` chọn phần tử có giá trị thuộc tính kết thúc bằng chuỗi chỉ định.
Để 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?
Đáp án đúng:B (ctx.arc(100, 100, 50, 0, 2 * Math.PI);)
Giải thích: Theo slide Ch4 trang 158, đường tròn là cung khép kín có startingAngle = 0 và endingAngle = 2 * Math.PI.
Câu 30Chươ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)
Đáp án đúng:A (name)
Giải thích: Theo Đề thi mẫu câu 7 và slide Ch2 trang 122, các thẻ input radio có cùng giá trị thuộc tính name sẽ tự động được nhóm lại thành một nhóm chọn loại trừ nhau.
Câu 31Chương 3: Định kiểu với CSS
Bộ chọn CSS `p[title~="test"]` có ý nghĩa gì?
Đáp án đúng:D (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))
Giải thích: Theo slide Ch3 trang 34, `[attr~=value]` chọn phần tử có thuộc tính mà giá trị của nó chứa từ value độc lập (phân cách bởi khoảng trắng).
Câu 32Chươ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)
Đáp án đúng:B (toFixed())
Giải thích: Theo Đề thi mẫu câu 18 và slide Ch4 trang 26, phương thức toFixed(n) chuyển đổi số thành chuỗi số có n chữ số phần thập phân được định dạng.
Câu 33Chương 1: Tổng quan Internet & Web
Hiệp hội nào chịu trách nhiệm chính trong việc phát triển và chuẩn hóa các quy tắc công nghệ World Wide Web trên toàn cầu?
Đáp án đúng:A (W3C (World Wide Web Consortium))
Giải thích: Theo slide Ch1 trang 11 và Ch2 trang 5, WWW được phát triển và chuẩn hóa bởi tổ chức W3C.
Câu 34Chươ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ì?
Đáp án đúng:B (Gộp các đường viền của các ô và bảng thành một đường viền đơn)
Giải thích: Theo slide Ch3 trang 127, thuộc tính border-collapse: collapse gộp các đường viền đôi của các ô liền kề thành một đường viền đơn duy nhất.
Câu 35Chươ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)?
Đáp án đúng:B (<del>...</del>)
Giải thích: Theo slide Ch2 trang 33, thẻ làm văn bản bị gạch ngang (xóa), còn hiển thị dạng chèn thêm (gạch chân).
Câu 36Chương 5: Thư viện jQuery
Phương thức nào của jQuery trả về chiều rộng của phần tử bao gồm cả vùng nội dung, vùng đệm (padding) và đường viền (border)?
Đáp án đúng:B (outerWidth())
Giải thích: Theo slide Ch5 trang 45-46, width() là nội dung, innerWidth() gồm padding, outerWidth() gồm padding + border, và outerWidth(true) gồm cả margin.
Câu 37Chươ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>?
Đáp án đúng:D ($("tr:odd"))
Giải thích: Theo slide Ch5 trang 12, bộ chọn `tr:odd` chọn các dòng ở vị trí lẻ, còn `tr:even` chọn các dòng ở vị trí chẵn.
Câu 38Chương 1: Tổng quan Internet & Web
Giao thức HTTP (HyperText Transfer Protocol) hoạt động theo mô hình nào và sử dụng giao thức truyền vận nào bên dưới?
Đáp án đúng:D (Mô hình Client/Server, sử dụng giao thức TCP)
Giải thích: Theo slide Ch1 trang 6, HTTP truyền siêu văn bản (HTML) giữa Web server và Web client, hoạt động theo mô hình Client/Server và sử dụng giao thức TCP.
Câu 39Chươ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?
Đáp án đúng:A (Web client (Trình duyệt web))
Giải thích: Theo slide Ch1 trang 12, 16, trình duyệt web (Web client) nhận mã HTML từ web server, định dạng và hiển thị thông tin lên màn hình.
Câu 40Chươ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?
Đáp án đúng:C (Gán thuộc tính expires của cookie về một mốc thời gian trong quá khứ)
Giải thích: Theo slide Ch4 trang 107, để xóa cookie ta gán trường expires về thời gian trước hiện tại (ví dụ: expires=Thu, 01 Jan 2020 00:00:00 UTC).
Câu 41Chương 1: Tổng quan Internet & Web
Phần mềm soạn thảo mã nguồn nào sau đây được viết bằng ngôn ngữ C++, hoàn toàn miễn phí, có tính năng Document Map và WYSIWYG Printing?
Đáp án đúng:D (Notepad++)
Giải thích: Theo slide Ch1 trang 25-26, Notepad++ là trình soạn thảo mã nguồn miễn phí viết bằng C++, có Document Map, Auto-completion, WYSIWYG printing.
Câu 42Chương 3: Định kiểu với CSS
Pseudo-element nào sau đây dùng để chèn nội dung vào ngay TRƯỚC nội dung của một phần tử?
Đáp án đúng:A (::before (hoặc :before))
Giải thích: Theo slide Ch3 trang 35, `::before` thiết lập style và chèn nội dung áp dụng ngay trước phần tử chỉ định.
Câu 43Chươ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ì?
Đáp án đúng:A (Độ trong suốt/độ rõ (alpha) của màu, có giá trị từ 0 đến 1 (1 là rõ hoàn toàn))
Giải thích: Theo slide Ch3 trang 45, trong rgba, tham số alpha quy định độ rõ của màu từ 0 đến 1 (1 là rõ hoàn toàn, 0 là trong suốt hoàn toàn).
Câu 44Chương 3: Định kiểu với CSS
Bộ chọn CSS nào sau đây chọn tất cả các phần tử F nằm sau phần tử E (cùng phần tử cha)?
Đáp án đúng:B (E ~ F)
Giải thích: Theo slide Ch3 trang 33, `E ~ F` (General sibling) chọn TẤT CẢ các phần tử F sau phần tử E. `E + F` chỉ chọn 1 phần tử liền kề ngay sau.
Câu 45Chươ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)
Đáp án đúng:C (background-attachment: fixed;)
Giải thích: Theo Đề thi mẫu câu 13 và slide Ch3 trang 54, background-attachment có 2 giá trị là scroll (cuộn theo) và fixed (cố định ảnh nền khi cuộn trang).
Câu 46Chươ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?
Đáp án đúng:B (Tháng 6)
Giải thích: Theo slide Ch4 trang 71, trong JavaScript đối tượng Date đánh chỉ số tháng từ 0 đến 11 (0 là Tháng 1, 5 là Tháng 6).
Câu 47Chương 3: Định kiểu với CSS
Phương thức 2D Transform nào trong CSS3 dùng để thay đổi kích thước phóng to/thu nhỏ của phần tử theo chiều rộng và chiều cao?
Đáp án đúng:C (scale(x, y))
Giải thích: Theo slide Ch3 trang 134, phương thức scale(x, y) thay đổi kích thước của đối tượng theo chiều rộng và chiều cao; scale(2, 2) phóng to gấp đôi.
Câu 48Chươ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)
Đáp án đúng:B (Hello <span style="border:1px solid black">me</span>)
Giải thích: Theo Đề thi mẫu câu 6 và slide Ch2 trang 28, span là thành phần inline hiển thị trên cùng một dòng, trong khi div và p là khối block sẽ tự động ngắt dòng.
Câu 49Chương 5: Thư viện jQuery
Cú pháp cơ bản của thư viện jQuery để chọn phần tử và thực thi hành động là gì?
Đáp án đúng:C ($(selector).action())
Giải thích: Theo slide Ch5 trang 9, cú pháp chuẩn của jQuery là `$(selector).action()`.
Câu 50Chươ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?
Đáp án đúng: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ó)
Giải thích: Theo slide Ch3 trang 114, 116, position: relative định vị tương đối so với vị trí gốc ban đầu của chính nó trên trang web và vẫn giữ khoảng trống ban đầu.