Đơ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 2Chươ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:C (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 3Chươ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 4Chươ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:A ($("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 5Chươ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:C ("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 6Chươ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:A (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 7Chươ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:B (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 8Chươ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:A (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 9Chươ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 10Chương 1: Tổng quan Internet & Web
Giao thức POP3 (Post Office Protocol 3) được sử dụng cho mục đích nào sau đây?
Đáp án đúng:A (Lấy thư điện tử từ máy chủ (mail server) về máy người dùng)
Giải thích: Theo slide Ch1 trang 7, POP3 dùng để lấy thư điện tử từ mail server về máy người dùng, sử dụng giao thức TCP.
Câu 11Chươ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 12Chươ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:A (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 13Chươ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 14Chươ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 15Chươ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:C (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 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: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).
Câu 17Chươ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 18Chươ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:B (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 19Chươ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: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 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: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 21Chươ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 22Chươ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 23Chươ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 24Chươ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 25Chươ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.
Câu 26Chươ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 27Chương 3: Định kiểu với CSS
Trong CSS, bộ chọn `:not(p)` có ý nghĩa gì?
Đáp án đúng:C (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 28Chươ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:C (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 29Chươ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 30Chươ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 31Chươ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:D (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 32Chươ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:C (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 33Chươ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:A ($(":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 34Chươ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 35Chươ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:D (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 36Chươ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:D (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 37Chươ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:A (<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 38Chươ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:D (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 39Chươ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 40Chươ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 41Chươ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:D (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 42Chương 2: Ngôn ngữ HTML
Cặp thẻ nào sau đây được sử dụng để tạo một danh sách có thứ tự (Ordered List)?
Đáp án đúng:A (<ol>...</ol>)
Giải thích: Theo slide Ch2 trang 52, danh sách có thứ tự sử dụng thẻ
kết hợp các thẻ mục con
.
Câu 43Chươ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 44Chươ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:D (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 45Chươ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:B (::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 46Chươ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 47Chươ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 48Chương 1: Tổng quan Internet & Web
Đặc trưng cơ bản của Web động (Dynamic Web) là gì?
Đáp án đúng:B (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 49Chươ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:D (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 50Chươ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?