Để 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:D (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 2Chươ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:D ("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 3Chươ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:C (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 4Chươ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 5Chươ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:A (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 6Chươ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 7Chươ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 8Chươ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:D (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 9Chươ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:D (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 10Chươ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 11Chươ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:C ($("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 12Chươ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 13Chươ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 14Chươ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 15Chươ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:A (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 16Chươ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 17Chươ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:D (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 18Chươ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:C (::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 19Chươ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 20Chươ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:A ($("#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 21Chươ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:C ($(":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 22Chươ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:B (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 23Chươ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:C (: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 24Chươ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 25Chương 1: Tổng quan Internet & Web
Adobe Dreamweaver CC cung cấp chế độ Live View mang lại ưu thế gì cho lập trình viên web?
Đáp án đúng:C (Cho phép kéo thả trực quan các thành phần bằng chuột và tự động sinh mã lệnh HTML/CSS tương ứng)
Giải thích: Theo slide Ch1 trang 31, Live View trong Dreamweaver cho phép thao tác kéo thả trực quan các phần tử và tự động sinh mã lệnh.
Câu 26Chươ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 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:B (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 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:C (<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 29Chương 2: Ngôn ngữ HTML
Phát biểu nào sau đây là ĐÚNG về thẻ `<span>` trong HTML?
Đáp án đúng:C (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 30Chươ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 31Chươ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:A (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 32Chươ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 33Chương 3: Định kiểu với CSS
Bộ chọn `:nth-child(even)` trong CSS có tác dụng gì?
Đáp án đúng:C (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 34Chươ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 35Chươ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 36Chươ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 37Chươ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:B ("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 38Chươ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:D (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 39Chươ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 40Chươ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 41Chươ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:D (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 42Chươ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 43Chươ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 44Chươ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 45Chươ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:C (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 46Chươ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:C ("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 47Chươ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:D (<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 48Chươ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 49Chương 1: Tổng quan Internet & Web
Giao thức nào có nhiệm vụ gửi thư điện tử từ máy người dùng đến máy chủ thư (mail server) trên Internet?
Đáp án đúng:B (SMTP (Simple Mail Transfer Protocol))
Giải thích: Theo slide Ch1 trang 7, SMTP dùng để gửi thư điện tử đến máy chủ (mail server) trên Internet, hoạt động trên nền TCP.
Câu 50Chươ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:A (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.