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:A (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 2Chươ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:B (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 3Chươ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?
Đáp án đúng:C (Tim Berners-Lee, phát minh ngày 12/3/1989 (công bố năm 1990) tại CERN (Thụy Sĩ))
Giải thích: Theo slide Ch1 trang 11, WWW do Tim Berners-Lee (chuyên gia tại CERN, Thụy Sĩ) phát minh ngày 12/3/1989, công bố năm 1990.
Câu 4Chươ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:C (<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 5Chươ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:C (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 6Chươ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:A (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 7Chươ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:B (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 8Chươ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:B (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 9Chươ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:B (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 10Chươ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)
Đáp án đúng:D (<a href="url" target="_blank">OU</a>)
Giải thích: Theo Đề thi mẫu câu 9 và slide Ch2 trang 39, target="_blank" chỉ định mở liên kết trong cửa sổ hoặc tab mới.
Câu 11Chươ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 12Chươ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:A (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 13Chương 2: Ngôn ngữ HTML
Trong kỹ thuật ImageMap, để định nghĩa vùng liên kết hình chữ nhật trên ảnh, thuộc tính shape và coords của thẻ <area> được khai báo thế nào?
Đáp án đúng:D (shape="rect" coords="x1,y1,x2,y2")
Giải thích: Theo slide Ch2 trang 77, hình chữ nhật có shape="rect" với coords="x1,y1,x2,y2" đại diện cho tọa độ góc trên-trái và góc dưới-phải.
Câu 14Chươ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 15Chươ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:D (Á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 16Chươ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:D (: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 17Chươ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 18Chươ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 19Chươ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:A (<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 20Chươ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 21Chươ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:A (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 22Chươ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:A ($(selector).action())
Giải thích: Theo slide Ch5 trang 9, cú pháp chuẩn của jQuery là `$(selector).action()`.
Câu 23Chươ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 24Chươ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:C (@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 25Chươ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:B (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 26Chươ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 27Chươ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:A (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 28Chươ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:C (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 29Chươ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 30Chươ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 31Chương 3: Định kiểu với CSS
Bộ chọn CSS `p[title~="test"]` có ý nghĩa gì?
Đáp án đúng: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))
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
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 33Chươ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.
Câu 34Chươ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 35Chương 2: Ngôn ngữ HTML
Thuộc tính 'tabindex' trên các điều khiển form có ý nghĩa gì?
Đáp án đúng:D (Quy định thứ tự nhận tiêu điểm (focus) của các control khi người dùng nhấn phím Tab)
Giải thích: Theo slide Ch2 trang 133, tabindex là số nguyên quy định thứ tự các điều khiển nhận tiêu điểm khi nhấn phím Tab hoặc Shift+Tab. Phần tử có tabindex nhỏ nhất sẽ nhận focus đầu tiên.
Câu 36Chươ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 37Chươ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:A (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 38Chương 3: Định kiểu với CSS
Trong CSS, bộ chọn `:not(p)` có ý nghĩa gì?
Đáp án đúng:A (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 39Chương 3: Định kiểu với CSS
Cho đoạn HTML và CSS: ```html <div> <div class="title">CSS1</div> <div><p class="title">CSS2</p></div> <p><span class="title">CSS3</span></p> </div> ``` CSS: `div > .title { color: red; }` Những dòng chữ nào sẽ có màu đỏ? (Đề thi mẫu - Câu 11)
Đáp án đúng:D (CSS1)
Giải thích: Theo Đề thi mẫu câu 11 và slide Ch3 trang 32, `div > .title` chỉ chọn phần tử có class title là CON TRỰC TIẾP của div. CSS2 là con trực tiếp của p, CSS3 là con của p.
Câu 40Chươ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:D (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 41Chươ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:B (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 42Chươ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 43Chươ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:C (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 44Chươ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 45Chương 4: Ngôn ngữ JavaScript
Phát biểu nào sau đây là ĐÚNG về biến và kiểu dữ liệu trong JavaScript? (Đề thi mẫu - Câu 19)
Đáp án đúng:D (Biến trong JavaScript có thể giữ giá trị của bất kỳ kiểu dữ liệu nào (kiểu động).)
Giải thích: Theo Đề thi mẫu câu 19 và slide Ch4 trang 19, JS là ngôn ngữ định kiểu động (loosely typed), một biến có thể lưu trữ bất kỳ kiểu dữ liệu nào.
Câu 46Chương 2: Ngôn ngữ HTML
Cho siêu liên kết `<a href="#here">Click here</a>` liên kết trong cùng một trang web. 'here' có thể là giá trị của thuộc tính nào trong thẻ HTML đích? (Đề thi mẫu - Câu 5)
Đáp án đúng:B (id)
Giải thích: Theo Đề thi mẫu câu 5 và slide Ch2 trang 43, liên kết nội bộ trong cùng tài liệu (bookmark) sử dụng ký tự '#' kết hợp với giá trị thuộc tính id của phần tử đích.
Câu 47Chươ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:C (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 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:A (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
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:D (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 50Chươ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.