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 2Chươ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:D (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 3Chươ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:B (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 4Chươ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 5Chươ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:C (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 6Chươ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:D (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 7Chươ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 8Chươ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 9Chươ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:B ($("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 10Chương 2: Ngôn ngữ HTML
Phát biểu nào sau đây là ĐÚNG về thẻ `<span>` trong HTML?
Đáp án đúng:B (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 11Chươ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 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 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 14Chươ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 15Chươ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:D (<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 16Chươ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:A (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 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 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 19Chươ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 20Chươ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:D (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 21Chươ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:A (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 22Chươ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 23Chươ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 24Chươ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:D (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 25Chươ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:B (Á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 26Chươ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:A (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 27Chương 2: Ngôn ngữ HTML
Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?
Đáp án đúng:A (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 28Chươ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 29Chươ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:C (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 30Chươ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 31Chươ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:C (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 32Chươ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 33Chương 2: Ngôn ngữ HTML
Để thiết lập phím tắt truy cập nhanh cho một điều khiển form (ví dụ nhấn Alt + U hoặc Alt + Shift + U), ta dùng thuộc tính nào?
Đáp án đúng:C (accesskey)
Giải thích: Theo slide Ch2 trang 135, thuộc tính accesskey cho phép gán ký tự bàn phím làm phím tắt nhận tiêu điểm cho phần tử.
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 1: Tổng quan Internet & Web
Đặc trưng cơ bản của Web động (Dynamic Web) là gì?
Đáp án đúng:A (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 36Chươ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 37Chươ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 38Chươ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 39Chươ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 40Chươ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 41Chươ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:A (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 42Chươ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 43Chươ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 44Chương 3: Định kiểu với CSS
Trong CSS, bộ chọn `:not(p)` có ý nghĩa gì?
Đáp án đúng:D (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 45Chương 2: Ngôn ngữ HTML
Thẻ định dạng nào sau đây làm văn bản được tô sáng (highlight màu vàng mặc định)?
Đáp án đúng:D (<mark>...</mark>)
Giải thích: Theo slide Ch2 trang 33, thẻ làm văn bản bên trong được tô sáng (highlight).
Câu 46Chươ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:C (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 47Chươ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:A (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 48Chươ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 49Chươ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 50Chương 4: Ngôn ngữ JavaScript
Cho biết kết quả xuất ra màn hình console của đoạn chương trình JavaScript sau: (Đề thi mẫu - Câu 20) ```javascript var s = "Welcome to JavaFX"; console.info(s.substr(-6)); ```
Đáp án đúng:B (JavaFX)
Giải thích: Theo Đề thi mẫu câu 20 và slide Ch4 trang 63, hàm substr(-6) lấy 6 ký tự tính từ cuối chuỗi ngược lại. 6 ký tự cuối của 'Welcome to JavaFX' là 'JavaFX'.