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 2Chươ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 3Chươ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 4Chươ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:C (<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 5Chươ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 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
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 8Chươ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:B (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 9Chươ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 10Chươ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:A (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 11Chương 1: Tổng quan Internet & Web
Số hiệu cổng (TCP port) chuẩn mặc định của giao thức HTTP khi truy cập trang web là bao nhiêu?
Đáp án đúng:D (80)
Giải thích: Theo slide Ch1 trang 15, số nguyên 16 bit quy định port chuẩn của giao thức HTTP là cổng 80 (HTTPS dùng cổng 443).
Câu 12Chươ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:B (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 13Chươ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 14Chươ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:B (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 15Chươ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)
Đáp án đúng:C (animate())
Giải thích: Theo slide Ch5 trang 62 và đề thi mẫu Tự luận 2, phương thức `animate({properties}, duration)` dùng để tạo hoạt hình tùy biến các thuộc tính CSS.
Câu 16Chươ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:A (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 17Chươ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:B (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 18Chươ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 điểm nổi bật của giao thức UDP (User Datagram Protocol) so với TCP là gì?
Đáp án đúng:B (Truyền dữ liệu dạng không kết nối, không kiểm soát lỗi nên có tốc độ truyền nhanh)
Giải thích: Theo slide Ch1 trang 6, UDP truyền dữ liệu dạng không kết nối, không thực hiện kiểm soát lỗi, do đó tốc độ truyền nhanh.
Câu 21Chươ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:A (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 22Chươ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 23Chươ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:D (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 24Chươ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 25Chươ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 26Chươ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 27Chươ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 28Chươ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:A (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 29Chươ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 30Chươ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:B (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 31Chươ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 32Chươ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 33Chươ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 34Chươ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: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 35Chươ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:B (<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 36Chươ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 37Chươ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:A ("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 38Chương 4: Ngôn ngữ JavaScript
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 39Chươ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 40Chươ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:C (<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 41Chươ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:B (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 42Chươ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:C (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 43Chươ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 44Chươ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 45Chương 2: Ngôn ngữ HTML
Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?
Đáp án đúng:B (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 46Chươ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:C (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 47Chươ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 48Chươ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 49Chươ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:D (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 50Chươ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).