Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web - Đề 01
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web - Đề 01 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.
Câu 1: HTML là viết tắt của cụm từ nào?
- A. Hyper Tool Multi Language
- B. Hyperlinks and Text Management Language
- C. HyperText Markup Language
- D. High-level Text Modeling Language
Câu 2: Mục đích chính của ngôn ngữ HTML là gì?
- A. Thiết kế giao diện đồ họa đẹp mắt cho trang web.
- B. Cấu trúc và tổ chức nội dung của trang web.
- C. Xử lý dữ liệu từ biểu mẫu trên trang web.
- D. Tạo hiệu ứng động và tương tác cho trang web.
Câu 3: Xem xét đoạn mã HTML sau: `
Tiêu đề trang
Chào mừng!
Đây là đoạn văn.
`. Phần nội dung hiển thị trực tiếp trên cửa sổ trình duyệt (không phải thanh tiêu đề) nằm trong cặp thẻ nào?
- A. ``
- B. ``</li>
<li>C. `<html>`</li>
<li><strong>D. `<body>`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 4: Thẻ HTML nào sau đây được sử dụng để tạo một đoạn văn (paragraph)?</p>
<ul>
<li>A. `<para>`</li>
<li><strong>B. `
<p>`</strong></li>
<li>C. `<text>`</li>
<li>D. `<paragraph>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 5: Để chèn một hình ảnh vào trang web, ta sử dụng thẻ nào trong HTML?</p>
<ul>
<li><strong>A. `<img>`</strong></li>
<li>B. `<image>`</li>
<li>C. `<picture>`</li>
<li>D. `<photo>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 6: Thẻ `<img>` cần thuộc tính bắt buộc nào để xác định đường dẫn đến tệp hình ảnh?</p>
<ul>
<li>A. `link`</li>
<li>B. `url`</li>
<li><strong>C. `src`</strong></li>
<li>D. `path`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 7: Thuộc tính `alt` trong thẻ `<img>` có vai trò gì?</p>
<ul>
<li>A. Đặt kích thước chiều cao của hình ảnh.</li>
<li>B. Đặt đường viền cho hình ảnh.</li>
<li>C. Đặt tiêu đề hiển thị khi rê chuột qua hình ảnh.</li>
<li><strong>D. Cung cấp văn bản thay thế nếu hình ảnh không hiển thị hoặc cho trình đọc màn hình.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 8: Để tạo một liên kết (hyperlink) trong HTML, ta sử dụng thẻ nào?</p>
<ul>
<li>A. `<link>`</li>
<li><strong>B. `<a>`</strong></li>
<li>C. `<url>`</li>
<li>D. `<hyperlink>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 9: Thuộc tính bắt buộc của thẻ `<a>` để xác định địa chỉ đích của liên kết là gì?</p>
<ul>
<li><strong>A. `href`</strong></li>
<li>B. `src`</li>
<li>C. `link`</li>
<li>D. `dest`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 10: Xem xét đoạn mã: `<a href=
<ul>
<li>A. Văn bản </li>
<li>B. Một cửa sổ pop-up hiển thị nội dung từ www.example.com.</li>
<li><strong>C. Trình duyệt sẽ mở trang web tại địa chỉ https://www.example.com.</strong></li>
<li>D. Không có gì xảy ra vì thiếu thuộc tính `target`.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 11: Thẻ HTML nào sau đây được dùng để tạo một tiêu đề cấp 1 (tiêu đề quan trọng nhất)?</p>
<ul>
<li>A. `<heading1>`</li>
<li>B. `<header1>`</li>
<li>C. `<title1>`</li>
<li><strong>D. `<br />
<h1>`</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 12: Trong cấu trúc HTML cơ bản, thẻ `<title>` nằm ở đâu và có chức năng gì?</p>
<ul>
<li><strong>A. Trong `<head>`, xác định tiêu đề hiển thị trên thanh tiêu đề/tab của trình duyệt.</strong></li>
<li>B. Trong `<body>`, xác định tiêu đề chính hiển thị trên trang.</li>
<li>C. Trong `<body>`, xác định tiêu đề phụ hiển thị trên trang.</li>
<li>D. Trong `<html>`, xác định phiên bản HTML được sử dụng.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 13: Trình duyệt web có vai trò gì trong việc hiển thị trang web được viết bằng HTML?</p>
<ul>
<li>A. Lưu trữ các tệp HTML trên máy chủ web.</li>
<li>B. Viết và chỉnh sửa mã HTML.</li>
<li>C. Tạo ra nội dung động cho trang web.</li>
<li><strong>D. Đọc mã HTML và hiển thị nội dung trang web cho người dùng.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 14: Phát biểu nào sau đây về các thẻ HTML là ĐÚNG?</p>
<ul>
<li>A. Tất cả các thẻ HTML đều có thẻ mở và thẻ đóng.</li>
<li>B. Các thẻ HTML luôn được viết bằng chữ in hoa.</li>
<li><strong>C. Hầu hết các thẻ HTML có cặp thẻ mở và thẻ đóng, nhưng có một số thẻ rỗng không cần thẻ đóng.</strong></li>
<li>D. Các thẻ HTML chỉ có thể chứa văn bản thuần túy.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 15: Để tạo một danh sách không có thứ tự (unordered list) trong HTML, ta sử dụng cặp thẻ nào?</p>
<ul>
<li><strong>A. `
<ul>` và `</p>
<li>`</strong></li>
<li>B. `
<ol>` và `</p>
<li>`</li>
<li>C. `
<dl>` và `</p>
<dt>`</li>
<li>D. `<list>` và `<item>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 16: Xem xét đoạn mã sau: `</p>
<p><b>Văn bản in đậm</b> và <i>văn bản in nghiêng</i>.</p>
<p>`. Đoạn mã này sẽ hiển thị như thế nào trên trình duyệt?</p>
<ul>
<li>A. Văn bản in đậm và văn bản in nghiêng.</li>
<li>B. <b>Văn bản in đậm</b> và <i>văn bản in nghiêng</i>.</li>
<li>C. Văn bản in đậm và văn bản in nghiêng (trên hai dòng khác nhau).</li>
<li><strong>D. Văn bản </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 17: Để tạo một dòng kẻ ngang phân chia nội dung trên trang web, ta sử dụng thẻ nào?</p>
<ul>
<li>A. `<line>`</li>
<li>B. `<break>`</li>
<li><strong>C. `<br />
<hr>
<p>`</strong></li>
<li>D. `<divider>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 18: Thẻ `<!DOCTYPE html>` ở đầu tệp HTML có ý nghĩa gì?</p>
<ul>
<li>A. Xác định ngôn ngữ chính được sử dụng trong trang.</li>
<li><strong>B. Khai báo loại tài liệu, giúp trình duyệt hiển thị trang đúng chuẩn HTML5.</strong></li>
<li>C. Xác định bộ ký tự (character set) của trang.</li>
<li>D. Đánh dấu phần đầu của tài liệu HTML.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 19: Giả sử bạn muốn tạo một liên kết mở ra ở một tab hoặc cửa sổ mới của trình duyệt khi người dùng nhấp vào. Bạn cần thêm thuộc tính nào vào thẻ `<a>`?</p>
<ul>
<li><strong>A. `target=</strong></li>
<li>B. `newtab=</li>
<li>C. `open=</li>
<li>D. `window=</li>
</ul>
</div>
<div class="question-block">
<p>Câu 20: Phần tử HTML nào thường chứa các thẻ `<meta>`, `<link>`, và `<title>`?</p>
<ul>
<li>A. `<body>`</li>
<li><strong>B. `<head>`</strong></li>
<li>C. `<html>`</li>
<li>D. `<br />
<header>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 21: Xem xét đoạn mã: `<img src=
<ul>
<li>A. Một khoảng trắng trống.</li>
<li>B. Đường dẫn đến tệp hình ảnh (`logo.png`).</li>
<li>C. Thông báo lỗi </li>
<li><strong>D. Văn bản </strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 22: Đâu là cách viết <i>bình luận</i> (comment) trong mã HTML?</p>
<ul>
<li><strong>A. `<!-- Đây là bình luận -->`</strong></li>
<li>B. `// Đây là bình luận`</li>
<li>C. `/* Đây là bình luận */`</li>
<li>D. `# Đây là bình luận`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 23: Để tạo một danh sách có thứ tự (ordered list) với các mục được đánh số, ta sử dụng cặp thẻ nào?</p>
<ul>
<li>A. `
<ul>` và `</p>
<li>`</li>
<li>B. `<list>` và `<item>`</li>
<li><strong>C. `
<ol>` và `</p>
<li>`</strong></li>
<li>D. `
<dl>` và `</p>
<dt>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 24: Trình soạn thảo văn bản (text editor) như Visual Studio Code, Sublime Text, Notepad++ được sử dụng để làm gì trong quá trình tạo trang web?</p>
<ul>
<li><strong>A. Viết và chỉnh sửa mã nguồn HTML, CSS, JavaScript.</strong></li>
<li>B. Hiển thị trang web cho người dùng.</li>
<li>C. Lưu trữ các tệp trang web trên internet.</li>
<li>D. Thiết kế giao diện trực quan bằng cách kéo thả các phần tử.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 25: Tệp HTML sau khi được viết thường được lưu với phần mở rộng nào?</p>
<ul>
<li>A. .txt</li>
<li><strong>B. .html hoặc .htm</strong></li>
<li>C. .css</li>
<li>D. .js</li>
</ul>
</div>
<div class="question-block">
<p>Câu 26: Đâu là cách viết đúng cú pháp của một thẻ HTML có thuộc tính?</p>
<ul>
<li>A. `<tên_thẻ [thuộc_tính=giá_trị]>Nội dung</tên_thẻ>`</li>
<li>B. `<tên_thẻ> thuộc_tính=</li>
<li><strong>C. `<tên_thẻ thuộc_tính=</strong></li>
<li>D. `<tên_thẻ thuộc_tính: giá_trị>Nội dung</tên_thẻ>`</li>
</ul>
</div>
<div class="question-block">
<p>Câu 27: Thẻ `<br />` trong HTML có chức năng gì?</p>
<ul>
<li><strong>A. Tạo một dòng ngắt (xuống dòng).</strong></li>
<li>B. Tạo một đường kẻ ngang.</li>
<li>C. Tạo khoảng trống giữa các từ.</li>
<li>D. Làm cho văn bản in đậm.</li>
</ul>
</div>
<div class="question-block">
<p>Câu 28: Giả sử bạn có đoạn mã `</p>
<p>Đoạn văn thứ nhất.</p>
<p>Đoạn văn thứ hai.</p>
<p>`. Trình duyệt sẽ hiển thị hai đoạn văn này như thế nào?</p>
<ul>
<li>A. Nối liền thành một dòng duy nhất: Đoạn văn thứ nhất.Đoạn văn thứ hai.</li>
<li><strong>B. Hiển thị trên hai dòng riêng biệt, mỗi dòng là một đoạn văn.</strong></li>
<li>C. Chỉ hiển thị </li>
<li>D. Hiển thị </li>
</ul>
</div>
<div class="question-block">
<p>Câu 29: Thuộc tính `title` có thể được thêm vào hầu hết các thẻ HTML. Chức năng của thuộc tính `title` là gì?</p>
<ul>
<li>A. Đặt màu nền cho phần tử.</li>
<li>B. Xác định tên duy nhất cho phần tử.</li>
<li>C. Đặt tiêu đề chính cho trang web.</li>
<li><strong>D. Cung cấp văn bản tooltip hiển thị khi rê chuột qua phần tử.</strong></li>
</ul>
</div>
<div class="question-block">
<p>Câu 30: Một website là tập hợp các trang web liên kết với nhau. Các trang web này thường được lưu trữ ở đâu để người dùng internet có thể truy cập?</p>
<ul>
<li><strong>A. Máy chủ web (Web server)</strong></li>
<li>B. Máy tính cá nhân của người dùng</li>
<li>C. Thiết bị định tuyến (Router)</li>
<li>D. Phần mềm trình duyệt web</li>
</ul>
</div>
</div>
<input type='hidden' name='ays_quiz_id' value='8069'/>
<input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f1-html-va-trang-web/'/>
<input type='hidden' name='ays_quiz_questions' value='241889,241890,241891,241892,241893,241894,241895,241896,241897,241898,241899,241900,241901,241902,241903,241904,241905,241906,241907,241908,241909,241910,241911,241912,241913,241914,241915,241916,241917,241918'>
</div>
</div><div class='step '
data-question-id='241889'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>1 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 1</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 1: HTML là viết tắt của cụm từ nào?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241889]' id='ays-answer-965549-8069' value='965549'/>
<label for='ays-answer-965549-8069' class=' ays_position_initial ays-quiz-keyboard-label'>Hyper Tool Multi Language</label><label for='ays-answer-965549-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241889]' id='ays-answer-965550-8069' value='965550'/>
<label for='ays-answer-965550-8069' class=' ays_position_initial ays-quiz-keyboard-label'>Hyperlinks and Text Management Language</label><label for='ays-answer-965550-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241889]' id='ays-answer-965551-8069' value='965551'/>
<label for='ays-answer-965551-8069' class=' ays_position_initial ays-quiz-keyboard-label'>HyperText Markup Language</label><label for='ays-answer-965551-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241889]' id='ays-answer-965552-8069' value='965552'/>
<label for='ays-answer-965552-8069' class=' ays_position_initial ays-quiz-keyboard-label'>High-level Text Modeling Language</label><label for='ays-answer-965552-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_8069 === 'undefined'){
window.quizOptions_8069 = [];
}
window.quizOptions_8069['241889'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiOTY1NTQ5IjoiMCIsIjk2NTU1MCI6IjAiLCI5NjU1NTEiOiIxIiwiOTY1NTUyIjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>HTML là ngôn ngữ đánh dấu chuẩn được sử dụng để tạo các trang web. Tên đầy đủ của nó là HyperText Markup Language.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='241890'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>2 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 1</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 2: Mục đích chính của ngôn ngữ HTML là gì?</p>
</div>
<div class='ays-quiz-answers ays_list_view_container '>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241890]' id='ays-answer-965553-8069' value='965553'/>
<label for='ays-answer-965553-8069' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết kế giao diện đồ họa đẹp mắt cho trang web.</label><label for='ays-answer-965553-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241890]' id='ays-answer-965554-8069' value='965554'/>
<label for='ays-answer-965554-8069' class=' ays_position_initial ays-quiz-keyboard-label'>Cấu trúc và tổ chức nội dung của trang web.</label><label for='ays-answer-965554-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241890]' id='ays-answer-965555-8069' value='965555'/>
<label for='ays-answer-965555-8069' class=' ays_position_initial ays-quiz-keyboard-label'>Xử lý dữ liệu từ biểu mẫu trên trang web.</label><label for='ays-answer-965555-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div>
<div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
<input type='hidden' name='ays_answer_correct[]' value='0'/>
<input type='radio' name='ays_questions[ays-question-241890]' id='ays-answer-965556-8069' value='965556'/>
<label for='ays-answer-965556-8069' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo hiệu ứng động và tương tác cho trang web.</label><label for='ays-answer-965556-8069' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>
</div><script>
if(typeof window.quizOptions_8069 === 'undefined'){
window.quizOptions_8069 = [];
}
window.quizOptions_8069['241890'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiOTY1NTUzIjoiMCIsIjk2NTU1NCI6IjEiLCI5NjU1NTUiOiIwIiwiOTY1NTU2IjoiMCJ9fQ==';</script></div>
<div class='ays_buttons_div'>
<i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' />
<i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i>
<input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' />
</div>
<div class='wrong_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='right_answer_text ays_do_not_show' style='display:none'>
</div>
<div class='ays_questtion_explanation' style='display:none'>
<p>HTML được sử dụng để cấu trúc nội dung trên web, định nghĩa các phần tử như tiêu đề, đoạn văn, hình ảnh, liên kết.</p>
</div>
<div class='ays-quiz-additonal-box'>
</div>
</div>
</div><div class='step '
data-question-id='241891'
data-type='radio'
data-required='false'>
<p class='ays-question-counter animated'>3 / 30</p>
<div class='ays-abs-fs'>
<p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Category:</em>
<strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web</strong>
</p>
<p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'>
<em style='font-style:italic;font-size:0.8em;'>Tags:</em>
<strong style='font-size:0.8em;'>Bộ đề 1</strong>
</p>
<div class='ays_quiz_question'>
<p>Câu 3: Xem xét đoạn mã HTML sau: `<!DOCTYPE html><html><head><title>Tiêu đề trang
Chào mừng!
Đây là đoạn văn.
