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 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:C (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 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 4Chươ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:D (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 5Chươ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:C (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 6Chươ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:B (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 7Chươ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 8Chươ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:B (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 9Chươ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:A (<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 10Chươ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 11Chươ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 12Chương 1: Tổng quan Internet & Web
Cấu trúc chuẩn của một địa chỉ URL (Uniform Resource Locator) gồm những thành phần nào sau đây?
Đáp án đúng:B ([protocol://]<web server name>[:TCP port]/[virtual dir]/[web file])
Giải thích: Theo slide Ch1 trang 15, URL chuẩn gồm giao thức, tên máy chủ DNS, cổng TCP (tùy chọn), thư mục ảo và tên file tài nguyên.
Câu 13Chươ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:C (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 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
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:B (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 16Chươ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 17Chươ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:B (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 18Chươ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 19Chươ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:B (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.
Câu 20Chươ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:A (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 21Chươ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 22Chương 5: Thư viện jQuery
Bộ chọn jQuery nào sau đây dùng để chọn phần tử <li> thứ 4 trong danh sách <ul> (biết chỉ số index bắt đầu từ 0)?
Đáp án đúng:A ($("ul li:eq(3)"))
Giải thích: Theo slide Ch5 trang 11, bộ chọn `:eq(3)` chọn phần tử có chỉ số index = 3, tức là phần tử thứ 4 trong danh sách.
Câu 23Chươ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:A (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 24Chươ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.
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 27Chươ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 28Chươ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 29Chươ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:B (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 30Chươ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:C (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 31Chươ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 32Chương 1: Tổng quan Internet & Web
Khi triển khai website lên host miễn phí somee.com theo hướng dẫn giáo trình, sau khi upload và giải nén file MyWebSite.zip, thao tác bắt buộc tiếp theo là gì?
Đáp án đúng:D (Xóa tập tin default.asp có sẵn của hệ thống)
Giải thích: Theo slide Ch1 trang 57, sau khi giải nén website lên somee.com, cần xóa file default.asp mặc định của host để website nhận trang index.html.
Câu 33Chươ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:C (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 34Chươ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 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 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 37Chươ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:D (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 38Chươ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:B (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 39Chươ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:C (<datalist id="subject_list">)
Giải thích: Theo slide Ch2 trang 128, phần tử
Câu 40Chươ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 41Chươ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:D (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 42Chươ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:A (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 43Chươ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:B (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 44Chươ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:B (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 45Chươ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 46Chươ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:B ($("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 47Chươ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:D (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 48Chươ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 49Chươ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 50Chương 2: Ngôn ngữ HTML
Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?
Đáp án đúng:D (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.