Đề thi Ứng dụng Web

Câu 1 Chươ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?

A Tháng 7 B Tháng 6 C Tháng 5 D Tháng 4

Câu 2 Chươ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)

A motion() B transition() C animate() D transform()

Câu 3 Chươ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)?

A $(window).init() B $(document).ready() C $(document).start() D $(window).load()

Câu 4 Chươ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)

A font-variant: italic; B text-transform: italic; C text-decoration: italic; D font-style: italic;

Câu 5 Chươ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)

A id B class C title D src

Câu 6 Chươ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)?

A getDate() B getMonth() C getFullYear() D getDay()

Câu 7 Chươ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)?

A Web tĩnh cho phép người dùng đăng ký tài khoản và lưu trực tiếp vào cơ sở dữ liệu B Web tĩnh bắt buộc phải viết bằng ngôn ngữ PHP hoặc ASP.NET C Web tĩnh là trang web hoàn toàn không thể chèn video hay ảnh độ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

Câu 8 Chươ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?

A ctx.circle(100, 100, 50); B ctx.arc(100, 100, 50, 0, 2 * Math.PI); C ctx.arc(100, 100, 50, 0, 180); D ctx.arc(100, 100, 50, 0, Math.PI);

Câu 9 Chươ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?

A Cố định tại tọa độ (30, 20) trên màn hình khi cuộn trang B 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ó C Dịch chuyển so với phần tử cha gần nhất có position: absolute D Dịch chuyển so với góc trên bên trái của cửa sổ trình duyệt

Câu 10 Chươ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?

A E ~ F B E + F C E > F D E F

Câu 11 Chươ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)?

A E, F B E ~ F C E + F D E > F

Câu 12 Chương 1: Tổng quan Internet & Web

Giao thức nào được sử dụng để truyền và tải tập tin (file) giữa máy khách và máy chủ trên Internet qua giao thức TCP?

A POP3 B DNS C FTP (File Transfer Protocol) D SMTP

Câu 13 Chươ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?

A Chỉ cho phép viết code dạng văn bản thuần túy không hiển thị trước 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 C Tự động đăng ký tên miền miễn phí D Tự động biên dịch mã PHP sang ngôn ngữ máy C++

Câu 14 Chươ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;
```

A "Hello53" B "Hello 8" C "Hello8" D NaN

Câu 15 Chươ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)?

A width() B outerWidth(true) C outerWidth() D innerWidth()

Câu 16 Chươ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?

A width: 50% B width: 25% (hoặc flex: 25%) C width: 20% D width: 33.33%

Câu 17 Chương 2: Ngôn ngữ HTML

Thực thể ký tự (HTML Entity) nào sau đây dùng để hiển thị biểu tượng bản quyền (©) trên trang web?

A ® B "e; C ™ D ©

Câu 18 Chương 1: Tổng quan Internet & Web

Giao thức HTTP (HyperText Transfer Protocol) hoạt động theo mô hình nào và sử dụng giao thức truyền vận nào bên dưới?

A Mô hình Peer-to-Peer, sử dụng giao thức TCP B Mô hình Standalone, sử dụng giao thức IP C Mô hình Client/Server, sử dụng giao thức UDP D Mô hình Client/Server, sử dụng giao thức TCP

Câu 19 Chươ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ì?

A $(selector).action() B DOM(selector).action() C find(selector).action() D jQuery[selector]->action()

Câu 20 Chươ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ì?

A Gộp các đường viền của các ô và bảng thành một đường viền đơn B Ẩn toàn bộ đường viền của các ô rỗng C Tách rời các đường viền của ô ra xa nhau D Tự động căn giữa nội dung trong tất cả các ô

Câu 21 Chươ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?

A :first-child B :only-child C :first-of-type D :first-line

Câu 22 Chươ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)

A <a href="url" target="_self">OU</a> B <a href="url" target="_blank">OU</a> C <a href="url" target="_new">OU</a> D <a href="url" target="_parent">OU</a>

Câu 23 Chươ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ì?

A Chữ in đậm và căn giữa B Chữ gạch chân và màu xanh C Chữ in nghiêng và có ngắt dòng D Chữ phông Courier và thụt lề

Câu 24 Chương 2: Ngôn ngữ HTML

Phát biểu nào sau đây là ĐÚNG về thẻ `<span>` trong HTML?

A span là thành phần HTML dạng nội dòng (inline) B span là thành phần HTML dạng khối (block) C span tự động xuống dòng và thêm khoảng trắng trên dưới D span không thể chứa văn bản

Câu 25 Chươ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ì?

A undefined B 0 C Chương trình dừng báo lỗi cú pháp D null

Câu 26 Chươ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?

A removeChild() B insertBefore() C appendChild() D replaceChild()

Câu 27 Chương 2: Ngôn ngữ HTML

Cặp thẻ nào sau đây dùng để định dạng văn bản hiển thị dưới dạng chữ bị gạch ngang (thể hiện nội dung đã bị xóa)?

A <mark>...</mark> B <del>...</del> C <small>...</small> D <ins>...</ins>

Câu 28 Chươ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)

A Hello <div style="border:1px solid black">me</div> B Hello <span style="border:1px solid black">me</span> C Hello <p style="border:1px solid black">me</p> D Hello <h3 style="border:1px solid black">me</h3>

Câu 29 Chương 2: Ngôn ngữ HTML

Trong thẻ <img>, thuộc tính 'alt' có công dụng gì?

A Xác định địa chỉ URL của hình ảnh B Căn chỉnh vị trí của hình ảnh so với văn bản C Định dạng đường viền ảnh 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

Câu 30 Chươ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?

A <ol begin="6"> B <ol index="6"> C <ol start="6"> D <ol from="6">

Câu 31 Chươ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?

A execute() B parseScript() C run() D eval()

Câu 32 Chươ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?

A $("#myBallId").css({left: '500px', width: '100px'}, 1000); B $("#myBallId").slideRight({distance: '500px', width: '100px'}, 1000); C $("#myBallId").animate({left: '500px', width: '100px'}, 1000); D $("#myBallId").toggle({x: 500, width: 100}, 1000);

Câu 33 Chương 1: Tổng quan Internet & Web

Đặc trưng cơ bản của Web động (Dynamic Web) là gì?

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) B Web động là trang web sử dụng CSS hiệu ứng chuyển động keyframe C Web động là trang web sử dụng thẻ marquee để cuộn chữ D Web động là trang web có chứa ảnh động dạng GIF và video

Câu 34 Chương 4: Ngôn ngữ JavaScript

Kết quả trả về của câu lệnh `Number("abc")` trong JavaScript là gì?

A 0 B NaN C null D undefined

Câu 35 Chươ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ì?

A Tỷ lệ độ sáng của màu đỏ B Bán kính bóng mờ của phần tử C Tỷ lệ màu xanh dương trong tổ hợp D Độ trong suốt/độ rõ (alpha) của màu, có giá trị từ 0 đến 1 (1 là rõ hoàn toàn)

Câu 36 Chương 2: Ngôn ngữ HTML

Trong kỹ thuật ImageMap, để định nghĩa vùng liên kết hình chữ nhật trên ảnh, thuộc tính shape và coords của thẻ <area> được khai báo thế nào?

A shape="rect" coords="x1,y1,x2,y2" B shape="box" coords="top,left,bottom,right" C shape="circle" coords="x,y,r" D shape="rectangle" coords="x,y,w,h"

Câu 37 Chươ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?

A <title>...</title> B <header>...</header> C <body>...</body> D <head>...</head>

Câu 38 Chươ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?

A Kích thước của thẻ <body> B Kích thước phông chữ của phần tử cha trực tiếp C Kích thước phông chữ của phần tử gốc root (thẻ <html>) D Kích thước màn hình thiết bị

Câu 39 Chươ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)?

A @motion-frame B @transition-set C @keyframes D @animation-rule

Câu 40 Chươ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; } }`

A Màn hình có chiều rộng tối đa là 600px (chiều rộng từ 600px trở xuống) B Khi trang web được xuất ra máy in C Chỉ áp dụng cho màn hình xoay ngang (landscape) D Màn hình có chiều rộng tối thiểu là 600px

Câu 41 Chươ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)?

A onchange B onfocus C onreset D onblur

Câu 42 Chươ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?

A flex-flow: row-nowrap; B justify-content: break; C display: inline-block; D flex-wrap: wrap;

Câu 43 Chươ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)

A valueOf() B toString() C toFixed() D toPrecision()

Câu 44 Chươ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?

A :disabled B :enabled C :empty D :invalid

Câu 45 Chươ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?

A window.location.reload() B window.location.href = url C window.location.assign(url) D window.location.replace(url)

Câu 46 Chươ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>?

A $("h*") B $(":title") C $(":header") D $(":heading")

Câu 47 Chươ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ì?

A a:visited -> a:link -> a:active -> a:hover B a:hover -> a:active -> a:link -> a:visited C a:link -> a:visited -> a:hover -> a:active (Quy tắc LVHA) D a:active -> a:hover -> a:visited -> a:link

Câu 48 Chươ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?

A strokeRect(x, y, w, h) B clearRect(x, y, w, h) C drawRect(x, y, w, h) D fillRect(x, y, w, h)

Câu 49 Chương 3: Định kiểu với CSS

Bộ chọn CSS `p[title~="test"]` có ý nghĩa gì?

A Chọn các thẻ p có thuộc tính title kết thúc bằng 'test' B Chọn các thẻ p có thuộc tính title bắt đầu bằng 'test' C 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) D Chọn tất cả thẻ p có thuộc tính title chứa chuỗi con 'test' dính liền

Câu 50 Chương 2: Ngôn ngữ HTML

Trong thẻ <table>, ô tiêu đề cột được tạo bằng thẻ nào, và mặc định trình duyệt hiển thị định dạng của nó ra sao?

A Thẻ <td>, căn trái bình thường B Thẻ <th>, tự động căn giữa và in đậm C Thẻ <caption>, căn phải D Thẻ <thead>, in nghiêng

BỘ ĐỀ THI CUỐI KỲ: ỨNG DỤNG WEB