Font size
WorksheetsTHIẾT KẾ WEB - BÀI 2
Total questions: 30
Worksheet time: 43mins
Kéo thả thuộc tính của các thẻ HTML dưới đây vào cột phù hợp với mô tả của chúng:
bgcolor
text
link
align
color
src
href
Kéo các thẻ HTML vào các ô tương ứng với mô tả trong cấu trúc của một tài liệu HTML:
Hiển thị tiêu đề trang trên trình duyệt
<title>
Bao toàn bộ nội dung trang web
<html>
Chứa thông tin cấu hình như tiêu đề, charset, CSS...
<head>
Chứa nội dung chính sẽ hiển thị trên trình duyệt
<body>
Trong HTML5, đâu là cách chính xác để tạo một trang web tích hợp phần tử video có thể phát trên nhiều trình duyệt bằng cách cung cấp nhiều định dạng nguồn, đồng thời hiển thị thông báo nếu trình duyệt không hỗ trợ thẻ video:
Một trang web cần hiển thị liên kết cho phép người dùng gửi email đến địa chỉ example@email.com bằng cách nhấp chuột. Cú pháp HTML nào sau đây phù hợp với yêu cầu này?
Một trang web cần hiển thị danh sách không có thứ tự gồm ba mục: "Apple", "Banana", và "Orange". Cú pháp HTML nào sau đây là phù hợp?
Bạn xây dựng một danh sách định nghĩa trong trang web để trình bày các thuật ngữ cùng phần giải thích tương ứng. Cú pháp HTML nào dưới đây đáp ứng đúng chuẩn của một danh sách định nghĩa theo HTML5?
Một trang web cần hiển thị đoạn video có kích thước 320x240 pixel. Cú pháp HTML nào sau đây là phù hợp?
Đâu là cú pháp đúng để tạo một tiêu đề cho bảng trong HTML?
Đâu là cú pháp đúng để gộp 4 dòng cho ô 'Ghi chú' trong HTML?
Hoàn thành đoạn code HTML sau để thực hiện tạo một bảng sau?
(Với cách điền theo ví dụ: html)
Đáp án tại vị trí (1) là:
(a)
Đáp án tại vị trí (2) là:
(a)
Hoàn thành đoạn code HTML sau để thực hiện hợp nhất 3 hàng của bảng:
(a)
Hoàn thành đoạn code HTML sau để hợp nhất 3 cột trong bảng:
(a)
Cho đoạn mã HTML sau, kết quả hiển thị trên trình duyệt sẽ như thế nào?
Lỗi do thuộc tính rowspan không hợp lệ.
Bảng có 2 hàng và 1 cột.
Bảng với 2 hàng và 2 cột, trong đó 'Cell 1' kéo dài qua 2 hàng.
Bảng có 3 hàng và 2 cột.
Hoàn thành đoạn mã HTML sau bằng cách kéo thả các thẻ HTML phù hợp vào các vị trí từ (1) đến (4) để thêm một hàng tiêu đề cho bảng. Hàng tiêu đề này hiển thị hai ô với nội dung "Name" và "Age".
<tr>
Vị trí (1):
<th>Name</th>
Vị trí (2):
<th>Age</th>
Vị trí (3):
</tr>
Vị trí (4):
Cho đoạn mã HTML sau, kết quả hiển thị trên trình duyệt sẽ như thế nào?
Cả hai khoảng cách là 5px.
Không có khoảng cách giữa các ô và khoảng cách nội dung là 0px.
Cả hai khoảng cách là 10px.
Bảng với khoảng cách giữa các ô là 5px và khoảng cách nội dung trong ô là 10px
Kéo thả các thẻ <table> trong HTML phù hợp vào mô tả chức năng tương ứng:
rowspan
Gộp nhiều dòng
 
Chèn khoảng trắng trong ô trống
colspan
Gộp nhiều cột
<tbody>
Nhóm dữ liệu trong bảng
<br>
Chèn dòng trống
Kết quả hiển thị của đoạn mã HTML sau là gì?
Hiển thị bảng với 2 cột và 2 hàng
Hiển thị bảng với 2 cột và 1 hàng
Hiển thị bảng không có viền
Hiển thị bảng với 1 cột và 2 hàng
Hãy điền các thẻ HTML phù hợp vào chỗ trống trong đoạn mã sau:
(Với cách điền theo ví dụ: <b>)
Đáp án (1):
(a)
Đáp án (2):
(a)
Đáp án (3):
(a)
Đáp án (4):
(a)
Để hiển thị một đoạn mã lập trình (code) trên trang web nhằm giúp người đọc nhận biết đó là mã nguồn, thẻ HTML nào nên được sử dụng?
<source>
<pre>
<code>
<text>
Hãy điền các thẻ HTML phù hợp vào chỗ trống để đoạn văn "W3School" trở thành một liên kết tới tài liệu "https://www.w3schools.com".
(Với cách điền theo ví dụ: p style=”color:red;”)
Đáp án tại vị trí (1) là:
(a)
Đáp án tại vị trí (2) là:
(a)
Kéo thả các cấp độ tiêu đề HTML phù hợp vào các ô tương ứng với mô tả của chúng:
<h1>
Tên trang web (tiêu đề chính)
<h4>
Tiêu đề phụ nhỏ trong một mục
<h6>
Ghi chú hoặc tiêu đề rất nhỏ cuối cùng
<h2>
Tiêu đề của một mục chính
Điền tên thuộc tính HTML thích hợp vào vị trí trống để mô tả văn bản thay thế cho hình ảnh nếu không hiển thị được.
(Với cách điền theo ví dụ: html)
Đáp án ở vị trí (1) là:
(a)
Đáp án ở vị trí (2) là:
(a)
Kéo thả thẻ HTML phù hợp vào mô tả chức năng tương ứng trong cấu trúc bảng:
<tr>
Tạo một hàng trong bảng
<th>
Tạo một ô tiêu đề (header cell)
<td>
Tạo một ô dữ liệu (cell)
<table>
Tạo bảng HTML
Hoàn thành đoạn code HTML sau đây để tạo đường viền cho bảng:
(a)
Cho đoạn mã HTML sau, kết quả hiển thị trên trình duyệt sẽ như thế nào?
Hiển thị bảng với tiêu đề "Table Caption" bên trên bảng.
Lỗi hiển thị do thẻ <caption> không hợp lệ.
Hiển thị bảng với tiêu đề "Table Caption" bên dưới bảng.
Không hiển thị tiêu đề của bảng.
Hoàn thành đoạn mã HTML sau bằng cách kéo thả các thẻ HTML phù hợp vào các vị trí từ (1) đến (4) để thêm một hàng mới vào bảng.
<tr>
Đáp án tại vị trí (1):
<td>Eve Jackson</td>
Đáp án tại vị trí (2):
<td>94</td>
Đáp án tại vị trí (3):
</tr>
Đáp án tại vị trí (4):
Kéo thả các thẻ HTML đúng vào các ô tương ứng với mô tả của chúng:
<p>
Dùng để tạo một đoạn văn bản
<u>
Dùng để gạch chân đoạn văn hoặc từ
<i>
Dùng để hiển thị chữ nghiêng
<b>
Dùng để làm nổi bật chữ bằng kiểu in đậm
Kéo thả các thẻ mở và thẻ đóng vào đúng vị trí của từng thẻ trong cấu trúc HTML
<body>
Lệnh (1):
<h1>
Lệnh (2):
</h1>
Lệnh (3):
<p>
Lệnh (4):
</p>
Lệnh (5):
Đâu là cú pháp đúng để gộp 2 cột vào một ô “Địa chỉ” trong HTML
Một tài liệu HTML cần chèn một đường kẻ ngang có độ rộng bằng 50% chiều rộng trang hiển thị. Cú pháp nào sau đây phù hợp với yêu cầu đó?
