Font size
WorksheetsThiết Kế Web bài 2
Total questions: 25
Worksheet time: 1hrs 2mins
Kéo thả 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: (Chỉ điền một số vào câu trả lời VD:1)
<title>
<head>
<body>
<html>
Hiển thị tiêu đề để trang trên tab trình duyệt:
(a)
Chứa thông tin cấu hình như tiêu đề, charset, CSS,... :
(a)
Chứa nội dung chính sẽ hiển thị trên trình duyệt:
(a)
Bao toàn bộ nội dung trang web:
(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?
<pre>
<source>
<text>
<code>
Trong HTML5, đâu là cách chính xác để tạo một trang web cần 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?
<a email="example@email.com">Send email</a>
<mail href="example@email.com">Send email</mail>
<email>example@email.com</email>
<a href="mailto:example@email.com">Send email</a>
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?
Cầ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ấu trúc 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?
<video width="320" height="240"></video>
<video> <width="320" height="240"></video>
<video>
<width="320" height="240">
<source src="movie.mp4"></source>
</video>
<video width="320" height="240" /> /video>
Kéo thả các thẻ <table> trong HTML phù hợp vào mô tả chức năng tương ứng: (Chỉ điền một số vào câu trả lời VD:1)
rowspan
<tbody>
colspan
<br>
Gộp nhiều dòng:
(a)
Nhóm dữ liệu trong bảng:
(a)
Gộp nhiều cột:
(a)
Chèn khoảng trắng trong ô trống:
(a)
Chèn dòng trống:
(a)
Đâu là cú pháp đúng để tạo một tiêu đề cho bảng trong HTML?
Hoàn thành đoạn code HTML sau để thực hiện tạo một bảng sau bằng?
(Với cách điền theo ví dụ: html)
Đáp án tại vị trí (2) là:
(a)
Đáp án tại vị trí (1) 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:
1) Đáp án:
(a)
Hoàn thành đoạn code HTML sau để thực hiện hợp nhất 3 cột trong bảng:
1) Đáp án:
(a)
Kết quả hiển thị của đoạn mã HTML sau là gì?
Hiển thị bảng không có viền
Hiển thị bảng với 2 cột và 1 hàng
Hiển thị bảng với 2 cột và 2 hàng
Hiển thị bảng với 1 cột và 2 hà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 tiêu đề cho bảng. Hàng tiêu đề này hiển thị hai ô với nội dung "Name" và "Age"
<tr>
<th>Name</th>
<th>Age</th>
</tr>
Vị trí (1):
(a)
Vị trí (2):
(a)
Vị trí (3):
(a)
Vị trí (4):
(a)
Cho đoạn mã HTML sau, kết quả hiển thị trên trình duyệt sẽ như thế nào?
Không có khoảng cách giữa các ô và khoảng cách nội dung là 0px.
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.
Cả hai khoảng cách là 5px.
Cả hai khoảng cách là 10px.
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: ( Điền số vào câu trả lời VD:123.... hoặc điền đúng mô tả VD:align bgcolor .... )
align
color
bgcolor
text
link
href
src
1) Thuộc tính định dạng văn bản:
(a)
2) Thuộc tính của thẻ Body:
(a)
Hãy điền các thẻ HTML phù hợp vào chỗ trống hoặc điền số phù hợp trong đoạn mã sau:
(Với cách điền theo ví dụ: <b> Hoặc 1)
</h4>
</p>
</body>
</html>
Đáp án (1):
(a)
Đáp án (2):
(a)
Đáp án (3):
(a)
Đáp án (4):
(a)
Đâu là cú pháp đúng để gộp 4 dòng cho ô "Ghi chú" trong HTML
<td merge="4"> Ghi chú </td>
<td colspan="4"> Ghi chú </td>
<td span="4"> Ghi chú </td>
<td rowspan="4"> Ghi chú </td>
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".
<body> ______(1)______> W3School <____(2)______> </body> (Với cách điền theo ví dụ: p style="color:red;")
1) Đáp án tại vị trí (1) là:
(a)
2) Đáp án tại vị trí (2) là:
(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.
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 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.
Hiển thị bảng với tiêu đề "Table Caption" bên trên bảng.
Không hiển thị tiêu đề của bảng.
Hoàn thành đoạn code HTML sau đây để tạo đường viền cho bảng:
(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: (Chỉ điền một số vào câu trả lời VD:1)
<td>
<tr>
<th>
<table>
Tạo một ô dữ liệu (cell):
(a)
Tạo một hàng trong bảng:
(a)
Tạo một ô tiêu đề (header cell):
(a)
Tạo bảng HTML:
(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: (Chỉ điền một số vào câu trả lời VD:1)
<h2>
<h4>
<h6>
<h1>
Tiêu đề của một mục chính:
(a)
Tiêu đề phụ nhỏ trong một mục:
(a)
Ghi chú hoặc tiêu đề rất nhỏ cuối cùng:
(a)
Tên trang web (tiêu đề chính):
(a)
Đ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)
1) Đáp án ở vị trí (2) là:
(a)
2) Đáp án ở vị trí (1) là:
(a)
