WorksheetsPHẦN TRẮC NGHIỆM NHIỀU LỰA CHỌN
Total questions: 46
Worksheet time: 25mins
HTML là tên viết tắt của cụm từ nào sau đây?
Hypertext Marking Language
Hypertext Markup Language
Hyperlinks and Text Markup Language
Home Tool Markup Language
Các tệp văn bản nguồn của trang web thường có phần mở rộng là gì?
.doc hoặc .docx
.exe hoặc .com
.html hoặc .htm
.xls hoặc .xlsx
Trong các thẻ định dạng tiêu đề của HTML, thẻ nào dưới đây quy định tiêu đề có cấp độ cao nhất (thường có kích thước lớn nhất)?
A. <h6>
B. <h3>
C. <h2>
D. <h1>
Thẻ HTML nào sau đây được sử dụng để tạo một đoạn văn bản?
A. <p>
B. <br>
C. <div>
D. <h1>
Phần tử nào chứa các thông tin chung về trang web như tiêu đề trang, bảng mã kí tự (meta)?
A. <body>
B. <html>
C. <head>
D. <div>
Quan hệ "cha - con" hay "lồng nhau" trong cấu trúc cây của một tệp HTML được hiểu như thế nào?
Các thẻ HTML luôn nằm rời nhau và được sắp xếp theo thứ tự từ trên xuống dưới, không thẻ nào chứa thẻ nào.
B. Phần tử cha (ví dụ <html>) bao gói và chứa các phần tử con (ví dụ <head>, <body>) bên trong cặp thẻ của nó.
Phần tử con là phần tử có tên thẻ giống hệt phần tử cha nhưng được viết bằng chữ hoa.
Các phần tử lồng nhau nghĩa là thẻ mở của phần tử này nằm đè lên thẻ mở của phần tử kia.
Trong cú pháp của một phần tử HTML, thuộc tính của thẻ (như style, color...) được đặt ở vị trí nào?
Nằm bên ngoài cặp thẻ bắt đầu và thẻ kết thúc.
Nằm trong thẻ kết thúc (closing tag).
Nằm giữa thẻ bắt đầu và thẻ kết thúc (phần nội dung).
Nằm trong thẻ bắt đầu (opening tag), sau tên thẻ.
Tài liệu khuyến khích sử dụng thẻ <strong> và <em> thay vì thẻ <b> và <i> dù chúng có hiệu ứng hiển thị tương tự nhau (in đậm, in nghiêng). Lí do chính là gì?
Vì thẻ <strong> và <em> giúp văn bản có màu sắc đẹp hơn thẻ <b> và <i>.
Vì thẻ <strong> và <em> mang ý nghĩa nhấn mạnh về mặt ngữ nghĩa (nội dung quan trọng), còn <b> và <i> chỉ đơn thuần là định dạng hình thức.
Vì thẻ <strong> và <em> chiếm ít dung lượng bộ nhớ hơn khi lưu trữ tệp tin.
Vì các thẻ <b> và <i> đã bị loại bỏ hoàn toàn khỏi ngôn ngữ HTML hiện đại.
Trong HTML, để tạo một danh sách có thứ tự (ví dụ: 1, 2, 3... hoặc A, B, C...), ta sử dụng cặp thẻ nào sau đây?
A. <ul>...</ul>
B. <dl>...</dl>
C. <ol>...</ol>
D. <li>...</li>
Để tạo một danh sách có thứ tự bắt đầu bằng số 5 thay vì số 1, em cần viết thẻ mở đầu như thế nào?
A. <ol begin="5">
B. <ol start="5">
C. <ol type="5">
D. <ol value="5">
Một học sinh muốn tạo danh sách dấu đầu dòng là hình vuông. Đoạn mã nào sau đây là chính xác theo nội dung bài học?
A. <ul type="square">
B. <ul style="list-style-type: square">
C. <ul list-style="square">
D. <ul style="type: square">
Cho đoạn mã HTML sau:
HTML
<dl>
<dt>CPU</dt>
<dd>Bộ xử lý trung tâm</dd>
</dl>
Trình duyệt sẽ hiển thị nội dung này dưới dạng nào?
A. Danh sách liệt kê có dấu chấm tròn đầu dòng.
B. Danh sách liệt kê đánh số thứ tự 1, 2.
C. Bảng gồm 1 hàng và 2 cột.
D. Danh sách mô tả với "CPU" là tên mục và "Bộ xử lý trung tâm" là phần giải thích.
Trong một bảng HTML, để ô tiêu đề "Tổng kết" (nằm ở hàng đầu tiên) in đậm và căn giữa theo mặc định, em nên dùng thẻ nào cho ô đó?
A. <td>
B. <caption>
C. <th>
D. <head>
Bạn đang thiết kế một bảng hiển thị thời khóa biểu. Bạn muốn ô tiêu đề ở cột thứ nhất (tên môn học) trải rộng xuống 2 hàng liền kề để tiết kiệm không gian. Bạn cần thêm thuộc tính nào và giá trị bao nhiêu vào thẻ <td> hoặc <th> của ô đó?
A. colspan="2"
B. rowspan="2"
C. width="2"
D. height="2"
Siêu văn bản (hypertext) khác với văn bản thông thường ở đặc điểm nổi bật nào sau đây?
Chỉ chứa văn bản thuần tuý và không có định dạng.
Chứa các liên kết (hyperlink) tham chiếu tới các siêu văn bản khác.
Luôn phải đọc tuần tự từ đầu đến cuối.
Chỉ được tạo ra bởi phần mềm Microsoft Word.
Trong cấu trúc hình cây của một tệp HTML, thẻ nào được coi là phần tử gốc (root) chứa tất cả các phần tử còn lại?
A. <body>
B. <head>
C. <html>
D.<!DOCTYPE html>
Thẻ nào sau đây là thẻ đơn (không có thẻ đóng) dùng để tạo dòng kẻ ngang?
A. <p>
B. <h1>
C. <hr>
D. <title>
Thẻ nào được sử dụng để định nghĩa tiêu đề của trang web (xuất hiện trên thanh tiêu đề của trình duyệt)?
A. <h1>
B. <head>
C. <meta>
D. <title>
Nội dung chính của trang web được hiển thị trên trình duyệt nằm trong cặp thẻ nào?
A. <head> và </head>
B. <body> và </body>
C. <title> và </title>
D. <meta> và </meta>
Cú pháp đúng của một thẻ đóng (closing tag) trong HTML là gì?
A. <tên thẻ/>
B. <tên thẻ>
C. </tên thẻ>
D. <\tên thẻ>
Khi soạn thảo mã nguồn HTML, nếu người dùng gõ nhiều dấu cách liên tiếp hoặc nhấn phím Enter để xuống dòng trong một đoạn văn bản, trình duyệt web sẽ xử lý như thế nào khi hiển thị?
Hiển thị chính xác số lượng dấu cách và các dòng trống y hệt như trong mã nguồn.
Báo lỗi cú pháp vì HTML không cho phép gõ quá nhiều dấu cách thừa.
Không nhận biết nhiều dấu cách hoặc dấu xuống dòng, mà coi chúng chỉ là một dấu cách duy nhất.
Tự động chèn thẻ <br/> vào những vị trí người dùng nhấn Enter.
Để tạo một tiêu đề chính có kích thước lớn nhất và quan trọng nhất trong trang web, ta sử dụng thẻ nào sau đây?
A. <h6>
B. <head>
C. <h1>
D. <strong>
Sự khác biệt chính về cách hiển thị giữa phần tử <div> và phần tử <span> được mô tả trong bài học là gì?
A. <div> dùng để chèn hình ảnh, còn <span> dùng để chèn văn bản.
B. <div> tạo ra một khối bắt đầu trên dòng mới, còn <span> định dạng nội dung hiển thị ngay trên cùng dòng đang viết.
C. <div> chỉ dùng được cho tiêu đề, còn <span> dùng cho đoạn văn bản.
D. <div> không thể chứa thuộc tính style, trong khi <span> bắt buộc phải có thuộc tính style.
Khi làm việc với bảng (table) trong HTML, thẻ <tr> được sử dụng để định nghĩa thành phần nào?
Một ô dữ liệu (table data).
Một hàng của bảng (table row).
Một ô tiêu đề của bảng (table header).
Tiêu đề chung của toàn bộ bảng (caption).
Bạn cần tạo một danh sách các chương sách, được đánh số bằng chữ số La Mã lớn (I, II, III...) và muốn danh sách bắt đầu từ giá trị thứ 5 (tức là bắt đầu từ V). Cú pháp thẻ <ol> nào sau đây đáp ứng được yêu cầu đó?
A. <ol type="I" start="5">
B. <ol type="i" start="5">
C. <ol type="5" style="roman">
D. <ol style="list-style-type: I" start="5">
Em muốn tạo một danh sách có thứ tự nhưng sử dụng chữ cái in hoa (A, B, C...) để đánh dấu đầu dòng. Thuộc tính nào cần thêm vào thẻ <ol>?
type="A"
style="list-style: uppercase"
start="A"
format="A"
Giả sử em có một bảng tính tiền, em muốn ô chứa chữ "Thành tiền" gộp 2 cột lại với nhau để hiển thị đẹp hơn. Em sẽ sử dụng thuộc tính nào trong thẻ <td> hoặc <th>?
rowspan="2"
merge="2"
colspan="2"
width="2"
Để tạo viền khung cho bảng với độ dày 2px, nét liền (solid) và màu đỏ. Em cần viết thuộc tính style như thế nào trong thẻ <table>?
style="border: 2px solid red".
style="border: red 2px solid" .
style="border-width: 2px solid red" .
style="border: solid 2px red" .
Em muốn thiết lập chiều rộng của bảng chiếm 100% chiều rộng của cửa sổ trình duyệt để đảm bảo hiển thị tốt trên mọi thiết bị. Em nên dùng thiết lập nào?
A. <table width="100px"> .
B. <table style="width:100%">.
C. <table style="size:100%"> .
D. <table style="width:100px">.
Câu trúc đúng để tạo một liên kết cho hình ảnh là gì?
A. Đặt thẻ <a> bên trong thẻ <img>.
B. Đặt thẻ <img> bên trong thẻ <a>.
C. Đặt thuộc tính href trực tiếp vào thẻ <img>.
Liên kết từ một trang web tới một trang web khác trên Internet được gọi là gì?
Liên kết trong.
Liên kết nội bộ.
Liên kết ngoài.
Liên kết neo (anchor).
Phần nội dung hiển thị cho người dùng nháy chuột vào để thực hiện chuyển trang nằm ở đâu trong cấu trúc thẻ liên kết?
A. Nằm trong giá trị của thuộc tính href.
B. Nằm sau thẻ đóng </a>.
C. Nằm giữa thẻ mở <a> và thẻ đóng </a>.
D. Nằm trong thẻ <title>.
Loại đường dẫn nào thường được sử dụng khi liên kết tới các tài liệu nằm trong cùng một website (cùng máy chủ) và không yêu cầu khai báo giao thức hay tên miền?
Đường dẫn tuyệt đối.
Đường dẫn đầy đủ.
Đường dẫn tương đối.
Đường dẫn mạng.
Để tạo một mục lục (liên kết nội bộ) giúp người dùng nhấp vào dòng chữ "Xem chi tiết" ở đầu trang sẽ tự động cuộn xuống phần "Nội dung chính" ở cuối trang đó, quy trình thực hiện nào sau đây là chính xác về mặt logic?
Đặt thuộc tính id="Noi_dung" tại thẻ chứa phần "Nội dung chính", sau đó đặt liên kết ở đầu trang là <a href="#Noi_dung">Xem chi tiết</a>.
Đặt thuộc tính href="#Noi_dung" tại phần "Nội dung chính", sau đó đặt liên kết ở đầu trang là <a id="Noi_dung">Xem chi tiết</a>.
Đặt thẻ <a name="Noi_dung"> tại phần "Nội dung chính", sau đó đặt liên kết ở đầu trang là <a link="Noi_dung">Xem chi tiết</a>.
Chỉ cần đặt hai đoạn văn bản vào cùng một thẻ <div>, trình duyệt sẽ tự động tạo liên kết giữa chúng.
Bạn muốn tạo một nút bấm hình ảnh trên trang web. Cụ thể, khi người dùng nhấp vào bức ảnh có tên nut_mua.jpg, trình duyệt sẽ chuyển hướng đến trang gio_hang.html. Đoạn mã HTML nào sau đây thực hiện đúng yêu cầu này?
<img src="nut_mua.jpg" href="gio_hang.html">
<a src="nut_mua.jpg" href="gio_hang.html">Mua ngay</a>
C. <a href="gio_hang.html"><img src="nut_mua.jpg"></a>
D. <a href="nut_mua.jpg"><img src="gio_hang.html"></a>
Trong HTML, thẻ nào được sử dụng để tạo liên kết?
Thẻ <link>
Thẻ <href>
Thẻ <a>
Thẻ <p>
Thuộc tính nào trong thẻ <a> dùng để quy định địa chỉ (URL) của trang web hoặc tài nguyên cần liên kết tới?
src
id
href
link
Đường dẫn tuyệt đối trong liên kết có đặc điểm gì?
Chỉ chứa tên tệp tin cần liên kết.
Luôn bắt đầu bằng dấu chấm (.).
Cung cấp địa chỉ đầy đủ bao gồm giao thức (http/https), tên miền và đường dẫn.
Phụ thuộc vào vị trí của tệp tin hiện tại.
Giả sử bạn đang thiết kế một trang web có cấu trúc thư mục gồm thư mục mẹ là web chứa tệp index.html và thư mục con bai_tap chứa tệp bai_tap_1.html. Khi bạn đang viết mã cho tệp bai_tap_1.html, để tạo một liên kết quay trở lại trang chủ index.html, bạn phải sử dụng đường dẫn tương đối nào sau đây và tại sao?
href="index.html" vì hai tệp này cùng thuộc một website.
href="/index.html" vì dấu / đại diện cho thư mục gốc.
href="web/index.html" vì phải ghi rõ tên thư mục mẹ.
href="../index.html" vì tệp đích nằm ở thư mục cấp trên (thư mục mẹ) so với tệp hiện tại.
Khi chèn hình ảnh vào trang web bằng thẻ <img>, tại sao tài liệu khuyên chúng ta nên thiết lập thuộc tính width (chiều rộng) và height (chiều cao) cho ảnh?
Để trình duyệt dành trước đúng không gian trong bố cục khi hình ảnh đang tải, giúp trang web hiển thị mượt mà và nhanh hơn.
Để ngăn chặn người dùng tải ảnh về máy tính.
Để làm giảm dung lượng của tệp ảnh gốc giúp tiết kiệm bộ nhớ máy chủ.
Để tự động chuyển đổi định dạng ảnh sang PNG hoặc JPEG.
Bạn An đang thiết kế một trang web giáo dục để hướng dẫn giải phương trình bậc 2 dạng ax2 + bx + c = 0. An cần viết mã HTML để hiển thị công thức và các bước giải một cách rõ ràng, đúng quy chuẩn toán học.(đúng sai)
a) Để hiển thị tiêu đề bài học "Phương trình bậc 2" với kích thước lớn nhất, An sử dụng thẻ <h6>.
b) Trong công thức, để hiển thị số 2 nằm phía trên chữ x An cần sử dụng thẻ <sup> bao quanh số 2.
c) Để tô màu đỏ cho dòng chữ "Lưu ý: a khác 0", An bắt buộc phải sử dụng thẻ <b> kết hợp với thẻ <i>.
d) Nếu An muốn dòng chữ "Kết luận" vừa được in đậm, vừa được gạch chân để gây chú ý, An có thể viết mã lồng nhau là <strong><u>Kết luận</u></strong>.
Bạn Minh đang thiết kế một trang web giới thiệu thực đơn cho quán trà sữa của lớp. Thực đơn bao gồm các mục chính như "Trà sữa", "Kem" và danh sách các món cụ thể bên trong. Minh cũng muốn tạo một mục mô tả chi tiết thành phần của từng món. (đúng sai)
a) Để tạo danh sách các món trà sữa mà không cần đánh số thứ tự (chỉ dùng các dấu chấm tròn đầu dòng), Minh sử dụng cặp thẻ <ol>...</ol>.
b) Nếu Minh muốn tạo một danh sách mô tả để giải thích "Trà sữa chân châu" là gì, Minh nên sử dụng bộ ba thẻ <dl>, <dt>, <dd> thay vì dùng bảng.
c) Để thay đổi ký tự đầu dòng của danh sách không thứ tự từ hình tròn đặc (disc) sang hình vuông, Minh cần thiết lập thuộc tính style="list-style-type: square".
d) Minh muốn tạo danh sách lồng nhau: Mục lớn là "Đồ uống nóng", mục con là "Cacao" và "Sữa nóng". Để làm đúng cấu trúc HTML, Minh phải đặt thẻ <ul> chứa các món con nằm bên ngoài cặp thẻ <li>...</li> của mục "Đồ uống nóng".
Bạn Nam đang thiết kế một trang web cá nhân để chia sẻ về chuyến đi du lịch của mình. Nam muốn chèn một bức ảnh chụp phong cảnh (tệp phongcanh.jpg) và một đoạn video quay lại cảnh biển (tệp bien.mp4) để trang web thêm sinh động.(đúng sai)
a) Để chèn bức ảnh phongcanh.jpg vào trang web, Nam sử dụng thẻ <img>.
b) Nam nên sử dụng thêm thuộc tính alt trong thẻ <img> để hiển thị văn bản thay thế trong trường hợp bức ảnh bị lỗi không tải được.
c) Đối với đoạn video, Nam muốn video tự động phát ngay khi trang web được tải trên trình duyệt Google Chrome, nên Nam chỉ cần thêm thuộc tính autoplay vào thẻ <video> là đủ.
d) Nếu bức ảnh gốc có kích thước $800 \times 600$ pixel, nhưng Nam chỉ thiết lập thuộc tính width="400" trong thẻ <img> và không thiết lập thuộc tính height, thì bức ảnh sẽ bị méo (biến dạng) khi hiển thị.
Một công ty viễn thông yêu cầu nhân viên kỹ thuật tạo một trang thông báo khuyến mãi gói cước "Internet Tốc độ cao". Nội dung cần nhấn mạnh vào giá cả và các tính năng nổi bật.(đúng sai)
a) Để các dòng liệt kê tính năng (như "Tốc độ cao", "Lắp đặt nhanh") tự động xuống dòng mà không cần tạo đoạn mới, nhân viên có thể dùng thẻ <br>.
b) Nhân viên sử dụng thẻ <div> để bao quanh toàn bộ phần thông tin khuyến mãi nhằm tạo thành một khối (block) tách biệt hẳn xuống dòng so với tiêu đề phía trên.
c) Để nhấn mạnh cụm từ "Miễn phí lắp đặt 100%" về mặt ngữ nghĩa (cho các công cụ tìm kiếm hiểu đây là thông tin quan trọng), tài liệu khuyên dùng thẻ <b> thay vì thẻ <strong>.
d) Nếu muốn định dạng toàn bộ đoạn văn bản mô tả gói cước có phông chữ là "Arial" và cỡ chữ "14px", nhân viên có thể viết thuộc tính vào thẻ mở của đoạn văn đó: <p style="font-family:Arial; font-size:14px">.
Sau hội chợ ẩm thực, lớp 12A cần tạo một bảng trên trang web để báo cáo doanh thu. Bảng gồm các cột: "Tên món", "Số lượng bán", "Đơn giá" và "Thành tiền".(đúng sai)
a) Để tạo hàng tiêu đề của bảng chứa các tên cột như "Tên món", "Số lượng bán", lớp 12E sử dụng thẻ <td>.
b) Để thêm dòng chữ "Bảng tổng kết doanh thu" nằm ngay phía trên bảng làm tiêu đề bảng, các bạn cần sử dụng thẻ <caption> và đặt nó ngay sau thẻ <table>.
c) Thẻ <table> chỉ dùng để tạo cấu trúc khung bên ngoài, còn để tạo các hàng bên trong bảng, bắt buộc phải sử dụng thẻ <tr>.
d) Nếu cột "Thành tiền" của hai món "Thịt xiên" và "Cá viên" có cùng giá trị là "30k" và nằm ở hai hàng liên tiếp nhau, để gộp hai ô này thành một ô duy nhất theo chiều dọc, các bạn sử dụng thuộc tính colspan="2".
Bạn Lan đang xây dựng trang web cho Câu lạc bộ Tin học của trường. Lan muốn tạo một trang chính (index.html) có chứa một khung nội tuyến (iframe) để hiển thị nội dung của các trang con khác (như gioithieu.html, hoatdong.html) khi người dùng nhấp vào các đường liên kết tương ứng trên thanh menu, thay vì phải tải lại toàn bộ trang web.(đúng sai)
a) Để tạo một khung nội tuyến trên trang web, Lan cần sử dụng thẻ <iframe>.
b) Thuộc tính src trong thẻ <iframe> được dùng để quy định chiều rộng của khung nội tuyến.
c) Để khi nhấp vào liên kết (thẻ <a>) thì nội dung trang mới sẽ hiển thị bên trong khung nội tuyến, Lan phải đặt giá trị cho thuộc tính href của thẻ <a> trùng với tên định danh (id hoặc name) của khung nội tuyến đó.
d) Giả sử khung nội tuyến có id="khung_hien_thi". Để tạo liên kết mở trang gioithieu.html vào trong khung này, Lan cần viết đoạn mã: <a href="gioithieu.html" target="khung_hien_thi">Giới thiệu</a>.
