Phương thức nào của đối tượng Date trả về thứ trong tuần dưới dạng số nguyên từ 0 (Chủ nhật) đến 6 (Thứ bảy)?
Đáp án đúng:A (getDay())
Giải thích: Theo slide Ch4 trang 74, getDay() trả về thứ trong tuần từ 0 (Sunday) đến 6 (Saturday); còn getDate() trả về ngày trong tháng từ 1 đến 31.
Câu 2Chươ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?
Đáp án đúng:A (<datalist id="subject_list">)
Giải thích: Theo slide Ch2 trang 128, phần tử
Câu 3Chươ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:B (Độ 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 4Chươ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:B (: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 5Chương 1: Tổng quan Internet & Web
Phát biểu nào sau đây là ĐÚNG khi định nghĩa về trang Web tĩnh (Static Web)?
Đáp án đúng:D (Các tập tin HTML đặt sẵn trên server, khi có yêu cầu sẽ gửi thẳng về client không cần biên dịch/xử lý trên server)
Giải thích: Theo slide Ch1 trang 18, Web tĩnh là tập tin HTML có sẵn trên server, gửi trực tiếp về browser mà không cần biên dịch hay xử lý trên server. Trang web chứa video/ảnh động vẫn có thể là web tĩnh.
Câu 6Chươ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:C (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 7Chương 4: Ngôn ngữ JavaScript
Hàm nào trong JavaScript được dùng để đánh giá và thi hành một biểu thức chuỗi như một đoạn mã lệnh JavaScript?
Đáp án đúng:D (eval())
Giải thích: Theo slide Ch4 trang 37, hàm eval(exp) đánh giá biểu thức chuỗi exp và thi hành trực tiếp như mã JS.
Câu 8Chươ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:B (<!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 9Chươ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:D ($(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 10Chươ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:C (Á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 11Chươ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 12Chươ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:C (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 13Chươ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>`?
Đáp án đúng:B (<circle cx="200" cy="100" r="80" />)
Giải thích: Theo slide Ch2 trang 86, trong SVG thẻ `` có thuộc tính cx, cy là tọa độ tâm và r là bán kính.
Câu 14Chươ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 15Chương 2: Ngôn ngữ HTML
Phát biểu nào sau đây là ĐÚNG về thẻ `<span>` trong HTML?
Đáp án đúng:B (span là thành phần HTML dạng nội dòng (inline))
Giải thích: Theo slide Ch2 trang 28 và Đề thi mẫu câu 12, span là thành phần HTML dạng inline (nội dòng), không tự động ngắt dòng.
Câu 16Chươ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ì?
Đáp án đúng:C (undefined)
Giải thích: Theo slide Ch4 trang 36, JS không bắt lỗi thiếu đối số, nhưng giá trị của tham số không được truyền vào sẽ nhận giá trị undefined.
Câu 17Chươ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 18Chương 5: Thư viện jQuery
Phương thức nào trong jQuery được dùng để xóa bỏ một hoặc nhiều class CSS khỏi phần tử?
Đáp án đúng:C (removeClass())
Giải thích: Theo slide Ch5 trang 43, `removeClass("class_name")` dùng để xóa class của phần tử.
Câu 19Chươ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:B (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 20Chương 1: Tổng quan Internet & Web
Mạng Internet (International Network) là mạng máy tính toàn cầu hoạt động dựa trên mô hình kiến trúc nào?
Đáp án đúng:D (Mô hình Client/Server (Máy khách/Máy chủ))
Giải thích: Theo slide Ch1 trang 5, Internet là mạng máy tính toàn cầu hoạt động dựa trên mô hình Client/Server, trong đó mỗi máy tính được định danh bởi một địa chỉ IP.
Câu 21Chươ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 22Chươ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:B (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 23Chươ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:B (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 24Chương 3: Định kiểu với CSS
Bộ chọn CSS `p[title~="test"]` có ý nghĩa gì?
Đáp án đúng:B (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 25Chươ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:D (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 26Chương 1: Tổng quan Internet & Web
Đặc điểm nổi bật nào sau đây thuộc về trình soạn thảo Sublime Text 3 được giới thiệu trong giáo trình?
Đáp án đúng:C (Không miễn phí (phải trả phí bản quyền), hỗ trợ auto-completion và chỉnh sửa đồng thời tại nhiều vị trí)
Giải thích: Theo slide Ch1 trang 28-29, Sublime Text 3 không miễn phí như Notepad++, hỗ trợ đa con trỏ (chỉnh sửa đồng thời nhiều vị trí), nhiều theme và plugin.
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:D (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.
Câu 28Chươ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 29Chương 2: Ngôn ngữ HTML
Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?
Đáp án đúng:C (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 30Chươ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:A (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.
Câu 31Chươ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?
Đáp án đúng:B (E > F)
Giải thích: Theo slide Ch3 trang 32, `E > F` là Child combinator chọn phần tử F có phần tử cha là E. `E F` là chọn con cháu ở mọi cấp.
Câu 32Chươ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:B (<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 33Chươ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:B (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 34Chươ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:B (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 35Chươ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:D ("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 36Chươ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?
Đáp án đúng:C (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 37Chươ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 38Chươ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 39Chươ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:C ($("#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 40Chươ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:C (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 41Chương 3: Định kiểu với CSS
Đoạn mã Media Query sau được áp dụng trong điều kiện nào? `@media screen and (max-width: 600px) { body { background-color: olive; } }`
Đáp án đúng:D (Màn hình có chiều rộng tối đa là 600px (chiều rộng từ 600px trở xuống))
Giải thích: Theo slide Ch3 trang 159, `@media screen and (max-width: 600px)` áp dụng các quy tắc style khi chiều rộng màn hình <= 600px.
Câu 42Chươ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:D (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 43Chươ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?
Đáp án đúng:A (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.
Để 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:D (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 46Chươ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:D ($(selector).action())
Giải thích: Theo slide Ch5 trang 9, cú pháp chuẩn của jQuery là `$(selector).action()`.
Câu 47Chươ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 48Chương 4: Ngôn ngữ JavaScript
Kết quả trả về của câu lệnh `Number("abc")` trong JavaScript là gì?
Đáp án đúng:A (NaN)
Giải thích: Theo slide Ch4 trang 24, hàm Number() khi nhận vào một chuỗi không hợp lệ sẽ trả về NaN (Not a Number).
Câu 49Chươ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:D (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 50Chươ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:B (: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).