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?
Đáp án đúng:C (window.close())
Giải thích: Theo slide Ch4 trang 97, phương thức window.close() dùng để đóng cửa sổ trình duyệt hiện hành.
Câu 2Chươ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 3Chươ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)
Đáp án đúng:C (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.)
Giải thích: Theo Đề thi mẫu câu 15 và slide Ch3 trang 104, outline vẽ đường viền bao quanh bên ngoài nhưng KHÔNG được tính vào kích thước phần tử và không ảnh hưởng layout.
Câu 4Chương 2: Ngôn ngữ HTML
Khai báo nào sau đây là khai báo chuẩn của HTML5 ở dòng đầu tiên của tài liệu?
Đáp án đúng:A (<!DOCTYPE html>)
Giải thích: Theo slide Ch2 trang 15, khai báo là cú pháp thông báo phiên bản HTML5 cho trình duyệt.
Câu 5Chươ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:A (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 6Chương 4: Ngôn ngữ JavaScript
Để chuyển hướng trang web sang một URL mới mà KHÔNG lưu trang hiện tại vào lịch sử duyệt web (không thể nhấn Back để quay lại), ta dùng lệnh nào?
Đáp án đúng:D (window.location.replace(url))
Giải thích: Theo slide Ch4 trang 102, window.location.replace(url) chuyển đến trang mới và không lưu trang hiện tại vào history.
Câu 7Chương 2: Ngôn ngữ HTML
Trong tài liệu HTML, cặp thẻ nào sau đây chứa các thông tin metadata, tiêu đề trang web, liên kết CSS/JS nhưng KHÔNG hiển thị trên trang giao diện?
Đáp án đúng:D (<head>...</head>)
Giải thích: Theo slide Ch2 trang 8, nội dung nằm trong thẻ
chứa tiêu đề, mô tả mã hóa, tham chiếu JavaScript, CSS và không hiển thị trên giao diện trang web.
Câu 8Chươ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?
Đáp án đúng:C (FTP (File Transfer Protocol))
Giải thích: Theo slide Ch1 trang 7, FTP dùng để truyền file trên Internet theo mô hình Client/Server, sử dụng giao thức TCP.
Câu 9Chương 2: Ngôn ngữ HTML
Thẻ định dạng nào sau đây làm văn bản được tô sáng (highlight màu vàng mặc định)?
Đáp án đúng:B (<mark>...</mark>)
Giải thích: Theo slide Ch2 trang 33, thẻ làm văn bản bên trong được tô sáng (highlight).
Câu 10Chương 3: Định kiểu với CSS
Đơn vị kích thước phông chữ `rem` trong CSS3 được tính toán dựa trên đối tượng nào?
Đáp án đúng:C (Kích thước phông chữ của phần tử gốc root (thẻ <html>))
Giải thích: Theo slide Ch3 trang 82, 1rem = kích thước font của phần tử root (); trong khi 1em = kích thước font của phần tử cha trực tiếp.
Câu 11Chương 2: Ngôn ngữ HTML
Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?
Đáp án đúng:A (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)
Giải thích: Theo slide Ch2 trang 71, thuộc tính 'alt' (alternate text) chứa chuỗi văn bản thay thế khi URL hình ảnh bị sai hoặc trình duyệt không tải được ảnh.
Câu 12Chươ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?
Đáp án đúng:D (accesskey)
Giải thích: Theo slide Ch2 trang 135, thuộc tính accesskey cho phép gán ký tự bàn phím làm phím tắt nhận tiêu điểm cho phần tử.
Câu 13Chươ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 14Chươ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:C (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 15Chươ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>?
Đáp án đúng:D ($(":header"))
Giải thích: Theo slide Ch5 trang 11, bộ chọn `:header` của jQuery dùng chọn tất cả các phần tử từ h1 đến h6.
Câu 16Chương 1: Tổng quan Internet & Web
Đặc trưng cơ bản của Web động (Dynamic Web) là gì?
Đáp án đúng:C (Web động = Web tĩnh + lập trình xử lý (trang web không có sẵn mà được tạo động mỗi khi có yêu cầu))
Giải thích: Theo slide Ch1 trang 19, Web động là web tĩnh kết hợp lập trình xử lý phía server và cơ sở dữ liệu, trang web được tạo ra khi có request.
Câu 17Chươ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 18Chươ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 19Chươ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:D (: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 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:D (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 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?
Đáp án đúng:B (appendChild())
Giải thích: Theo slide Ch4 trang 120-121, appendChild(node) thêm một nút con vào cuối cây DOM của phần tử cha.
Câu 22Chươ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:A (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 23Chươ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:A (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 24Chương 1: Tổng quan Internet & Web
Hệ thống tên miền (DNS - Domain Name System) có vai trò cốt lõi gì trong kiến trúc mạng Internet?
Đáp án đúng:A (Ánh xạ địa chỉ IP (dạng số nguyên 32 bit khó nhớ) thành tên miền dạng chữ dễ nhớ)
Giải thích: Theo slide Ch1 trang 8, mỗi máy tính có địa chỉ IP 32 bit khó nhớ, DNS giúp ánh xạ IP thành tên miền dễ nhớ (ví dụ: 171.244.23.58 -> ou.edu.vn).
Câu 25Chươ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)?
Đáp án đúng:A ($("ul li:eq(3)"))
Giải thích: Theo slide Ch5 trang 11, bộ chọn `:eq(3)` chọn phần tử có chỉ số index = 3, tức là phần tử thứ 4 trong danh sách.
Bộ chọn `:nth-child(even)` trong CSS có tác dụng gì?
Đáp án đúng:A (Chọn các phần tử con ở vị trí chẵn (2, 4, 6, ...))
Giải thích: Theo slide Ch3 trang 40, `:nth-child(even)` chọn các phần tử con chẵn, còn `odd` chọn các phần tử lẻ.
Câu 28Chươ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:D (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 29Chươ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)
Đáp án đúng:A (font-style: italic;)
Giải thích: Theo Đề thi mẫu câu 14 và slide Ch3 trang 84, thuộc tính font-style: italic dùng để in nghiêng văn bản.
Câu 30Chươ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)
Đáp án đúng:B (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 31Chươ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?
Đáp án đúng:C (Tự động co giãn ảnh để nằm trọn trong khung chứa và giữ nguyên tỷ lệ rộng/cao)
Giải thích: Theo slide Ch3 trang 58, `contain` resize ảnh để lấp đầy trong khung và luôn giữ nguyên tỷ lệ rộng/cao (thấy toàn bộ ảnh).
Câu 32Chươ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?
Đáp án đúng:A (fillRect(x, y, w, h))
Giải thích: Theo slide Ch4 trang 154, fillRect(x,y,w,h) tô màu vùng hình chữ nhật; strokeRect() vẽ đường viền; clearRect() xóa vùng chữ nhật.
Câu 33Chươ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:B (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 34Chươ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:D (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 35Chương 5: Thư viện jQuery
Trong jQuery, phương thức nào dùng để chèn thêm nội dung mới vào CUỐI bên trong phần tử được chọn?
Đáp án đúng:B (append())
Giải thích: Theo slide Ch5 trang 39, `append()` nối nội dung vào cuối bên trong phần tử; còn `prepend()` thêm vào đầu bên trong phần tử.
Câu 36Chươ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:D (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 37Chương 2: Ngôn ngữ HTML
Văn bản đặt trong thẻ <address>...</address> mặc định sẽ được trình duyệt hiển thị với định dạng gì?
Đáp án đúng:C (Chữ in nghiêng và có ngắt dòng)
Giải thích: Theo slide Ch2 trang 34, thẻ
chứa thông tin địa chỉ, tác giả, được hiển thị dạng in nghiêng và có ngắt dòng.
Câu 38Chương 5: Thư viện jQuery
Phương thức duyệt cây DOM nào trong jQuery dùng để tìm kiếm TẤT CẢ các phần tử con cháu (ở mọi cấp bên dưới) thỏa mãn bộ chọn selector?
Đáp án đúng:D (find(selector))
Giải thích: Theo slide Ch5 trang 50, `children()` chỉ chọn các con trực tiếp cấp 1, trong khi `find(selector)` tìm kiếm con cháu ở tất cả các cấp bên dưới.
Câu 39Chươ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ì?
Đáp án đúng:D ("Blue")
Giải thích: Theo slide Ch4 trang 62, slice(4, 8) lấy từ chỉ số 4 đến 7 (không bao gồm 8), chuỗi con tương ứng là 'Blue'.
Câu 40Chươ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?
Đáp án đúng:B (TCP (Transmission Control Protocol))
Giải thích: Theo slide Ch1 trang 6, TCP là giao thức hướng kết nối, thiết lập kết nối giữa hai máy tính để truyền tải dữ liệu tin cậy, có kiểm soát lỗi.
Câu 41Chươ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?
Đáp án đúng:B (white-space: nowrap; và overflow: hidden;)
Giải thích: Theo slide Ch3 trang 78, để `text-overflow` hoạt động bắt buộc phải có `white-space: nowrap;` và `overflow: hidden;`.
Câu 42Chươ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:A (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 43Chương 4: Ngôn ngữ JavaScript
Phương thức nào của đối tượng Array trong JavaScript dùng để thêm một hoặc nhiều phần tử vào CUỐI mảng và trả về chiều dài mới của mảng?
Đáp án đúng:A (push())
Giải thích: Theo slide Ch4 trang 86, push() thêm phần tử vào cuối mảng; unshift() thêm vào đầu mảng; pop() xóa ở cuối; shift() xóa ở đầu.
Câu 44Chươ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?
Đáp án đúng:A (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)
Giải thích: Theo slide Ch2 trang 117, nút submit ảnh khi được click sẽ gửi tọa độ điểm click đến máy chủ dưới dạng name.x và name.y.
Câu 45Chương 3: Định kiểu với CSS
Trong bài tập tự luận 1 của đề thi mẫu, để chia dòng có class `item-4` thành 4 cột bằng nhau trong Flexbox, ta thiết lập độ rộng hoặc flex-basis cho mỗi cột con là bao nhiêu?
Đáp án đúng:C (width: 25% (hoặc flex: 25%))
Giải thích: Theo Đề thi mẫu tự luận 1, dòng chia làm 4 cột nên mỗi cột chiếm 100% / 4 = 25% chiều rộng.
Câu 46Chươ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 47Chươ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 48Chươ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:D (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 49Chươ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?
Giải thích: Theo Đề thi mẫu phần Tự luận 1 và slide Ch3 trang 40, sử dụng bộ chọn pseudo-class `:nth-child(n)` để chọn chính xác cột thứ 1, 2, 3, 4.
Câu 50Chươ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:A ($(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.