Đề Trắc nghiệm Tin học 12 – Bài 12: Dự án nhỏ tạo trang web báo tường (Cánh Diều) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Cánh Diều. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường - Đề 01

1 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 1: Khi bắt đầu dự án tạo trang web báo tường, bước *quan trọng nhất* trong giai đoạn khởi động là gì?

Bắt đầu viết mã HTML ngay lập tức.

Thống nhất chủ đề, xác định đối tượng độc giả và lên ý tưởng nội dung.

Thiết kế giao diện trang web chi tiết trên giấy.

Phân công công việc kỹ thuật cho từng thành viên.

2 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 2: Trong dự án này, tệp dữ liệu HTML đóng vai trò chính là gì?

Định dạng màu sắc và phông chữ cho trang web.

Kiểm soát hành vi tương tác của người dùng.

Xây dựng cấu trúc và chứa nội dung (văn bản, hình ảnh, liên kết).

Tạo hiệu ứng động và âm thanh nền.

3 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 3: Để làm cho tiêu đề chính của báo tường (được đặt trong thẻ `

`) nổi bật với màu sắc và kích thước đặc biệt, các bạn cần sử dụng ngôn ngữ nào?

CSS

JavaScript

Python

Chỉ cần dùng HTML

4 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 4: Một nhóm muốn chèn một bức ảnh minh họa vào bài viết trên trang báo tường của mình. Thẻ HTML *phù hợp nhất* để thực hiện việc này là gì?

`<video>`

`<audio>`

`<p>`

`<img>`

5 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 5: Nhóm của bạn muốn tạo một danh sách các bài thơ trong báo tường. Mỗi bài thơ được đánh dấu bằng một gạch đầu dòng (bullet point). Loại danh sách HTML nào là *phù hợp nhất*?

Danh sách có thứ tự (`<ol>`)

Danh sách không có thứ tự (`<ul>`)

Danh sách định nghĩa (`<dl>`)

Bảng (`<table>`)

6 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 6: Để đảm bảo rằng trang web báo tường của nhóm bạn có bố cục nhất quán trên nhiều trang (nếu có), phương pháp nào để nhúng CSS là *hiệu quả và dễ quản lý nhất*?

CSS nội dòng (inline CSS) cho từng phần tử HTML.

CSS nội bộ (internal CSS) trong thẻ `<style>` ở phần `<head>` của mỗi trang.

CSS bên ngoài (external CSS) liên kết đến một tệp `.css` riêng.

Trộn lẫn cả ba phương pháp một cách ngẫu nhiên.

7 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 7: Một nhóm gặp vấn đề: văn bản trong các đoạn `

` của họ quá gần nhau. Thuộc tính CSS nào có thể giúp tăng khoảng cách giữa các dòng văn bản?

`line-height`

`text-align`

`margin`

`padding`

8 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 8: Tại sao việc kết hợp đa dạng các kênh thông tin (văn bản, hình ảnh, âm thanh, biểu mẫu) lại là một yêu cầu *quan trọng* của dự án này?

Để làm cho kích thước tệp trang web lớn hơn.

Chỉ để chứng minh khả năng sử dụng nhiều thẻ HTML khác nhau.

Vì chỉ có văn bản là không đủ để tạo nội dung.

Để tăng tính sinh động, hấp dẫn và truyền tải thông tin hiệu quả hơn.

9 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 9: Trong giai đoạn triển khai dự án, nhóm của bạn cần tập trung vào những công việc kỹ thuật chính nào?

Viết mã HTML để tạo cấu trúc và nội dung, viết mã CSS để định dạng.

Chỉ thu thập nội dung (bài viết, ảnh) mà không cần viết mã.

Luyện tập kỹ năng thuyết trình cho bài báo cáo.

Thiết kế bìa cho báo tường trên giấy.

10 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 10: Tiêu chí đánh giá 'Hình thức trình bày đẹp và bố cục hợp lý nhờ áp dụng CSS' nhấn mạnh điều gì về vai trò của CSS trong dự án?

Khả năng sử dụng nhiều thuộc tính CSS phức tạp.

Ứng dụng CSS để tạo giao diện hấp dẫn và sắp xếp nội dung logic.

Việc viết mã CSS càng ngắn gọn càng tốt.

Số lượng tệp CSS được sử dụng.

11 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 11: Giả sử nhóm của bạn muốn tạo một liên kết từ trang chủ đến trang 'Thơ' trong báo tường của mình. Thẻ HTML nào được sử dụng để tạo liên kết và thuộc tính nào chỉ định địa chỉ đích?

`<link>`, thuộc tính `src`

`<nav>`, thuộc tính `link`

`<a>`, thuộc tính `href`

`<url>`, thuộc tính `address`

12 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 12: Khi chuẩn bị bài trình chiếu giới thiệu kết quả dự án, nhóm bạn cần lưu ý điều gì để đáp ứng yêu cầu về 'kĩ năng thuyết trình tốt'?

Chỉ cần chiếu trang web lên màn hình mà không cần nói gì thêm.

Đọc lại toàn bộ nội dung trên trang web.

Để một người duy nhất trong nhóm trình bày toàn bộ.

Phân công vai trò trình bày cho các thành viên và luyện tập trước.

13 / 30

Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường

Tags: Bộ đề 01

Câu 13: Nếu nhóm của bạn muốn thêm một biểu mẫu (form) để độc giả gửi ý kiến đóng góp, các bạn sẽ sử dụng các thẻ HTML nào là chủ yếu để tạo các trường nhập liệu (ví dụ: ô nhập tên, ô nhập nội dung)?

`<form>`, `<input>`, `<textarea>`

`<table>`, `<tr>`, `<td>`

`<div>`, `<span>`, `<a>`

`<img>`, `<audio>`, `<video>`

Trong HTML, thẻ `

` được dùng để bao bọc các phần tử của biểu mẫu. Các thẻ như `` (cho ô nhập văn bản, nút radio, checkbox...), `

` (cho vùng văn bản lớn), `<select>` (cho danh sách chọn) được sử dụng để tạo các trường nhập liệu.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827036'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>14 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 14: Thời gian thực hiện dự án được phân bổ thành ba giai đoạn. Việc chia nhỏ dự án thành các giai đoạn như vậy mang lại lợi ích chính nào cho quá trình học tập và làm việc nhóm?</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'/>

<label for='ays-answer-3338637-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Giúp hoàn thành dự án nhanh hơn so với làm một lèo.</label><label for='ays-answer-3338637-27714' 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'/>

<label for='ays-answer-3230157-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Giúp hoàn thành dự án nhanh hơn so với làm một lèo.</label><label for='ays-answer-3230157-27714' 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'/>

<label for='ays-answer-3338638-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Giúp quản lý công việc, theo dõi tiến độ và phân công nhiệm vụ hiệu quả hơn.</label><label for='ays-answer-3338638-27714' 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'/>

<label for='ays-answer-3230158-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Giúp quản lý công việc, theo dõi tiến độ và phân công nhiệm vụ hiệu quả hơn.</label><label for='ays-answer-3230158-27714' 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'/>

<label for='ays-answer-3338639-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Bắt buộc phải hoàn thành mỗi giai đoạn trong một tiết học.</label><label for='ays-answer-3338639-27714' 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'/>

<label for='ays-answer-3230159-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Bắt buộc phải hoàn thành mỗi giai đoạn trong một tiết học.</label><label for='ays-answer-3230159-27714' 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'/>

<label for='ays-answer-3338640-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ là cách tổ chức bài học, không ảnh hưởng đến kết quả dự án.</label><label for='ays-answer-3338640-27714' 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'/>

<label for='ays-answer-3230160-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ là cách tổ chức bài học, không ảnh hưởng đến kết quả dự án.</label><label for='ays-answer-3230160-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827036'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODYzNyI6IjAiLCIzMjMwMTU3IjoiMCIsIjMzMzg2MzgiOiIxIiwiMzIzMDE1OCI6IjEiLCIzMzM4NjM5IjoiMCIsIjMyMzAxNTkiOiIwIiwiMzMzODY0MCI6IjAiLCIzMjMwMTYwIjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Chia dự án thành các giai đoạn giúp quản lý công việc dễ dàng hơn, theo dõi tiến độ, phân công nhiệm vụ cụ thể cho từng giai đoạn, và có thời điểm để đánh giá, điều chỉnh.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827037'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>15 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 15: Giả sử nhóm bạn đã hoàn thành tệp HTML và CSS nhưng khi mở tệp HTML trên trình duyệt, trang web không hiển thị đúng định dạng như mong muốn. Bước kiểm tra *đầu tiên* nên làm là gì?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3338642-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Kiểm tra lại nội dung văn bản trong HTML.</label><label for='ays-answer-3338642-27714' 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'/>

<label for='ays-answer-3230162-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Kiểm tra lại nội dung văn bản trong HTML.</label><label for='ays-answer-3230162-27714' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827037'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY0MSI6IjAiLCIzMjMwMTYxIjoiMCIsIjMzMzg2NDIiOiIwIiwiMzIzMDE2MiI6IjAiLCIzMzM4NjQzIjoiMSIsIjMyMzAxNjMiOiIxIiwiMzMzODY0NCI6IjAiLCIzMjMwMTY0IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Lỗi thường gặp là tệp CSS không được liên kết đúng cách với tệp HTML. Kiểm tra đường dẫn trong thẻ `<link>` (nếu dùng external CSS) hoặc cú pháp trong thẻ `</p>
<style>` (nếu dùng internal CSS) là bước khắc phục sự cố cơ bản.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827038'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>16 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 16: Tiêu chí đánh giá 'Sử dụng và kết hợp các phần tử HTML để tạo trang web đa dạng thông tin' đánh giá khả năng nào của học sinh?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3338646-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng thiết kế đồ họa cho trang web.</label><label for='ays-answer-3338646-27714' 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'/>

<label for='ays-answer-3230166-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng thiết kế đồ họa cho trang web.</label><label for='ays-answer-3230166-27714' 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'/>

<label for='ays-answer-3338647-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng tìm kiếm thông tin trên mạng.</label><label for='ays-answer-3338647-27714' 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'/>

<label for='ays-answer-3230167-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng tìm kiếm thông tin trên mạng.</label><label for='ays-answer-3230167-27714' 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'/>

<label for='ays-answer-3338648-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng ứng dụng các thẻ HTML phù hợp để tổ chức và hiển thị nội dung phong phú.</label><label for='ays-answer-3338648-27714' 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'/>

<label for='ays-answer-3230168-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng ứng dụng các thẻ HTML phù hợp để tổ chức và hiển thị nội dung phong phú.</label><label for='ays-answer-3230168-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827038'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY0NSI6IjAiLCIzMjMwMTY1IjoiMCIsIjMzMzg2NDYiOiIwIiwiMzIzMDE2NiI6IjAiLCIzMzM4NjQ3IjoiMCIsIjMyMzAxNjciOiIwIiwiMzMzODY0OCI6IjEiLCIzMjMwMTY4IjoiMSJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Tiêu chí này tập trung vào việc học sinh có hiểu và sử dụng được các thẻ HTML khác nhau (tiêu đề, đoạn văn, danh sách, hình ảnh, liên kết, v.v.) để trình bày các loại nội dung khác nhau trên trang web hay không.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827039'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>17 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 17: Trong HTML, thẻ nào được sử dụng để tạo một tiêu đề phụ, có kích thước nhỏ hơn tiêu đề chính `</p>
<h1>` nhưng vẫn lớn hơn văn bản thông thường?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827039'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY0OSI6IjAiLCIzMjMwMTY5IjoiMCIsIjMzMzg2NTAiOiIxIiwiMzIzMDE3MCI6IjEiLCIzMzM4NjUxIjoiMCIsIjMyMzAxNzEiOiIwIiwiMzMzODY1MiI6IjAiLCIzMjMwMTcyIjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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 cung cấp các thẻ tiêu đề từ `</p>
<h1>` (lớn nhất) đến `</p>
<h6>` (nhỏ nhất). `</p>
<h2>` là tiêu đề cấp 2, nhỏ hơn `</p>
<h1>` nhưng lớn hơn các cấp thấp hơn và văn bản bình thường.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827040'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>18 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 18: Nhóm của bạn muốn tạo một khối văn bản đặc biệt (ví dụ: lời giới thiệu về nhóm) tách biệt với các đoạn văn khác và có viền xung quanh bằng CSS. Thẻ HTML nào thường được sử dụng để nhóm các phần tử lại thành một khối độc lập cho mục đích định dạng?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827040'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY1MyI6IjEiLCIzMjMwMTczIjoiMSIsIjMzMzg2NTQiOiIwIiwiMzIzMDE3NCI6IjAiLCIzMzM4NjU1IjoiMCIsIjMyMzAxNzUiOiIwIiwiMzMzODY1NiI6IjAiLCIzMjMwMTc2IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `</p>
<div>` là một thẻ khối (block-level element) thường được sử dụng làm 'container' để nhóm các phần tử HTML khác lại với nhau, cho phép áp dụng CSS để định dạng cho toàn bộ khối đó.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827041'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>19 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 19: Để đặt màu nền cho toàn bộ trang web báo tường, thuộc tính CSS nào cần được sử dụng và áp dụng cho phần tử HTML nào?</p>

<label for='ays-answer-3338657-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`color`, áp dụng cho `<body>`</label><label for='ays-answer-3338657-27714' 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'/>

<label for='ays-answer-3230177-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`color`, áp dụng cho `<body>`</label><label for='ays-answer-3230177-27714' 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'/>

<label for='ays-answer-3338658-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`background-image`, áp dụng cho `<html>`</label><label for='ays-answer-3338658-27714' 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'/>

<label for='ays-answer-3230178-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`background-image`, áp dụng cho `<html>`</label><label for='ays-answer-3230178-27714' 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'/>

<label for='ays-answer-3338659-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`border-color`, áp dụng cho `<p>`</label><label for='ays-answer-3338659-27714' 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'/>

<label for='ays-answer-3230179-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`border-color`, áp dụng cho `<p>`</label><label for='ays-answer-3230179-27714' 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'/>

<label for='ays-answer-3338660-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`background-color`, áp dụng cho `<body>`</label><label for='ays-answer-3338660-27714' 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'/>

<label for='ays-answer-3230180-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`background-color`, áp dụng cho `<body>`</label><label for='ays-answer-3230180-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827041'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY1NyI6IjAiLCIzMjMwMTc3IjoiMCIsIjMzMzg2NTgiOiIwIiwiMzIzMDE3OCI6IjAiLCIzMzM4NjU5IjoiMCIsIjMyMzAxNzkiOiIwIiwiMzMzODY2MCI6IjEiLCIzMjMwMTgwIjoiMSJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thuộc tính `background-color` được sử dụng để đặt màu nền. Nó thường được áp dụng cho phần tử `<body>` vì `<body>` chứa toàn bộ nội dung hiển thị của trang.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827042'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>20 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 20: Yêu cầu 'Bài trình chiếu có nội dung đáp ứng yêu cầu' trong tiêu chí đánh giá có ý nghĩa gì?</p>

<label for='ays-answer-3338661-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Nội dung trình chiếu phải giới thiệu được quá trình làm việc, sản phẩm và những điểm nổi bật của nhóm.</label><label for='ays-answer-3338661-27714' 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'/>

<label for='ays-answer-3230181-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Nội dung trình chiếu phải giới thiệu được quá trình làm việc, sản phẩm và những điểm nổi bật của nhóm.</label><label for='ays-answer-3230181-27714' 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'/>

<label for='ays-answer-3338662-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ cần có hình ảnh đẹp trong bài trình chiếu.</label><label for='ays-answer-3338662-27714' 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'/>

<label for='ays-answer-3230182-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ cần có hình ảnh đẹp trong bài trình chiếu.</label><label for='ays-answer-3230182-27714' 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'/>

<label for='ays-answer-3338663-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Nội dung trình chiếu phải là toàn bộ mã HTML và CSS.</label><label for='ays-answer-3338663-27714' 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'/>

<label for='ays-answer-3230183-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Nội dung trình chiếu phải là toàn bộ mã HTML và CSS.</label><label for='ays-answer-3230183-27714' 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'/>

<label for='ays-answer-3338664-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Không quan trọng nội dung, chỉ cần trình chiếu đẹp mắt.</label><label for='ays-answer-3338664-27714' 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'/>

<label for='ays-answer-3230184-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Không quan trọng nội dung, chỉ cần trình chiếu đẹp mắt.</label><label for='ays-answer-3230184-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827042'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY2MSI6IjEiLCIzMjMwMTgxIjoiMSIsIjMzMzg2NjIiOiIwIiwiMzIzMDE4MiI6IjAiLCIzMzM4NjYzIjoiMCIsIjMyMzAxODMiOiIwIiwiMzMzODY2NCI6IjAiLCIzMjMwMTg0IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Nội dung của bài trình chiếu cần thể hiện được quá trình làm việc của nhóm, giới thiệu được sản phẩm (trang web báo tường) một cách đầy đủ, làm nổi bật những điểm chính và sáng tạo của nhóm.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827043'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>21 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 21: Một nhóm muốn tạo một khoảng trống lớn giữa tiêu đề trang và phần nội dung đầu tiên. Thuộc tính CSS nào có thể được sử dụng để thêm khoảng trống *bên ngoài* một phần tử?</p>

<label for='ays-answer-3338665-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3338665-27714' 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'/>

<label for='ays-answer-3230185-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3230185-27714' 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'/>

<label for='ays-answer-3338666-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3338666-27714' 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'/>

<label for='ays-answer-3230186-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-3230186-27714' 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'/>

<label for='ays-answer-3338667-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3338667-27714' 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'/>

<label for='ays-answer-3230187-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3230187-27714' 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'/>

<label for='ays-answer-3338668-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`width`</label><label for='ays-answer-3338668-27714' 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'/>

<label for='ays-answer-3230188-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`width`</label><label for='ays-answer-3230188-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827043'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY2NSI6IjAiLCIzMjMwMTg1IjoiMCIsIjMzMzg2NjYiOiIwIiwiMzIzMDE4NiI6IjAiLCIzMzM4NjY3IjoiMSIsIjMyMzAxODciOiIxIiwiMzMzODY2OCI6IjAiLCIzMjMwMTg4IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>`margin` là thuộc tính CSS được sử dụng để tạo khoảng trống bên ngoài đường viền của một phần tử, đẩy các phần tử khác ra xa nó.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827044'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>22 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 22: Tại sao việc kiểm tra và chạy thử trang web trên trình duyệt trong quá trình phát triển lại là một bước *không thể thiếu*?</p>

<label for='ays-answer-3338669-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ để xem sản phẩm đã hoàn thành chưa.</label><label for='ays-answer-3338669-27714' 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'/>

<label for='ays-answer-3230189-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ để xem sản phẩm đã hoàn thành chưa.</label><label for='ays-answer-3230189-27714' 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'/>

<label for='ays-answer-3338670-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Vì trình duyệt tự động sửa lỗi mã.</label><label for='ays-answer-3338670-27714' 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'/>

<label for='ays-answer-3230190-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Vì trình duyệt tự động sửa lỗi mã.</label><label for='ays-answer-3230190-27714' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3338672-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Để phát hiện và sửa các lỗi hiển thị, bố cục, hoặc cú pháp trên trình duyệt.</label><label for='ays-answer-3338672-27714' 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'/>

<label for='ays-answer-3230192-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Để phát hiện và sửa các lỗi hiển thị, bố cục, hoặc cú pháp trên trình duyệt.</label><label for='ays-answer-3230192-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827044'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY2OSI6IjAiLCIzMjMwMTg5IjoiMCIsIjMzMzg2NzAiOiIwIiwiMzIzMDE5MCI6IjAiLCIzMzM4NjcxIjoiMCIsIjMyMzAxOTEiOiIwIiwiMzMzODY3MiI6IjEiLCIzMjMwMTkyIjoiMSJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Trình duyệt là môi trường mà người dùng cuối sẽ xem trang web. Việc chạy thử giúp phát hiện lỗi cú pháp HTML/CSS, kiểm tra bố cục, định dạng, và đảm bảo mọi thứ hiển thị đúng như mong muốn trước khi hoàn thành sản phẩm.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827045'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>23 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 23: Nhóm của bạn đã tạo một tệp CSS riêng (`style.css`) và muốn liên kết nó với tệp HTML (`index.html`). Đoạn mã HTML nào *đúng* để thực hiện việc này trong phần `<head>` của tệp `index.html`?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827045'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY3MyI6IjAiLCIzMjMwMTkzIjoiMCIsIjMzMzg2NzQiOiIxIiwiMzIzMDE5NCI6IjEiLCIzMzM4Njc1IjoiMCIsIjMyMzAxOTUiOiIwIiwiMzMzODY3NiI6IjAiLCIzMjMwMTk2IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `<link>` được sử dụng để liên kết các tài nguyên bên ngoài, bao gồm tệp CSS. Thuộc tính `rel='stylesheet'` chỉ định mối quan hệ là bảng định kiểu, và `href='style.css'` chỉ định đường dẫn đến tệp CSS.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827046'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>24 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 24: Trong giai đoạn 2 của dự án, yêu cầu 'triển khai một phần trong giờ học và tự hoàn thiện phần còn lại ngoài giờ học' thể hiện điều gì về tính chất của dự án này?</p>

<label for='ays-answer-3338677-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Dự án chỉ có thể hoàn thành nếu làm thêm ở nhà.</label><label for='ays-answer-3338677-27714' 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'/>

<label for='ays-answer-3230197-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Dự án chỉ có thể hoàn thành nếu làm thêm ở nhà.</label><label for='ays-answer-3230197-27714' 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'/>

<label for='ays-answer-3338678-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Giáo viên không đủ thời gian hướng dẫn trên lớp.</label><label for='ays-answer-3338678-27714' 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'/>

<label for='ays-answer-3230198-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Giáo viên không đủ thời gian hướng dẫn trên lớp.</label><label for='ays-answer-3230198-27714' 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'/>

<label for='ays-answer-3338679-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Dự án khuyến khích tính tự học, tự nghiên cứu và làm việc nhóm ngoài giờ học.</label><label for='ays-answer-3338679-27714' 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'/>

<label for='ays-answer-3230199-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Dự án khuyến khích tính tự học, tự nghiên cứu và làm việc nhóm ngoài giờ học.</label><label for='ays-answer-3230199-27714' 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'/>

<label for='ays-answer-3338680-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Phần làm trên lớp là không quan trọng.</label><label for='ays-answer-3338680-27714' 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'/>

<label for='ays-answer-3230200-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Phần làm trên lớp là không quan trọng.</label><label for='ays-answer-3230200-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827046'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY3NyI6IjAiLCIzMjMwMTk3IjoiMCIsIjMzMzg2NzgiOiIwIiwiMzIzMDE5OCI6IjAiLCIzMzM4Njc5IjoiMSIsIjMyMzAxOTkiOiIxIiwiMzMzODY4MCI6IjAiLCIzMjMwMjAwIjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Yêu cầu này cho thấy dự án không chỉ giới hạn trong thời gian trên lớp mà còn đòi hỏi học sinh chủ động tìm tòi, thực hành và hoàn thiện sản phẩm của mình ngoài giờ học.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827047'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>25 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 25: Nhóm của bạn muốn thêm một đoạn âm thanh (ví dụ: bài hát của lớp) vào trang web. Thẻ HTML nào được sử dụng để nhúng tệp âm thanh?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3338684-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`<embed>` (thẻ cũ, ít dùng cho âm thanh hiện đại)</label><label for='ays-answer-3338684-27714' 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'/>

<label for='ays-answer-3230204-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`<embed>` (thẻ cũ, ít dùng cho âm thanh hiện đại)</label><label for='ays-answer-3230204-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827047'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY4MSI6IjEiLCIzMjMwMjAxIjoiMSIsIjMzMzg2ODIiOiIwIiwiMzIzMDIwMiI6IjAiLCIzMzM4NjgzIjoiMCIsIjMyMzAyMDMiOiIwIiwiMzMzODY4NCI6IjAiLCIzMjMwMjA0IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `<audio>` trong HTML5 được sử dụng để nhúng nội dung âm thanh. Thuộc tính `controls` thêm các điều khiển phát lại mặc định của trình duyệt.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827048'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>26 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 26: Để tạo một khoảng trống *bên trong* đường viền của một phần tử (ví dụ: tạo khoảng cách giữa nội dung văn bản và đường viền của khối `</p>
<div>`), thuộc tính CSS nào cần sử dụng?</p>

<label for='ays-answer-3338685-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3338685-27714' 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'/>

<label for='ays-answer-3230205-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-3230205-27714' 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'/>

<label for='ays-answer-3338686-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3338686-27714' 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'/>

<label for='ays-answer-3230206-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-3230206-27714' 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'/>

<label for='ays-answer-3338687-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`border-spacing`</label><label for='ays-answer-3338687-27714' 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'/>

<label for='ays-answer-3230207-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`border-spacing`</label><label for='ays-answer-3230207-27714' 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'/>

<label for='ays-answer-3230208-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`text-indent`</label><label for='ays-answer-3230208-27714' 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'/>

<label for='ays-answer-3338688-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`text-indent`</label><label for='ays-answer-3338688-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827048'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzMzODY4NSI6IjAiLCIzMjMwMjA1IjoiMCIsIjMzMzg2ODYiOiIxIiwiMzIzMDIwNiI6IjEiLCIzMzM4Njg3IjoiMCIsIjMyMzAyMDciOiIwIiwiMzIzMDIwOCI6IjAiLCIzMzM4Njg4IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>`padding` là thuộc tính CSS được sử dụng để tạo khoảng trống bên trong đường viền của một phần tử, giữa nội dung và đường viền.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827049'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>27 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 27: Khi thiết kế bố cục trang web bằng CSS, khái niệm 'Box Model' (Mô hình hộp) là *cơ bản và quan trọng* vì nó giúp hiểu rõ cách các phần tử HTML chiếm không gian trên trang. 'Box Model' bao gồm những thành phần chính nào?</p>

<label for='ays-answer-3230209-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Màu sắc, phông chữ, kích thước.</label><label for='ays-answer-3230209-27714' 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'/>

<label for='ays-answer-3338689-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Màu sắc, phông chữ, kích thước.</label><label for='ays-answer-3338689-27714' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3230211-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Content, Padding, Border, Margin.</label><label for='ays-answer-3230211-27714' 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'/>

<label for='ays-answer-3338691-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Content, Padding, Border, Margin.</label><label for='ays-answer-3338691-27714' 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'/>

<label for='ays-answer-3230212-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>HTML, CSS, JavaScript.</label><label for='ays-answer-3230212-27714' 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'/>

<label for='ays-answer-3338692-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>HTML, CSS, JavaScript.</label><label for='ays-answer-3338692-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827049'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzMDIwOSI6IjAiLCIzMzM4Njg5IjoiMCIsIjMyMzAyMTAiOiIwIiwiMzMzODY5MCI6IjAiLCIzMjMwMjExIjoiMSIsIjMzMzg2OTEiOiIxIiwiMzIzMDIxMiI6IjAiLCIzMzM4NjkyIjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Mô hình hộp CSS mô tả cách mỗi phần tử HTML được biểu diễn dưới dạng một hộp hình chữ nhật, bao gồm: nội dung (content), khoảng đệm (padding), đường viền (border), và lề ngoài (margin).</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827050'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>28 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 28: Tại sao việc phân công công việc rõ ràng giữa các thành viên trong nhóm lại *cần thiết* cho sự thành công của dự án báo tường?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3230214-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Để mỗi người chỉ cần làm một phần rất nhỏ.</label><label for='ays-answer-3230214-27714' 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'/>

<label for='ays-answer-3338694-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Để mỗi người chỉ cần làm một phần rất nhỏ.</label><label for='ays-answer-3338694-27714' 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'/>

<label for='ays-answer-3230215-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Vì chỉ có một số ít thành viên biết làm web.</label><label for='ays-answer-3230215-27714' 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'/>

<label for='ays-answer-3338695-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Vì chỉ có một số ít thành viên biết làm web.</label><label for='ays-answer-3338695-27714' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827050'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzMDIxMyI6IjEiLCIzMzM4NjkzIjoiMSIsIjMyMzAyMTQiOiIwIiwiMzMzODY5NCI6IjAiLCIzMjMwMjE1IjoiMCIsIjMzMzg2OTUiOiIwIiwiMzIzMDIxNiI6IjAiLCIzMzM4Njk2IjoiMCJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Phân công công việc giúp tận dụng thế mạnh của từng thành viên, đảm bảo mọi phần việc được thực hiện, tránh chồng chéo hoặc bỏ sót, từ đó tăng hiệu quả làm việc nhóm và đảm bảo dự án hoàn thành đúng thời hạn.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827051'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>29 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 29: Một nhóm muốn tất cả các đoạn văn (`</p>
<p>`) trên trang báo tường của họ có màu chữ là màu xanh lá cây. Họ nên viết quy tắc CSS như thế nào?</p>

<label for='ays-answer-3230217-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`<p> { font-color: green; }`</label><label for='ays-answer-3230217-27714' 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'/>

<label for='ays-answer-3338697-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`<p> { font-color: green; }`</label><label for='ays-answer-3338697-27714' 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'/>

<label for='ays-answer-3230218-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`paragraph { color: green; }`</label><label for='ays-answer-3230218-27714' 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'/>

<label for='ays-answer-3338698-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`paragraph { color: green; }`</label><label for='ays-answer-3338698-27714' 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'/>

<label for='ays-answer-3230219-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`p.all { color: green; }`</label><label for='ays-answer-3230219-27714' 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'/>

<label for='ays-answer-3338699-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`p.all { color: green; }`</label><label for='ays-answer-3338699-27714' 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'/>

<label for='ays-answer-3230220-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`p { color: green; }`</label><label for='ays-answer-3230220-27714' 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'/>

<label for='ays-answer-3338700-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>`p { color: green; }`</label><label for='ays-answer-3338700-27714' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827051'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzMDIxNyI6IjAiLCIzMzM4Njk3IjoiMCIsIjMyMzAyMTgiOiIwIiwiMzMzODY5OCI6IjAiLCIzMjMwMjE5IjoiMCIsIjMzMzg2OTkiOiIwIiwiMzIzMDIyMCI6IjEiLCIzMzM4NzAwIjoiMSJ9fQ==';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Để chọn tất cả các phần tử `</p>
<p>`, sử dụng selector `p`. Thuộc tính `color` được dùng để đặt màu chữ.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='827052'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>30 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 01</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 30: Giả sử nhóm của bạn đã hoàn thành trang web và bài trình chiếu. Bước cuối cùng trong giai đoạn kết thúc dự án (trình bày và đánh giá) là gì, theo yêu cầu của bài học?</p>

<label for='ays-answer-3230221-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Các nhóm trình bày sản phẩm (trang web và bài trình chiếu) và nhận đánh giá.</label><label for='ays-answer-3230221-27714' 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'/>

<label for='ays-answer-3338701-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Các nhóm trình bày sản phẩm (trang web và bài trình chiếu) và nhận đánh giá.</label><label for='ays-answer-3338701-27714' 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'/>

<label for='ays-answer-3230222-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Nộp lại mã nguồn HTML và CSS cho giáo viên.</label><label for='ays-answer-3230222-27714' 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'/>

<label for='ays-answer-3338702-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Nộp lại mã nguồn HTML và CSS cho giáo viên.</label><label for='ays-answer-3338702-27714' 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'/>

<label for='ays-answer-3230223-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chia sẻ trang web lên mạng xã hội.</label><label for='ays-answer-3230223-27714' 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'/>

<label for='ays-answer-3338703-27714' class='  ays_position_initial  ays-quiz-keyboard-label'>Chia sẻ trang web lên mạng xã hội.</label><label for='ays-answer-3338703-27714' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_27714 === 'undefined'){
                window.quizOptions_27714 = [];
            }
            window.quizOptions_27714['827052'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIzMDIyMSI6IjEiLCIzMzM4NzAxIjoiMSIsIjMyMzAyMjIiOiIwIiwiMzMzODcwMiI6IjAiLCIzMjMwMjIzIjoiMCIsIjMzMzg3MDMiOiIwIiwiMzIzMDIyNCI6IjAiLCIzMzM4NzA0IjoiMCJ9fQ==';</script></div>
                            
                            
                                    <style>
            .validate-quiz {
                display: flex;
                align-items: center;
                justify-content: center;
            }

.validate-quiz a {
                border-radius: 30px;
                /* height: 40px; */
                background: #5390f5;
                color: #fff;
                text-decoration: unset;
                padding: 10px 20px;

}

.validate-quiz input {
                margin: 0 !important;
            }
            .form-kw-hub {
                background: #fff;
                border: 1px solid #ddd;
                padding: 16px;
                border-radius: 12px;
                text-align:left;
                margin: 20px auto;
                box-shadow: 0 2px 10px rgba(0,0,0,0.05);
                font-family: Arial, sans-serif;
            }

.keyword-hub-guide {
                margin-bottom: 15px;
            }
            .validate-quiz-inner {
                display: flex;
                gap: 10px;
                background: #fff;
                box-shadow: 0 0 10px #ccc;
                margin: 10px auto;
                width: 500px;
                border-radius: 30px;
                padding: 5px;
                justify-content: space-between;
                align-items:center;
                overflow:hidden;
            }

.validate-quiz-inner input[type=text] {
                border: 0 !important;
                font-size: 16px !important;
            }

.keyword-item span {
                font-weight: bold;
                font-size: 16px;
            }

.copy-keyword-btn {
                color: #000;
                padding: 5px 5px 0;
                border-radius: 6px;
                text-decoration: none;
                transition: background 0.3s;
                text-transform: capitalize;
                font-weight: bold;
                font-size: 12px;
                position: fixed;
                margin-left: 5px;
                border: 1px solid #888;
            }

.copy-keyword-btn:hover {
                background: #005f8d;
            }

.validate-quiz {
                display: flex;
                gap: 10px;
                align-items: center;
            }

.validate-quiz input[type="text"] {
                flex: 1;
                padding: 8px 12px;
                border-radius: 6px;
                border: 1px solid #ccc;
            }
            a.get_new_mission {
                padding: 8px 25px;
                line-height: 0;
                border-radius: 30px;
                background-color: #fff0;
                text-transform: uppercase;
                color: #4285f4;
                border: 1px solid #4285f4;
                transition: all 0.2s;
                cursor: pointer;
                margin-left: 15px;
                font-size: 16px;
                text-decoration: unset;
            }

.submit-btn {
                background: #28a745;
                color: white;
                padding: 8px 16px;
                border-radius: 6px;
                text-decoration: none;
                cursor: pointer;
                transition: background 0.3s;
            }

.submit-btn:hover {
                background: #218838;
            }
            a.copy-keyword-btn:active, a.copy-keyword-btn:hover {
                color: #fff;
                
            }
            a#submit_kw_hub {
                cursor: pointer;
            }
            @keyframes ld-spin {
                0% {
                    animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297);
                    transform: rotate(0)
                }

100% {
                    transform: rotate(360deg)
                }
            }

.ld.ld-spin {
                animation: ld-spin 1s infinite linear
            }

@keyframes ld-cycle {
                0% {
                    animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667);
                    transform: rotate(0)
                }

100% {
                    transform: rotate(360deg)
                }
            }

.ld.ld-cycle {
                animation: ld-cycle 1s infinite linear
            }
            @media(max-width: 991px){
                .form-kw-hub p {
                    margin: 0 !important;
                }
            }
        </style>
        <link data-minify="1"
          rel="stylesheet" type="text/css"
          href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781"
        />

<a id="view_result_hub_27714" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a>
        <div class="form-kw-hub ld-over" id="form-kw-hub_27714" style="display:none" data-id="30" data-quiz_id="27714">
            <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div>
            <div class="keyword-hub-title keyword-item">
                <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3>
            </div>
            <div class="validate-quiz">
                <div class="validate-quiz-inner">
                    <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_27714" maxlength="10" />
                    <input type="hidden" value="" id="kw-id_27714" />
                    <a id="submit_kw_hub_27714" class="submit_kw_hub">Nhận kết quả</a>
                </div>
                <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div>
            </div>

<p>
                <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br>
                <strong id="keyword-content_27714" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;">
                    
                </strong>
               
                <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a>
               
                <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" />
                
            </p>
            </br>
            <p>
                <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
                
            </p>
            
            <p style="border: 1px solid red;"><div class="keyword-hub-guide">
                <img decoding="async" id="kw_guide_image_27714" alt="" src="" />
            </div>
            </p>
            <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p>
            </br>
            <div id="step_3_27714">
                <p><strong style="color: #c12c31;">Bước 3:</strong> </p>
                Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:
            </div>
            
            <p style="text-align: center;">
                <img decoding="async"
                    class="kw_get_pass_27714"
                    id="kw_get_pass_27714"
                    style="max-width: 300px; border: 1px dashed red; display: inline-block;"
                    
                    src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg"
                    alt="luot-xem"
                />
            </p>
            </br>
            <p>Nếu tìm không thấy mã bạn có thể 
                    <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_27714">Đổi nhiệm vụ
                    <span class="ld ld-ring ld-spin"></span>
                    </a> 
                để lấy mã khác. </p>
        </div>
        <input type="submit" name="ays_finish_quiz" class="  ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_27714" style="display:none">
        <input type="hidden" value="27714" name="current_active_quiz_id" id="current_active_quiz_id_27714" />
        <script>
            
            // setTimeout(function() {
            //     var submitButton = document.querySelector('#btn_ays_finish_quiz_27714');
            //     if (submitButton) {
            //         submitButton.remove();
            //     }
            // }, 2400000);
        </script>

<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>Giai đoạn kết thúc bao gồm việc các nhóm trình bày sản phẩm và quá trình làm việc của mình trước lớp, sau đó nhận đánh giá từ giáo viên và có thể là từ các nhóm khác.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step ays_thank_you_fs'>
            <div class='ays-abs-fs ays-end-page'>
            <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-27714 * { box-sizing: border-box; } #ays-quiz-container-27714 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-27714 #ays_finish_quiz_27714 { } /* Styles for Quiz container */ #ays-quiz-container-27714{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-27714 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-27714 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-27714.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-27714.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-27714 #ays_finish_quiz_27714 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-27714.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container p, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-27714.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-27714 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-27714 .ays-quiz-password-message-box, #ays-quiz-container-27714 .ays-quiz-question-note-message-box, #ays-quiz-container-27714 .ays_quiz_question, #ays-quiz-container-27714 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-27714 textarea, #ays-quiz-container-27714 input::first-letter, #ays-quiz-container-27714 select::first-letter, #ays-quiz-container-27714 option::first-letter { color: initial !important; } #ays-quiz-container-27714 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-27714 .select2-container, #ays-quiz-container-27714 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-27714 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-27714 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-27714 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-27714 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-27714 .ays-questions-container .ays-field, div#ays-quiz-container-27714 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-27714 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-27714 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-27714 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-27714 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-27714 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-27714 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-27714 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-27714 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-27714 .information_form input[type='text'], #ays-quiz-container-27714 .information_form input[type='url'], #ays-quiz-container-27714 .information_form input[type='number'], #ays-quiz-container-27714 .information_form input[type='email'], #ays-quiz-container-27714 .information_form input[type='tel'], #ays-quiz-container-27714 .information_form textarea, #ays-quiz-container-27714 .information_form select, #ays-quiz-container-27714 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-27714 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-27714 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-27714 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-27714 .right_answer_text{ color:#33cc33; } #ays-quiz-container-27714 .right_answer_text p { font-size:16px; } #ays-quiz-container-27714 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-27714 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-27714 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27714 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27714 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27714 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27714 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27714 .ays_cb_and_a, #ays-quiz-container-27714 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-27714 iframe { /*min-height: 450px;*/ } #ays-quiz-container-27714 label.ays_for_checkbox, #ays-quiz-container-27714 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-27714 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-27714 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-27714 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-27714 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-27714 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-27714 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-27714 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-27714 div.lds-spinner, #ays-quiz-container-27714 div.lds-spinner2 { color: #000000; } #ays-quiz-container-27714 div.lds-spinner div:after, #ays-quiz-container-27714 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-27714 .lds-circle, #ays-quiz-container-27714 .lds-facebook div, #ays-quiz-container-27714 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-27714 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-27714 .lds-dual-ring::after, #ays-quiz-container-27714 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-27714 .ui.rating .icon, #ays-quiz-container-27714 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-27714 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-27714 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-27714 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-27714 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-27714 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-27714 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-27714 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-27714 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-27714 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-27714 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-27714 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-27714 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-27714 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-27714 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-27714 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-27714 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-27714 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-27714 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-27714 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-27714 div.ays-quiz-redirection-timer, #ays-quiz-container-27714 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-27714 div.ays-quiz-after-timer * , #ays-quiz-container-27714 div.ays-quiz-redirection-timer *, #ays-quiz-container-27714 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-27714 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-27714 input#ays-submit, #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button, #ays-quiz-container-27714 #ays_finish_quiz_27714 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-27714 #ays_finish_quiz_27714 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button.ays_restart_button, #ays-quiz-container-27714 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27714 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-27714 input#ays-submit, #ays-quiz-container-27714 #ays_finish_quiz_27714 input.action-button, #ays-quiz-container-27714 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27714 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27714 input#ays-submit:hover, #ays-quiz-container-27714 input#ays-submit:focus, #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button:hover, #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button:focus, #ays-quiz-container-27714 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-27714 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-27714 .ays_restart_button { color: #ffffff; } #ays-quiz-container-27714 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-27714 .ays_buttons_div { justify-content: center; } #ays-quiz-container-27714 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-27714 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-27714 input[type='button'], #ays-quiz-container-27714 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-27714 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-27714 input[type='button']:focus-visible, div#ays-quiz-container-27714 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-27714 #ays_finish_quiz_27714 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-27714 #ays_finish_quiz_27714 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-27714 #ays_finish_quiz_27714 i.ays_early_finish.action-button[disabled], #ays-quiz-container-27714 #ays_finish_quiz_27714 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-27714 #ays_finish_quiz_27714 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-27714 #ays_finish_quiz_27714 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-27714 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-27714 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-27714 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-27714.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-27714 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-27714 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27714 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-27714 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-27714 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-27714 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-27714 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-27714 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-27714 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-27714 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-27714 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-27714 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-27714 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-27714 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-27714 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-27714 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-27714 #ays_finish_quiz_27714 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27714 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-27714 .ays-field .select2-container--default, #ays-quiz-container-27714 .ays-field .select2-container--default .selection, #ays-quiz-container-27714 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-27714 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-27714 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-27714 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-27714 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-27714 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-27714 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-27714 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-27714 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-27714 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-27714 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-27714 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-27714 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-27714 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-27714 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-27714 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-27714 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-27714 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-27714 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27714 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27714 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-27714.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-27714.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-27714 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-27714 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-27714 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-27714 label[for^='ays-answer']:before, #ays-quiz-container-27714 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-27714 .ays_question_report { text-align: right; } div#ays-quiz-container-27714 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-27714 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-27714.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-27714.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-27714.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-27714.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-27714.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-27714.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-27714 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-27714.ays_quiz_classic_dark .correct_div, #ays-quiz-container-27714.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-27714.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-27714.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-27714.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-27714.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27714.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-27714.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27714 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-27714 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-27714 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-27714 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-27714 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-27714 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-27714 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-27714.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-27714.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-27714 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-27714 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-27714 .ays-quiz-personality-result-box div:before, #ays-quiz-container-27714 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-27714 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-27714 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-27714 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-27714 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-27714 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-27714 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-27714 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-27714 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-27714 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-27714 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-27714 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-27714 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-27714 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-27714{ max-width: 100%; } div#ays-quiz-container-27714 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-27714.ays_quiz_modern_light .step, div#ays-quiz-container-27714.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-27714.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-27714.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-27714.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-27714.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-27714 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-27714 .select2-container, div#ays-quiz-container-27714 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-27714 input#ays-submit, div#ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button, div#ays-quiz-container-27714 #ays_finish_quiz_27714 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button.ays_restart_button, #ays-quiz-container-27714 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27714 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-27714 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-27714 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-27714 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-27714 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-27714 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-27714 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27714 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-27714 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style>
            <style>
                #ays-quiz-container-27714 p {
                    margin: 0.625em;
                }
                
                #ays-quiz-container-27714.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label,
                #ays-quiz-container-27714.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label {
                    /* background-color: transparent; */
                }
                #ays-quiz-container-27714 .ays-field.checked_answer_div input:checked~label {
                    background-color: rgba(93,108,249,0.6);
                }
                #ays-quiz-container-27714.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'],
                #ays-quiz-container-27714 .ays-field:hover{
                    background: rgba(93,108,249,0.8);
                    color: #fff;
                    transition: all .3s;
                }
                #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button:hover,
                #ays-quiz-container-27714 #ays_finish_quiz_27714 .action-button:focus,
                #ays-quiz-container-27714 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover,
                #ays-quiz-container-27714 .ays-quiz-category-selective-submit-bttn:focus {
                    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff;
                    background: #5d6cf9;
                }
            </style><script>
                if(typeof aysQuizOptions === 'undefined'){
                    var aysQuizOptions = [];
                }
                aysQuizOptions['27714']  = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyNzcxNCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEyOiBEXHUxZWYxIFx1MDBlMW4gbmhcdTFlY2YgdFx1MWVhMW8gdHJhbmcgd2ViIGJcdTAwZTFvIHRcdTAxYjBcdTFlZGRuZyAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMjEiLCJxdWVzdGlvbl9pZHMiOiI4MjcwMjMsODI3MDI0LDgyNzAyNSw4MjcwMjYsODI3MDI3LDgyNzAyOCw4MjcwMjksODI3MDMwLDgyNzAzMSw4MjcwMzIsODI3MDMzLDgyNzAzNCw4MjcwMzUsODI3MDM2LDgyNzAzNyw4MjcwMzgsODI3MDM5LDgyNzA0MCw4MjcwNDEsODI3MDQyLDgyNzA0Myw4MjcwNDQsODI3MDQ1LDgyNzA0Niw4MjcwNDcsODI3MDQ4LDgyNzA0OSw4MjcwNTAsODI3MDUxLDgyNzA1MiIsIm9yZGVyaW5nIjoiMjc3MTQiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ==';
        </script>
                    <input type='hidden' name='quiz_id' value='27714'/>
                    <input type='hidden' name='start_date' class='ays-start-date'/>
                    <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/>
                    <input type='hidden' name='ays_finish_quiz_nonce_27714' value='cd84c970f8'/>
                    
                </form></div>
                                </div>
                                </div></div>
<div class="panel blogger"><div class='ays-quiz-wrap'>
            <div class='ays-quiz-container ays_quiz_classic_light   ays-quiz-keyboard-active'
                 data-quest-effect='shake' 
                 data-hide-bg-image='false'
                
                
                 id='ays-quiz-container-28652'>
                
                
                <div class='ays-questions-container'>
                    <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap">
                <a class="ays-quiz-full-screen-container">
                    <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen">
                        <path d="M0 0h24v24H0z" fill="none"/>
                        <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen">
                        <path d="M0 0h24v24H0z" fill="none"/>
                        <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
                    </svg>
                </a>
            </div></div>
                    <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span>
                    
                    
                    <form 
                        action='' 
                        method='post' 
                        autocomplete='off'
                        id='ays_finish_quiz_28652' 
                        class='ays-quiz-form  enable_questions_result '
                    ><input type='hidden' class='ays_question_count_per_page' value='30'>
            <input type='hidden' value='list' class='answer_view_class'>
            <input type='hidden' value='' class='ays_qm_enable_arrows'><section  class='ays_quiz_timer_container'>
                <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p>
</div>
                <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p>
</div>
                <hr style='height:1px;'>
            </section>
            <div class='step active-step'>
                <div class='ays-abs-fs ays-start-page'>
                    <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</strong></p></div>
                    
                    <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường - Đề 02</p>
                    <div class='ays_buttons_div'>
                        <input type='button'   name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" />
                    </div>
                    <div class='ays-fs-subtitle'></div>
                    <input type='hidden' name='ays_quiz_id' value='28652'/>
                    <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-12-du-an-nho-tao-trang-web-bao-tuong-canh-dieu/'/>
                    <input type='hidden' name='ays_quiz_questions' value='855056,855057,855058,855059,855060,855061,855062,855063,855064,855065,855066,855067,855068,855069,855070,855071,855072,855073,855074,855075,855076,855077,855078,855079,855080,855081,855082,855083,855084,855085'>
                    
                    
                    
                    
                </div>
            </div><div class='step  '
                        data-question-id='855056'
                        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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 1: Khi bắt đầu dự án tạo trang web báo tường, bước quan trọng nhất trong giai đoạn khởi động (Giai đoạn 1) là gì để đảm bảo sự phối hợp và định hướng cho cả nhóm?</p>

<label for='ays-answer-3446837-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Bắt tay ngay vào việc viết mã HTML cho trang chủ.</label><label for='ays-answer-3446837-28652' 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'/>

<label for='ays-answer-3446838-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Thiết kế giao diện chi tiết bằng phần mềm đồ họa.</label><label for='ays-answer-3446838-28652' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446840-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Thảo luận, thống nhất chủ đề, nội dung, và phân công công việc cho các thành viên.</label><label for='ays-answer-3446840-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855056'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjgzNyI6IjAiLCIzNDQ2ODM4IjoiMCIsIjM0NDY4MzkiOiIwIiwiMzQ0Njg0MCI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Giai đoạn khởi động của một dự án tập trung vào việc định hình mục tiêu, phạm vi và cách thức thực hiện. Thảo luận và thống nhất chủ đề, nội dung, phân công công việc là bước cốt lõi để cả nhóm cùng hướng tới mục tiêu chung và có kế hoạch triển khai rõ ràng.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855057'
                        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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 2: Nhóm của bạn đã quyết định chủ đề và thu thập nội dung (văn bản, hình ảnh). Bây giờ, để xây dựng cấu trúc cơ bản và đưa nội dung này lên trang web báo tường, công cụ hoặc ngôn ngữ nào là cần thiết nhất ở bước này?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446843-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>JavaScript</label><label for='ays-answer-3446843-28652' 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'/>

<label for='ays-answer-3446844-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Phần mềm trình chiếu</label><label for='ays-answer-3446844-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855057'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg0MSI6IjEiLCIzNDQ2ODQyIjoiMCIsIjM0NDY4NDMiOiIwIiwiMzQ0Njg0NCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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 (HyperText Markup Language) là ngôn ngữ đánh dấu được sử dụng để tạo cấu trúc và đưa nội dung (văn bản, hình ảnh, liên kết) vào các trang web. CSS dùng để định dạng, JavaScript để tạo tương tác, còn phần mềm trình chiếu dùng để giới thiệu kết quả, không phải xây dựng cấu trúc web.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855058'
                        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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 3: Sau khi có cấu trúc và nội dung cơ bản bằng HTML, nhóm bạn nhận thấy trang web còn đơn điệu, màu sắc chưa hài hòa, các phần tử bố trí lộn xộn. Để giải quyết vấn đề này và làm cho trang web trở nên thẩm mỹ, hấp dẫn hơn, nhóm cần tập trung vào việc sử dụng công nghệ nào?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446847-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>JavaScript</label><label for='ays-answer-3446847-28652' 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'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855058'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg0NSI6IjAiLCIzNDQ2ODQ2IjoiMSIsIjM0NDY4NDciOiIwIiwiMzQ0Njg0OCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>CSS (Cascading Style Sheets) là ngôn ngữ được sử dụng để định dạng và bố cục các phần tử HTML, kiểm soát màu sắc, font chữ, khoảng cách, vị trí các khối nội dung, giúp trang web có giao diện đẹp và chuyên nghiệp hơn.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855059'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>4 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 4: Dự án yêu cầu sản phẩm cuối cùng bao gồm tệp HTML, tệp CSS và một bài trình chiếu. Vai trò của bài trình chiếu trong dự án này là gì?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446850-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ dùng để liệt kê tên các thành viên trong nhóm.</label><label for='ays-answer-3446850-28652' 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'/>

<label for='ays-answer-3446851-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Giới thiệu, giải thích về sản phẩm web báo tường và quá trình làm việc của nhóm.</label><label for='ays-answer-3446851-28652' 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'/>

<label for='ays-answer-3446852-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Lưu trữ toàn bộ nội dung văn bản của báo tường.</label><label for='ays-answer-3446852-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855059'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg0OSI6IjAiLCIzNDQ2ODUwIjoiMCIsIjM0NDY4NTEiOiIxIiwiMzQ0Njg1MiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Bài trình chiếu là công cụ để nhóm giới thiệu sản phẩm (trang web), giải thích quá trình thực hiện, chia sẻ kinh nghiệm và làm nổi bật những điểm đặc biệt của dự án với giáo viên và các bạn khác.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855060'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>5 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 5: Trong Giai đoạn 2 (Triển khai) của dự án, kế hoạch yêu cầu học sinh triển khai một phần trong giờ học và hoàn thiện phần còn lại ngoài giờ học. Điều này cho thấy đặc điểm gì về quy mô và tính chất của dự án nhỏ này?</p>

<label for='ays-answer-3446853-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Dự án có thể yêu cầu thời gian và công sức ngoài giờ học chính thức.</label><label for='ays-answer-3446853-28652' 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'/>

<label for='ays-answer-3446854-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Dự án chỉ có thể hoàn thành nếu có sự giúp đỡ của giáo viên.</label><label for='ays-answer-3446854-28652' 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'/>

<label for='ays-answer-3446855-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Phần quan trọng nhất của dự án phải được làm tại nhà.</label><label for='ays-answer-3446855-28652' 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'/>

<label for='ays-answer-3446856-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Học sinh không cần làm việc nhóm ngoài giờ học.</label><label for='ays-answer-3446856-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855060'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg1MyI6IjEiLCIzNDQ2ODU0IjoiMCIsIjM0NDY4NTUiOiIwIiwiMzQ0Njg1NiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Việc yêu cầu hoàn thiện ngoài giờ học cho thấy dự án có quy mô đủ lớn, đòi hỏi sự đầu tư thời gian và công sức ngoài các buổi học trên lớp. Nó cũng nhấn mạnh tính tự chủ và khả năng quản lý thời gian của học sinh.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855061'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>6 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 6: Khi thiết kế trang web báo tường, việc kết hợp đa dạng các kênh thông tin như văn bản, hình ảnh, âm thanh, và biểu mẫu (form) nhằm mục đích chính là gì?</p>

<label for='ays-answer-3446857-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chứng minh nhóm biết sử dụng nhiều loại thẻ HTML.</label><label for='ays-answer-3446857-28652' 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'/>

<label for='ays-answer-3446858-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Làm tăng dung lượng của trang web.</label><label for='ays-answer-3446858-28652' 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'/>

<label for='ays-answer-3446859-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Bắt buộc theo yêu cầu kỹ thuật của mọi trang web.</label><label for='ays-answer-3446859-28652' 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'/>

<label for='ays-answer-3446860-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Làm cho trang web trở nên phong phú, sinh động và hấp dẫn người xem hơn.</label><label for='ays-answer-3446860-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855061'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg1NyI6IjAiLCIzNDQ2ODU4IjoiMCIsIjM0NDY4NTkiOiIwIiwiMzQ0Njg2MCI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Sử dụng đa dạng các loại nội dung giúp trang web trở nên phong phú, sinh động, thu hút người xem và truyền tải thông điệp hiệu quả hơn. Nó không chỉ giới hạn ở việc học công nghệ, mà còn nâng cao chất lượng sản phẩm cuối cùng.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855062'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>7 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 7: Nhóm bạn đang gặp khó khăn trong việc căn chỉnh các khối văn bản và hình ảnh trên trang web sao cho thẳng hàng và có khoảng cách hợp lý. Vấn đề này liên quan trực tiếp đến khía cạnh nào của việc phát triển web?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446864-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chèn âm thanh.</label><label for='ays-answer-3446864-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855062'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg2MSI6IjAiLCIzNDQ2ODYyIjoiMSIsIjM0NDY4NjMiOiIwIiwiMzQ0Njg2NCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Căn chỉnh, bố cục (layout), khoảng cách (padding, margin) là những công việc thuộc về định dạng hiển thị, được thực hiện chủ yếu bằng CSS.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855063'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>8 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 8: Một trong những tiêu chí đánh giá sản phẩm là "Hình thức trình bày đẹp và bố cục hợp lý nhờ áp dụng CSS". Điều này nhấn mạnh kỹ năng nào mà học sinh cần đạt được thông qua dự án?</p>

<label for='ays-answer-3446865-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng thuyết trình.</label><label for='ays-answer-3446865-28652' 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'/>

<label for='ays-answer-3446866-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng thu thập thông tin.</label><label for='ays-answer-3446866-28652' 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'/>

<label for='ays-answer-3446867-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng thiết kế giao diện và bố cục trang web bằng CSS.</label><label for='ays-answer-3446867-28652' 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'/>

<label for='ays-answer-3446868-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng thuyết trình.</label><label for='ays-answer-3446868-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855063'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg2NSI6IjAiLCIzNDQ2ODY2IjoiMCIsIjM0NDY4NjciOiIxIiwiMzQ0Njg2OCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Tiêu chí này trực tiếp đánh giá khả năng của học sinh trong việc sử dụng CSS để làm cho trang web có giao diện hấp dẫn và sắp xếp các thành phần một cách có tổ chức.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855064'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>9 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 9: Giả sử nhóm bạn muốn tạo một phần "Lưu bút" trên trang web báo tường, nơi mọi người có thể nhập lời nhắn. Loại phần tử nào trong HTML và công nghệ nào (nếu cần thiết cho việc gửi dữ liệu) sẽ phù hợp nhất để thu thập thông tin này?</p>

<label for='ays-answer-3446869-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Sử dụng các thẻ tạo biểu mẫu (form) trong HTML.</label><label for='ays-answer-3446869-28652' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446872-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Sử dụng thẻ chèn âm thanh (<audio>).</label><label for='ays-answer-3446872-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855064'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg2OSI6IjEiLCIzNDQ2ODcwIjoiMCIsIjM0NDY4NzEiOiIwIiwiMzQ0Njg3MiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Biểu mẫu (form) trong HTML được sử dụng để thu thập dữ liệu từ người dùng (ví dụ: ô nhập văn bản, nút gửi). Để xử lý và lưu trữ dữ liệu từ form, thường cần đến các công nghệ phía máy chủ (backend), nhưng trong phạm vi dự án nhỏ này, việc tạo form bằng HTML là bước đầu tiên và quan trọng.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855065'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>10 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 10: Nhóm bạn đang chuẩn bị cho Giai đoạn 3 (Kết thúc) của dự án. Công việc chính trong giai đoạn này là gì?</p>

<label for='ays-answer-3446873-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tiếp tục chỉnh sửa nội dung và giao diện trang web.</label><label for='ays-answer-3446873-28652' 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'/>

<label for='ays-answer-3446874-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Trình bày sản phẩm, đánh giá kết quả và rút kinh nghiệm.</label><label for='ays-answer-3446874-28652' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446876-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ nộp các tệp HTML và CSS mà không cần trình bày.</label><label for='ays-answer-3446876-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855065'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg3MyI6IjAiLCIzNDQ2ODc0IjoiMSIsIjM0NDY4NzUiOiIwIiwiMzQ0Njg3NiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Giai đoạn kết thúc của dự án là lúc các nhóm trình bày sản phẩm hoàn chỉnh, nhận xét, đánh giá và rút kinh nghiệm từ quá trình làm việc.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855066'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>11 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 11: Một nhóm quyết định sử dụng CSS bên ngoài (external CSS) bằng cách tạo một tệp `.css` riêng và liên kết với tệp HTML. Lợi ích chính của phương pháp này so với sử dụng CSS nội tuyến (inline) hoặc nội bộ (internal) là gì?</p>

<label for='ays-answer-3446877-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tăng tốc độ tải trang web.</label><label for='ays-answer-3446877-28652' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446880-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Cho phép nhúng mã JavaScript trực tiếp vào CSS.</label><label for='ays-answer-3446880-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855066'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg3NyI6IjAiLCIzNDQ2ODc4IjoiMCIsIjM0NDY4NzkiOiIxIiwiMzQ0Njg4MCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Sử dụng CSS bên ngoài giúp tách biệt hoàn toàn nội dung (HTML) và định dạng (CSS), làm cho mã nguồn gọn gàng, dễ quản lý và tái sử dụng kiểu dáng cho nhiều trang HTML khác nhau.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855067'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>12 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 12: Khi phân công công việc trong nhóm, việc giao nhiệm vụ cho từng thành viên dựa trên sở trường và mong muốn của họ (ví dụ: bạn A giỏi thiết kế giao diện làm CSS, bạn B cẩn thận làm nội dung HTML) có tác động tích cực như thế nào đến hiệu quả làm việc nhóm?</p>

<label for='ays-answer-3446881-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tăng hiệu quả làm việc, phát huy điểm mạnh cá nhân và nâng cao tinh thần trách nhiệm.</label><label for='ays-answer-3446881-28652' 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'/>

<label for='ays-answer-3446882-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Giảm bớt công việc cho trưởng nhóm.</label><label for='ays-answer-3446882-28652' 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'/>

<label for='ays-answer-3446883-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ có lợi cho những thành viên được giao việc dễ.</label><label for='ays-answer-3446883-28652' 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'/>

<label for='ays-answer-3446884-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Không ảnh hưởng nhiều đến kết quả cuối cùng.</label><label for='ays-answer-3446884-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855067'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg4MSI6IjEiLCIzNDQ2ODgyIjoiMCIsIjM0NDY4ODMiOiIwIiwiMzQ0Njg4NCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Phân công công việc phù hợp với năng lực và sở thích giúp tăng hiệu quả, sự hứng thú và tinh thần trách nhiệm của mỗi thành viên, từ đó nâng cao chất lượng sản phẩm chung.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855068'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>13 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 13: Trang web báo tường của nhóm bạn có một phần về "Những kỷ niệm đáng nhớ" với nhiều hình ảnh từ các hoạt động của lớp. Để trình bày những hình ảnh này một cách có tổ chức và đẹp mắt trên trang web, nhóm cần sử dụng thẻ HTML nào là chủ yếu?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855068'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg4NSI6IjAiLCIzNDQ2ODg2IjoiMCIsIjM0NDY4ODciOiIwIiwiMzQ0Njg4OCI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `<img>` trong HTML được sử dụng để nhúng hình ảnh vào trang web. Các thẻ khác có mục đích khác (đoạn văn, liên kết, danh sách).</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855069'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>14 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 14: Yếu tố nào sau đây, nếu được chú trọng trong bài trình chiếu, sẽ giúp nhóm bạn thể hiện tốt kỹ năng thuyết trình và thu hút sự chú ý của người nghe?</p>

<label for='ays-answer-3446889-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Sự tự tin, giọng nói rõ ràng và khả năng tương tác với người nghe.</label><label for='ays-answer-3446889-28652' 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'/>

<label for='ays-answer-3446890-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ đơn thuần đọc lại nội dung trên các slide.</label><label for='ays-answer-3446890-28652' 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'/>

<label for='ays-answer-3446891-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Sử dụng thật nhiều hiệu ứng chuyển động trong slide.</label><label for='ays-answer-3446891-28652' 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'/>

<label for='ays-answer-3446892-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Hoàn thành trình chiếu trong thời gian ngắn nhất có thể.</label><label for='ays-answer-3446892-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855069'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg4OSI6IjEiLCIzNDQ2ODkwIjoiMCIsIjM0NDY4OTEiOiIwIiwiMzQ0Njg5MiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Kỹ năng thuyết trình tốt bao gồm việc nói rõ ràng, mạch lạc, sử dụng ngôn ngữ cơ thể, tương tác với khán giả và tự tin khi trình bày. Nội dung và thẩm mỹ là quan trọng, nhưng kỹ năng truyền đạt là yếu tố quyết định sự thành công của buổi trình bày.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855070'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>15 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 15: Tiêu chí "Sử dụng và kết hợp các phần tử HTML để tạo trang web đa dạng thông tin" trong đánh giá dự án thể hiện yêu cầu về mặt nào của sản phẩm web báo tường?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446894-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tốc độ tải trang.</label><label for='ays-answer-3446894-28652' 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'/>

<label for='ays-answer-3446895-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Độ phong phú và cách tổ chức nội dung.</label><label for='ays-answer-3446895-28652' 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'/>

<label for='ays-answer-3446896-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Khả năng tương tác của người dùng.</label><label for='ays-answer-3446896-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855070'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg5MyI6IjAiLCIzNDQ2ODk0IjoiMCIsIjM0NDY4OTUiOiIxIiwiMzQ0Njg5NiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Tiêu chí này đánh giá khả năng của nhóm trong việc sử dụng các thẻ HTML khác nhau để trình bày nhiều loại nội dung (văn bản, hình ảnh, liên kết, danh sách, bảng, form,...) trên trang web, đảm bảo thông tin được truyền tải đầy đủ và hiệu quả.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855071'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>16 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 16: Để đảm bảo trang web báo tường hiển thị tốt trên cả máy tính và điện thoại di động, nhóm bạn nên tìm hiểu và áp dụng các kỹ thuật thiết kế web liên quan đến:</p>

<label for='ays-answer-3446897-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Thiết kế đáp ứng (Responsive Design) sử dụng CSS.</label><label for='ays-answer-3446897-28652' 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'/>

<label for='ays-answer-3446898-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tối ưu hóa hình ảnh cho dung lượng nhỏ.</label><label for='ays-answer-3446898-28652' 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'/>

<label for='ays-answer-3446899-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Sử dụng JavaScript để phát hiện loại thiết bị.</label><label for='ays-answer-3446899-28652' 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'/>

<label for='ays-answer-3446900-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ tạo một phiên bản web riêng cho di động.</label><label for='ays-answer-3446900-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855071'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njg5NyI6IjEiLCIzNDQ2ODk4IjoiMCIsIjM0NDY4OTkiOiIwIiwiMzQ0NjkwMCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thiết kế đáp ứng (Responsive Web Design) là kỹ thuật sử dụng CSS Media Queries để điều chỉnh bố cục và kiểu dáng trang web sao cho phù hợp với kích thước màn hình khác nhau của thiết bị.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855072'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>17 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 17: Nhóm bạn muốn thêm một đoạn nhạc nền tự động phát khi khách truy cập mở trang web báo tường. Thẻ HTML nào là phù hợp nhất để nhúng nội dung âm thanh?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855072'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkwMSI6IjAiLCIzNDQ2OTAyIjoiMSIsIjM0NDY5MDMiOiIwIiwiMzQ0NjkwNCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `<audio>` trong HTML5 được sử dụng để nhúng nội dung âm thanh vào trang web. Các thẻ khác dùng cho hình ảnh, video hoặc đoạn văn.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855073'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>18 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 18: Trong quá trình làm dự án, việc kiểm tra và chạy thử trang web thường xuyên trên các trình duyệt khác nhau (Chrome, Firefox, Edge,...) có ý nghĩa gì?</p>

<label for='ays-answer-3446905-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ là thủ tục không cần thiết.</label><label for='ays-answer-3446905-28652' 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'/>

<label for='ays-answer-3446906-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Làm tăng dung lượng của tệp CSS.</label><label for='ays-answer-3446906-28652' 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'/>

<label for='ays-answer-3446907-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Giúp tự động sửa lỗi chính tả trong nội dung.</label><label for='ays-answer-3446907-28652' 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'/>

<label for='ays-answer-3446908-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Đảm bảo trang web hiển thị chính xác và ổn định trên nhiều môi trường khác nhau.</label><label for='ays-answer-3446908-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855073'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkwNSI6IjAiLCIzNDQ2OTA2IjoiMCIsIjM0NDY5MDciOiIwIiwiMzQ0NjkwOCI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Các trình duyệt khác nhau có thể hiển thị trang web hơi khác nhau do cách diễn giải mã nguồn. Kiểm tra trên nhiều trình duyệt giúp phát hiện và khắc phục lỗi hiển thị, đảm bảo trang web hoạt động ổn định và giao diện thống nhất cho mọi người dùng.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855074'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>19 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 19: Khi thiết kế bố cục trang web bằng CSS, thuộc tính `display: flex;` hoặc `display: grid;` thường được sử dụng để làm gì?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446912-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tạo hiệu ứng động cho trang web.</label><label for='ays-answer-3446912-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855074'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkwOSI6IjEiLCIzNDQ2OTEwIjoiMCIsIjM0NDY5MTEiOiIwIiwiMzQ0NjkxMiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Flexbox và Grid là hai mô hình bố cục mạnh mẽ trong CSS, giúp sắp xếp các phần tử con bên trong một container một cách linh hoạt và hiệu quả, đặc biệt hữu ích cho việc tạo các layout phức tạp.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855075'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>20 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 20: Một trong những yêu cầu về nội dung của trang web báo tường là "đa dạng kênh thông tin". Điều này có nghĩa là trang web nên chứa những loại nội dung nào?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446914-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ các bài viết chuyên sâu về một chủ đề hẹp.</label><label for='ays-answer-3446914-28652' 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'/>

<label for='ays-answer-3446915-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kết hợp văn bản, hình ảnh, âm thanh, video, biểu mẫu, v.v.</label><label for='ays-answer-3446915-28652' 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'/>

<label for='ays-answer-3446916-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ các liên kết đến các trang web khác.</label><label for='ays-answer-3446916-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855075'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkxMyI6IjAiLCIzNDQ2OTE0IjoiMCIsIjM0NDY5MTUiOiIxIiwiMzQ0NjkxNiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Đa dạng kênh thông tin bao gồm việc sử dụng kết hợp nhiều hình thức truyền tải nội dung như văn bản, hình ảnh, âm thanh, video, biểu mẫu tương tác, v.v.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855076'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>21 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 21: Khi một nhóm học sinh tạo trang web báo tường với chủ đề "Lưu bút ngày ra trường", họ cần thu thập những loại thông tin nào để đưa vào trang web?</p>

<label for='ays-answer-3446917-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ thông tin về lịch sử thành lập trường.</label><label for='ays-answer-3446917-28652' 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'/>

<label for='ays-answer-3446918-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ các bài giảng môn Tin học.</label><label for='ays-answer-3446918-28652' 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'/>

<label for='ays-answer-3446919-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ danh sách các trường đại học tuyển sinh.</label><label for='ays-answer-3446919-28652' 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'/>

<label for='ays-answer-3446920-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Hình ảnh lớp, kỷ niệm, lời chúc của học sinh và giáo viên, thông tin liên lạc (tùy chọn).</label><label for='ays-answer-3446920-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855076'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkxNyI6IjAiLCIzNDQ2OTE4IjoiMCIsIjM0NDY5MTkiOiIwIiwiMzQ0NjkyMCI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Chủ đề lưu bút ngày ra trường thường bao gồm những kỷ niệm, lời chúc, hình ảnh của bạn bè, thầy cô, các sự kiện đáng nhớ của lớp/trường, thông tin liên lạc (nếu có),...</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855077'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>22 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 22: Việc phân công thành viên trình bày và giới thiệu kết quả dự án trong Giai đoạn 3 không chỉ đánh giá sản phẩm mà còn đánh giá kỹ năng quan trọng nào của học sinh?</p>

<label for='ays-answer-3446921-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng lập trình nâng cao.</label><label for='ays-answer-3446921-28652' 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'/>

<label for='ays-answer-3446922-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng thuyết trình và giao tiếp.</label><label for='ays-answer-3446922-28652' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446924-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng kiểm thử bảo mật trang web.</label><label for='ays-answer-3446924-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855077'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkyMSI6IjAiLCIzNDQ2OTIyIjoiMSIsIjM0NDY5MjMiOiIwIiwiMzQ0NjkyNCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Hoạt động trình bày sản phẩm trước lớp là cách để đánh giá kỹ năng thuyết trình, giao tiếp và khả năng diễn đạt ý tưởng, kết quả làm việc của học sinh.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855078'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>23 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 23: Để làm nổi bật một tiêu đề quan trọng trên trang web báo tường, nhóm bạn cần sử dụng thẻ HTML nào có ý nghĩa ngữ nghĩa là tiêu đề và đồng thời có thể dễ dàng định dạng bằng CSS?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855078'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkyNSI6IjAiLCIzNDQ2OTI2IjoiMCIsIjM0NDY5MjciOiIxIiwiMzQ0NjkyOCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Các thẻ heading từ `</p>
<h1>` đến `</p>
<h6>` được sử dụng để đánh dấu các tiêu đề với các cấp độ quan trọng khác nhau trong HTML. Chúng có ý nghĩa ngữ nghĩa rõ ràng và rất dễ dàng để áp dụng kiểu dáng bằng CSS.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855079'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>24 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 24: Nhóm bạn muốn thêm một liên kết đến trang web của trường trên trang báo tường. Thẻ HTML nào được sử dụng để tạo liên kết?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855079'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkyOSI6IjEiLCIzNDQ2OTMwIjoiMCIsIjM0NDY5MzEiOiIwIiwiMzQ0NjkzMiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `<a>` (anchor) trong HTML được sử dụng để tạo siêu liên kết (hyperlink) đến các trang web khác, các phần khác trong cùng trang, hoặc các tài nguyên khác.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855080'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>25 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 25: Khi sử dụng CSS để định dạng văn bản, thuộc tính nào sau đây dùng để thay đổi màu chữ?</p>

<label for='ays-answer-3446933-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-3446933-28652' 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'/>

<label for='ays-answer-3446934-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>color</label><label for='ays-answer-3446934-28652' 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'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446936-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-3446936-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855080'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkzMyI6IjAiLCIzNDQ2OTM0IjoiMSIsIjM0NDY5MzUiOiIwIiwiMzQ0NjkzNiI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thuộc tính `color` trong CSS được sử dụng để thiết lập màu sắc của văn bản. `background-color` là màu nền, `font-size` là kích thước chữ, `text-align` là căn lề văn bản.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855081'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>26 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 26: Yêu cầu về "tính thẩm mỹ" của trang web báo tường (được đánh giá qua việc áp dụng CSS) thể hiện điều gì về mục tiêu của dự án ngoài việc chỉ tạo ra một trang web hoạt động được?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446938-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Không liên quan đến nội dung của báo tường.</label><label for='ays-answer-3446938-28652' 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'/>

<label for='ays-answer-3446939-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ là yếu tố phụ, không quan trọng.</label><label for='ays-answer-3446939-28652' 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'/>

<label for='ays-answer-3446940-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Nhấn mạnh tầm quan trọng của giao diện người dùng và khả năng sáng tạo trong thiết kế web.</label><label for='ays-answer-3446940-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855081'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjkzNyI6IjAiLCIzNDQ2OTM4IjoiMCIsIjM0NDY5MzkiOiIwIiwiMzQ0Njk0MCI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Tính thẩm mỹ là một yếu tố quan trọng của trải nghiệm người dùng. Yêu cầu này cho thấy dự án không chỉ dừng lại ở kỹ thuật mà còn hướng tới việc tạo ra sản phẩm có giao diện hấp dẫn, dễ nhìn, thể hiện sự sáng tạo và khả năng thiết kế của học sinh.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855082'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>27 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 27: Giả sử nhóm bạn muốn tạo một danh sách các bài thơ hoặc bài hát trên trang báo tường. Thẻ HTML nào là phù hợp để tạo một danh sách không có thứ tự (dấu gạch đầu dòng hoặc chấm)?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855082'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njk0MSI6IjEiLCIzNDQ2OTQyIjoiMCIsIjM0NDY5NDMiOiIwIiwiMzQ0Njk0NCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Thẻ `</p>
<ul>` (unordered list) được sử dụng để tạo danh sách không có thứ tự, với mỗi mục trong danh sách được đánh dấu bằng ký hiệu (thường là dấu chấm hoặc gạch đầu dòng mặc định). Thẻ `</p>
<li>` được dùng cho từng mục trong danh sách.<br />

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855083'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>28 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 28: Trong Giai đoạn 2, việc "triển khai một phần và tự hoàn thiện phần còn lại ngoài giờ học" đòi hỏi các thành viên trong nhóm phải có kỹ năng mềm nào để đảm bảo tiến độ công việc?</p>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

</div>
            <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'>
                <input type='hidden' name='ays_answer_correct[]' value='0'/>

<label for='ays-answer-3446947-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng quản lý thời gian và làm việc nhóm hiệu quả ngoài giờ học.</label><label for='ays-answer-3446947-28652' 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'/>

<label for='ays-answer-3446948-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Kỹ năng thuộc lòng mã HTML.</label><label for='ays-answer-3446948-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855083'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njk0NSI6IjAiLCIzNDQ2OTQ2IjoiMCIsIjM0NDY5NDciOiIxIiwiMzQ0Njk0OCI6IjAifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Hoàn thành công việc ngoài giờ học đòi hỏi khả năng tự quản lý thời gian, chủ động làm việc và phối hợp từ xa với các thành viên khác trong nhóm. Đây là các kỹ năng quan trọng của làm việc nhóm và quản lý dự án cá nhân.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855084'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>29 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 29: Khi tạo trang web báo tường, việc sử dụng tên tệp và thư mục có ý nghĩa (ví dụ: `index.html` cho trang chính, `style.css` cho kiểu dáng, thư mục `images` cho hình ảnh) giúp ích gì cho quá trình làm việc và quản lý dự án?</p>

<label for='ays-answer-3446949-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Làm cho trang web tải nhanh hơn.</label><label for='ays-answer-3446949-28652' 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'/>

<label for='ays-answer-3446950-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Tự động sửa lỗi chính tả trong nội dung.</label><label for='ays-answer-3446950-28652' 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'/>

<label for='ays-answer-3446951-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Chỉ cần thiết khi dự án có hàng trăm tệp.</label><label for='ays-answer-3446951-28652' 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'/>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855084'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njk0OSI6IjAiLCIzNDQ2OTUwIjoiMCIsIjM0NDY5NTEiOiIwIiwiMzQ0Njk1MiI6IjEifX0=';</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='Trước đó' />
                        
                        <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='Tiếp theo' />
                    </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>Đặt tên tệp và tổ chức thư mục một cách hợp lý giúp dự án có cấu trúc rõ ràng, dễ dàng tìm kiếm, quản lý, và hợp tác giữa các thành viên trong nhóm. Nó cũng giúp tránh nhầm lẫn và lỗi khi liên kết các tệp với nhau.</p>

</div>
                            <div class='ays-quiz-additonal-box'>
                                
                                
                            </div>   
                            
                            
                        </div>
                    </div><div class='step  '
                        data-question-id='855085'
                        data-type='radio'
                        data-required='false'>
                        
                        
                        <p class='ays-question-counter animated'>30 / 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;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 12: Dự án nhỏ tạo trang web báo tường</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ộ đề 02</strong>
                            </p>
                            
                            <div class='ays_quiz_question'>
                                <p>Câu 30: Yếu tố nào sau đây là quan trọng nhất để đánh giá sự thành công của dự án tạo trang web báo tường từ góc độ người xem (ngoài các tiêu chí kỹ thuật và thẩm mỹ)?</p>

<label for='ays-answer-3446953-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Nội dung trang web có ý nghĩa, hấp dẫn và truyền tải đúng thông điệp của chủ đề báo tường.</label><label for='ays-answer-3446953-28652' 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'/>

<label for='ays-answer-3446954-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Trang web sử dụng kỹ thuật CSS phức tạp nhất.</label><label for='ays-answer-3446954-28652' 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'/>

<label for='ays-answer-3446955-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Bài trình chiếu có thời lượng dài nhất.</label><label for='ays-answer-3446955-28652' 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'/>

<label for='ays-answer-3446956-28652' class='  ays_position_initial  ays-quiz-keyboard-label'>Trang web có nhiều hình ảnh nhất.</label><label for='ays-answer-3446956-28652' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label>

</div><script>
            if(typeof window.quizOptions_28652 === 'undefined'){
                window.quizOptions_28652 = [];
            }
            window.quizOptions_28652['855085'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0Njk1MyI6IjEiLCIzNDQ2OTU0IjoiMCIsIjM0NDY5NTUiOiIwIiwiMzQ0Njk1NiI6IjAifX0=';</script></div>
                            
                            
                                    <style>
            .validate-quiz {
                display: flex;
                align-items: center;
                justify-content: center;
            }