Bài F1. HTML và trang web trang 67, 68, 69 SGK Tin học 12 Chân trời sáng tạo

2024-09-14 20:28:27

Câu hỏi trang 67

Trả lời câu hỏi Khởi động trang 67 SGK Tin học 12 Chân trời sáng tạo

Em hãy chỉ ra những thành phần chính của trang web trong Hình 1.

Phương pháp giải:

Quan sát hình 1 và đưa ra nhận xét về cấu trúc, bố cục trang web.

Lời giải chi tiết:

Trang web trên gồm có thanh điều hướng, các menu dọc menu ngang, phần nội dung chính.

KP1

Trả lời câu hỏi Khám phá 1 trang 68 SGK Tin học 12 Chân trời sáng tạo

Em hãy kể tên một ngôn ngữ đánh dấu dùng để tạo trang web và cho biết phiên bản hiện nay của ngôn ngữ này.

Phương pháp giải:

Sử dụng kiến thức đã học hoặc tìm kiếm thông tin trên Internet về các ngôn ngữ tạo trang web thông dụng hiện nay.

Lời giải chi tiết:

HTML là ngôn ngữ đánh dấu dùng để thiết kế siêu văn bản hiển thị trong trình duyệt web. Hiện nay đã có phiên bản HTML6. HTML6 là phiên bản thứ 6 của HTML với không gian tên có cấu trúc như XML, không gian tên XML sẽ giúp bạn sử dụng cùng một từ khóa mà không mâu thuẫn với bất kỳ thẻ khác.

KP2

Trả lời câu hỏi Khám phá 2 trang 68 SGK Tin học 12 Chân trời sáng tạo

Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau không?

Phương pháp giải:

Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau.

Lời giải chi tiết:

Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau. Chẳng hạn, trang chủ của trang web http://vnnic.vn/ hiển thị giống nhau trong hai trình duyệt Microsoft và Mozila Firefox vì hai trình duyệt này đều có hỗ trợ ngôn ngữ HTML và kết xuất các thành phần của trang web theo cùng 1 cách.

KP1

Trả lời câu hỏi Khám phá 1 trang 71 SGK Tin học 12 Chân trời sáng tạo

Em hãy truy cập vào trang web https://chantroisangtao.vn, quan sát và nhận xét về bố cục trình bày của trang web này.

Phương pháp giải:

Sử dụng đường link để truy cập trang web Chân trời sáng tạo.

=> Nhận xét bố cục trình bày của trang web.

Lời giải chi tiết:

Bố cục của trang web gồm có các phần: phần mở đầu, phần nội dung chính, có các nội dung văn bản, hình ảnh, âm thanh, video…

KP2

Trả lời câu hỏi Khám phá 2 trang 71 SGK Tin học 12 Chân trời sáng tạo

Chọn đáp án đúng cho câu hỏi dưới đây.

Phần nội dung hiển thị trên thanh tiêu đề của cửa sổ trình duyệt được đặt trong cặp thẻ HTML nào?

Phương pháp giải:

Tìm hiểu vào tính năng, mục đích sử dụng của từng phần tử: head, html, title, body.

Lời giải chi tiết:

Phần nội dung hiển thị trên thanh tiêu đề của cửa sổ trình duyệt được đặt trong cặp thẻ HTML . Nên đáp án đúng là:

Trả lời câu hỏi Khám phá trang 72 SGK Tin học 12 Chân trời sáng tạo

Cách viết thẻ HTML có nhiều thuộc tính sau đây đúng hay sai?

Phương pháp giải:

Tìm hiểu về cách viết thẻ HTML có nhiều thuộc tính.

Lời giải chi tiết:

Cách viết thẻ HTML có nhiều thuộc tính là đúng. Vì mỗi thẻ HTML có thể có một hoặc nhiều thuộc tính hoặc không có thuộc tính để định dạng nội dung. Thuộc tính được đặt trong thẻ mở với cú pháp như sau:

LT1

Trả lời câu hỏi Luyện tập 1 trang 72 SGK Tin học 12 Chân trời sáng tạo

Thảo luận với bạn và trình bày những hiểu biết của em về ngôn ngữ HTML

Phương pháp giải:

Lập nhóm cùng bạn để thảo luận.

Nội dung: ngôn ngữ HTML khái niệm, đặc điểm, công dụng.

Lời giải chi tiết:

Trình bày những hiểu biết của em về ngôn ngữ HTML:

Siêu văn bản (Hypertext) là tài liệu điện tử đa phương tiện chứa văn bản, hình ảnh, âm thanh, video và siêu liên kết. Trong đó, siêu liên kết giúp người đọc dễ dàng truy cập đến nội dụng khác hoặc siêu văn bản khác.

Mỗi trang web là một siêu văn bản được tạo ra bằng ngôn ngữ HTML (HyperText Markup Language). HTML là ngôn ngữ đánh dấu được phát triển bởi Tim Berners-Lee, Robert Cailliau và các cộng sự vào năm 1989, dùng để trình bày cấu trúc, nội dung và hình thức của trang web. Hiện nay, HTML5 là phiên bản thông dụng, giúp tạo ra trang web có tính tương tác cao và giúp hiển thị trang web trên các thiết bị thông minh.

Mỗi thành phần của trang web bao gồm văn bản, hình ảnh, âm thanh, video và các nội dung khác đều được định dạng bằng các phần tử IITML tương ứng. Mỗi phần tử IITML được thể hiện bằng một thẻ (tag) và có thể đính kèm các thuộc tính (attribute).

Khi người dùng truy cập trang web, trình duyệt sẽ tải xuống mã HTML tương ứng và sử dụng mã này để kết xuất nội dung, hình thức của trang web. Các trình duyệt phổ biến hiện nay như Microsoft Edge, Google Chrome, Mozilla Firefox, Safari,... đều có hỗ trợ ngôn ngữ HTML

LT2

Trả lời câu hỏi Luyện tập 2 trang 72 SGK Tin học 12 Chân trời sáng tạo

Em hãy trình bày cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ.

Phương pháp giải:

Mỗi thành phần của ngôn ngữ HTML có hai thành phần cơ bản là thẻ và thuộc tính.

Mỗi thẻ đảm nhận một chức năng riêng biệt.

Lời giải chi tiết:

Cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ:

- Mỗi thành phần của ngôn ngữ HTML có hai thành phần cơ bản là thẻ và thuộc tính.

- Cặp thẻ /title> dùng để định nghĩa tiêu đề của trang web, hiển thị trên thanh tiêu đề hoặc cửa sổ của trình duyệt.</span></p> <p ><span>- Cặp thẻ <body></body> dùng để định nghĩa phần nội dung chính của trang web. - Bên trong cặp thẻ <body></body> là cặp thẻ <h1></h1> dùng để định nghĩa đề mục cấp độ 1, cặp thẻ <p></p> dùng để định nghĩa một đoạn văn bản.</span></p> <p ><span>- Nội dung đặt trong cặp kí hiệu < ! - - - - > là phần ghi chú, trình duyệt sẽ không hiển thị lên trang web.</span></p> <p ><span>- Khi sử dụng nhiều thẻ HTML lồng nhau, cần lưu ý phải đóng thẻ bên trong trước, đóng thẻ bên ngoài sau.</span></p><hr><p><strong class="sub_question_head" id="sub_question_head_9">LT3</strong></p><p><strong>Trả lời câu hỏi Luyện tập 3 trang 72 SGK Tin học 12 Chân trời sáng tạo</strong></p><p ><span>Chọn đáp án đúng cho các câu hỏi dưới đây.</span></p> <p ><span>a) Phần tử HTML nào sau đây chỉ có thẻ mở?</span></p> <p ><span>A. <h1>.</span></p> <p ><span>B. <p>.</span></p> <p ><span>C. <hr>.</span></p> <p ><span>D. <div>.</span></p> <p ><span>b) Phần tử HTML nào sau đây có đủ thẻ mở và thẻ đóng?</span></p> <p ><span>A. <img>.</span></p> <p ><span>B. <br>.</span></p> <p ><span>C. <strong>.</span></p> <p ><span>D. <input>.</span></p><p><strong>Phương pháp giải:</strong></p><p ><span>Tìm hiểu về các đặc điểm của từng loại phần tử trong HTML.</span></p> <p ><span>Hầu hết các phần tử trong HTML có cặp thẻ mở và đóng, tuy nhiên một số phần tử lại chỉ có thẻ mở.</span></p><p><strong>Lời giải chi tiết:</strong></p><p ><span>a) Phần tử HTML sau đây chỉ có thẻ mở: <hr>. Nên đáp án đúng là:</span></p> <p ><span>C. <hr>.</span></p> <p ><span>b) Phần tử HTML sau đây có đủ thẻ mở và thẻ đóng: <strong>. Nên đáp án đúng là:</span></p> <p ><span>C. <strong></span></p> <div><span><br></span></div><hr><p><strong class="sub_question_head" id="sub_question_head_10">VD1</strong></p><p><strong>Trả lời câu hỏi Vận dụng 1 trang 72 SGK Tin học 12 Chân trời sáng tạo</strong></p><p><span id="docs-internal-guid-1aa2fd45-7fff-563f-c378-042aae1e6b70"><span>thiệu vài thông tin của bản thân. Trong đó, sử dụng các thẻ <h1> và <p>. Hình 8 là một ví dụ</span><span> </span><span>kết quả sau khi hoàn thành chỉnh sửa. sáng tạo.</span></span></p> <p><span id="docs-internal-guid-598fbc5a-7fff-5d99-8335-96a3536d12f9"><span><span><img alt="Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu vài thông (ảnh 1)" src="https://cdn.hoctot.me/uploads/photos/2024/9/1726345706-iai-tin-hoc-12-bai-f1-trang-67-sgk-chan-troi-sang-tao-1718786549_2.jpg"></span></span></span></p><p><strong>Phương pháp giải:</strong></p><p ><span>Hiệu chỉnh trang web portfolio.html và thêm các thông tin về bản thân.</span></p> <p ><span>Sử dụng các thẻ <h1>, <p> => tìm hiểu công dụng và các dùng của 2 loại thẻ này.</span></p><p><strong>Lời giải chi tiết:</strong></p><p ><span>Code như sau:</span></p> <p ><span><!DOCTYPE html></span></p> <p ><span><html></span></p> <p ><span><head></span></p> <p ><span><meta charset="utf-8"></span></p> <p ><span><title>Tiêu đề của trang web

Giới thiệu chung

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09.................

Email: [email protected]

VD2

Trả lời câu hỏi Vận dụng 2 trang 72 SGK Tin học 12 Chân trời sáng tạo

Em hãy sử dụng Visual Studio Code để tạo trang web index.html giới thiệu ngắn về lớp em, trong đó sử dụng những thẻ đã học để định dạng cho phần nội dung văn bản.

Phương pháp giải:

Tạo một trang web giới thiệu ngắn về lớp em.

Nắm được cách dùng và chức năng của các thẻ đã học để áp dụng.

Lời giải chi tiết:

Code như sau:

Tiêu đề của trang web

Giới thiệu chung về lớp 12A1

Lớp 12A1

Trường THPT Nguyễn Bỉnh Khiêm - Hà Nội

Thành viên: 35 học sinh. Nam: 20 học sinh. Nữ: 15 học sinh

Kết quả:

VD3

Trả lời câu hỏi Vận dụng 3 trang 72 SGK Tin học 12 Chân trời sáng tạo

Em hãy tìm hiểu thêm một số thuộc tính khác của thẻ như background-color, text-decoration, margin-left, margin-top.

Phương pháp giải:

Sử dụng Internet để tìm hiểu về một số thuộc tính khác của thẻ .

Lời giải chi tiết:

Một số thuộc tính của thẻ

- background-color: tạo màu nền cho văn bản.

- text-decoration: thiết lập các trang trí thêm cho chữ.

- margin-left: dùng để xác định khoảng cách lề bên trái.

- margin-top: dùng để thiết lập khoảng cách lề trên của phần tử.

VD4

Trả lời câu hỏi Vận dụng 4 trang 72 SGK Tin học 12 Chân trời sáng tạo

Ngoài thẻ và , hãy kể tên vài thẻ khác có thể có trong cặp thẻ <head></head>.</span></span></p><p><strong>Phương pháp giải:</strong></p><p><span id="docs-internal-guid-41cb04aa-7fff-c998-d479-157f21bbb8c5"><span>Sử dụng Internet để tìm hiểu về cặp thẻ <head></head> và các thẻ thuộc cặp thẻ này.</span></span></p><p><strong>Lời giải chi tiết:</strong></p><p ><span>Ngoài thẻ <meta> và <title>, còn một vài thẻ khác có thể có trong cặp thẻ <head></head>, đó là:</span></p> <p ><span>- Thẻ meta description: nêu tóm tắt nội dung của trang web.</span></p> <p ><span>- Thẻ meta content-type: dùng khai báo tóm tắt hệ thống kí tự trên trang web sử dụng HTML.</span></p> <p ><span>- Thẻ meta viewport: tối ưu website phù hợp với nhiều thiết bị.</span></p> </div> </div> </div> </div> <div class="card mt20 text-center"> <div class="card-body"> <h5 class="card-title mb-4 gradient-text">Bạn muốn hỏi điều gì?</h5> <a href="/hoi-dap/cau-hoi-moi" class="btn btn-warning mb-3"> <i class="fas fa-comment"></i> Đặt Câu Hỏi </a> <p class="gradient-text"> We using AI and power community to slove your question </p> </div> </div> <div class="alert mt20 alert-primary"> <p class="mb5"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> Mẹo tìm đáp án nhanh</p> <p class="mb5">Search Google: <span class="fw-bold"> "từ khóa + hoctot.me"</span> Ví dụ: <span class="fw-bold"><a href="https://www.google.com/search?q=B%C3%A0i+1+trang+15+SGK+V%E1%BA%ADt+l%C3%AD+11+hoctot.me" rel="nofollow" style="color:#FFF">"Bài 1 trang 15 SGK Vật lí 11 hoctot.me"</a></span> </p> </div> </div> </div> </div> <div class="container-fluid"> <div class="row footer "> <div class="col-sm-6 dropdown"> <span class="mr5">© 2025 Học Tốt Online - Chia Sẻ Tài Liệu Học Tập và Giải Bài Tập Miễn Phí</span> <a href="#" class="language-dropdown" data-bs-toggle="dropdown"> <img width="16" height="16" class="mr10" src="https://cdn.hoctot.me/uploads/photos/2024/09/hoctot.me_c9ca4d1f74f495e314c2e3431a70628f.png"> <span>English</span> </a> <div class="dropdown-menu"> <div class="js_scroller"> <a class="dropdown-item" href="?lang=en_us" rel="nofollow"> <img width="16" height="16" class="mr10" src="https://cdn.hoctot.me/uploads/photos/2024/09/hoctot.me_c9ca4d1f74f495e314c2e3431a70628f.png">English </a> <a class="dropdown-item" href="?lang=vi_vn" rel="nofollow"> <img width="16" height="16" class="mr10" src="https://cdn.hoctot.me/uploads/photos/2024/09/hoctot.me_df3f97e59a451c1392672233a53f7576.png">Vietnamese </a> <a class="dropdown-item" href="?lang=fr_fr" rel="nofollow"> <img width="16" height="16" class="mr10" src="https://cdn.hoctot.me/uploads/photos/2024/09/hoctot.me_a298de103eaa85a781e2a072a2c8b410.png">French </a> <a class="dropdown-item" href="?lang=es_es" rel="nofollow"> <img width="16" height="16" class="mr10" src="https://cdn.hoctot.me/uploads/photos/2024/09/hoctot.me_e125915a95cd1cd618fd4789a82e311a.png">Spanish </a> <a class="dropdown-item" href="?lang=ru_ru" rel="nofollow"> <img width="16" height="16" class="mr10" src="https://cdn.hoctot.me/uploads/photos/2024/09/hoctot.me_30505b334510cd0dd762846ec16027f6.png">Russian </a> </div> </div> </div> <div class="col-sm-6 links"> <a href="https://hoctot.me/static/about"> Giới Thiệu Về Học Tốt Online </a> <a class="pl10" href="https://hoctot.me/static/terms"> Điều Khoản Sử Dụng </a> <a class="pl10" href="https://hoctot.me/static/privacy"> Chính Sách Bảo Mật </a> <a class="pl10" href="https://hoctot.me/directory"> Directory </a> </div> </div> </div> </div> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zamblektech/twemoji-amazing@latest/twemoji-amazing.css"> <script>/* initialize vars */var site_title = "Học Tốt Online - Chia Sẻ Tài Liệu Học Tập và Giải Bài Tập Miễn Phí";var site_path = "https://hoctot.me";var ajax_path = site_path + "/includes/ajax/";var uploads_path = "https://cdn.hoctot.me/uploads";var current_page = "forums";var system_debugging_mode = false;/* language */var system_langauge_dir = "ltr";var system_langauge_code = "en";/* datetime */var system_datetime_format = 'DD/MM/YYYY HH:mm';/* theme */var theme_mode_night = false;var theme_dir_rtl = false;/* payments */var currency = "VND";var stripe_key = "";var twocheckout_merchant_code = "";var twocheckout_publishable_key = "";var razorpay_key = "";var securionpay_key = "";/* features */var adblock_detector = false;var location_finder = false;var desktop_infinite_scroll = true;var mobile_infinite_scroll = false;var auto_play_videos = true;/* ajax */var user_id = null;/* uploads */var secret = "ca1a2fef96603a56d5b7ab809ca48688";var noty_notifications_enabled = true;var browser_notifications_enabled = true;/* stories */var stories_duration = "3";/* posts */var daytime_msg_enabled = false;var giphy_key = "";var yandex_key = "";var post_translation_enabled = false;var voice_notes_durtaion = "120";var voice_notes_encoding = "mp3";var geolocation_enabled = false;</script><script>/* i18n for JS */var __ = [];__['Ask something'] = "Ask something";__['Add Friend'] = "Add Friend";__['Friends'] = "Friends";__['Sent'] = "Sent";__['Following'] = "Following";__['Follow'] = "Follow";__['Pending'] = "Pending";__['Remove'] = "Remove";__['Error'] = "Error";__['Success'] = "Success";__['Loading'] = "Loading";__['Like'] = "Like";__['Unlike'] = "Unlike";__['React'] = "React";__['Joined'] = "Joined";__['Join'] = "Join";__['Remove Admin'] = "Remove Admin";__['Make Admin'] = "Make Admin";__['Going'] = "Going";__['Interested'] = "Interested";__['Delete'] = "Delete";__['Delete Cover'] = "Delete Cover";__['Delete Picture'] = "Delete Picture";__['Delete Post'] = "Delete Post";__['Delete Comment'] = "Delete Comment";__['Delete Conversation'] = "Delete Conversation";__['Report'] = "Report";__['Block User'] = "Block User";__['Unblock User'] = "Unblock User";__['Mark as Available'] = "Mark as Available";__['Mark as Sold'] = "Mark as Sold";__['Save Post'] = "Save Post";__['Unsave Post'] = "Unsave Post";__['Boost Post'] = "Boost Post";__['Unboost Post'] = "Unboost Post";__['Pin Post'] = "Pin Post";__['Unpin Post'] = "Unpin Post";__['For Everyone'] = "For Everyone";__['For Subscribers Only'] = "For Subscribers Only";__['Verify'] = "Verify";__['Decline'] = "Decline";__['Boost'] = "Boost";__['Unboost'] = "Unboost";__['Mark as Paid'] = "Mark as Paid";__['Read more'] = "Read more";__['Read less'] = "Read less";__['Turn On Chat'] = "Turn On Chat";__['Turn Off Chat'] = "Turn Off Chat";__['Monthly Average'] = "Monthly Average";__['PayIn Methods'] = "PayIn Methods";__['PayIn Types'] = "PayIn Types";__['Commissions Types'] = "Commissions Types";__['Packages'] = "Packages";__['Jan'] = "Jan";__['Feb'] = "Feb";__['Mar'] = "Mar";__['Apr'] = "Apr";__['May'] = "May";__['Jun'] = "Jun";__['Jul'] = "Jul";__['Aug'] = "Aug";__['Sep'] = "Sep";__['Oct'] = "Oct";__['Nov'] = "Nov";__['Dec'] = "Dec";__['Users'] = "Users";__['Pages'] = "Pages";__['Groups'] = "Groups";__['Events'] = "Events";__['Posts'] = "Posts";__['Translated'] = "Translated";__['Are you sure you want to delete this?'] = "Are you sure you want to delete this?";__['Are you sure you want to remove your cover photo?'] = "Are you sure you want to remove your cover photo?";__['Are you sure you want to remove your profile picture?'] = "Are you sure you want to remove your profile picture?";__['Are you sure you want to delete this post?'] = "Are you sure you want to delete this post?";__['Are you sure you want to delete this comment?'] = "Are you sure you want to delete this comment?";__['Are you sure you want to delete this conversation?'] = "Are you sure you want to delete this conversation?";__['Are you sure you want to report this?'] = "Are you sure you want to report this?";__['Are you sure you want to block this user?'] = "Are you sure you want to block this user?";__['Are you sure you want to unblock this user?'] = "Are you sure you want to unblock this user?";__['Are you sure you want to delete your account?'] = "Are you sure you want to delete your account?";__['Are you sure you want to verify this request?'] = "Are you sure you want to verify this request?";__['Are you sure you want to decline this request?'] = "Are you sure you want to decline this request?";__['Are you sure you want to approve this request?'] = "Are you sure you want to approve this request?";__['Are you sure you want to do this?'] = "Are you sure you want to do this?";__['Factory Reset'] = "Factory Reset";__['Are you sure you want to reset your website?'] = "Are you sure you want to reset your website?";__['There is something that went wrong!'] = "There is something that went wrong!";__['There is no more data to show'] = "There is no more data to show";__['This website uses cookies to ensure you get the best experience on our website'] = "This website uses cookies to ensure you get the best experience on our website";__['Got It!'] = "Got It!";__['Learn More'] = "Learn More";__['No result found'] = "No result found";__['Turn on Commenting'] = "Turn on Commenting";__['Turn off Commenting'] = "Turn off Commenting";__['Day Mode'] = "Day Mode";__['Night Mode'] = "Night Mode";__['Message'] = "Message";__['You haved poked'] = "You haved poked";__['Touch to unmute'] = "Touch to unmute";__['Press space to see next'] = "Press space to see next";__['Visit link'] = "Visit link";__['ago'] = "ago";__['hour'] = "hour";__['hours'] = "hours";__['minute'] = "minute";__['minutes'] = "minutes";__['from now'] = "from now";__['seconds'] = "seconds";__['yesterday'] = "yesterday";__['tomorrow'] = "tomorrow";__['days'] = "days";__['Nothing selected'] = "Nothing selected";__['Seen by'] = "Seen by";__['Ringing'] = "Ringing";__['is Offline'] = "is Offline";__['is Busy'] = "is Busy";__['No Answer'] = "No Answer";__['You can not connect to this user'] = "You can not connect to this user";__['You have an active call already'] = "You have an active call already";__['The recipient declined the call'] = "The recipient declined the call";__['Connection has been lost'] = "Connection has been lost";__['You must fill in all of the fields'] = "You must fill in all of the fields";__['Hide from Timeline'] = "Hide from Timeline";__['Allow on Timeline'] = "Allow on Timeline";__['Are you sure you want to hide this post from your profile timeline? It may still appear in other places like newsfeed and search results'] = "Are you sure you want to hide this post from your profile timeline? It may still appear in other places like newsfeed and search results";__['Select All'] = "Select All";__['Deselect All'] = "Deselect All";__['Total'] = "Total";__['Stop Campaign'] = "Stop Campaign";__['Resume Campaign'] = "Resume Campaign";__['Sorry, WebRTC is not available in your browser'] = "Sorry, WebRTC is not available in your browser";__['Not able to connect, Try again later!'] = "Not able to connect, Try again later!";__['You are ready to Go Live now'] = "You are ready to Go Live now";__['Getting permissions failed'] = "Getting permissions failed";__['Going Live'] = "Going Live";__['You are live now'] = "You are live now";__['You are offline now'] = "You are offline now";__['Going live failed'] = "Going live failed";__['Online'] = "Online";__['Offline'] = "Offline";__['Switching stream sources'] = "Switching stream sources";__['Successfully switched to new device'] = "Successfully switched to new device";__['Unable to determine device type'] = "Unable to determine device type";__['Failed to switch to new device'] = "Failed to switch to new device";__['Ending live error'] = "Ending live error";__['Joining live stream failed'] = "Joining live stream failed";__['Video Muted'] = "Video Muted";__['Audio Muted'] = "Audio Muted";__['Live Ended'] = "Live Ended";__['Try Package'] = "Try Package";__['Are you sure you want to subscribe to this free package?'] = "Are you sure you want to subscribe to this free package?";__['Sneak Peak'] = "Sneak Peak";__['Are you sure you want to subscribe to this free plan?'] = "Are you sure you want to subscribe to this free plan?";__['Processing'] = "Processing";__['Your video is being processed, We will let you know when it is ready!'] = "Your video is being processed, We will let you know when it is ready!";__['Under Review'] = "Under Review";__['Your post is under review now, We will let you know when it is ready!'] = "Your post is under review now, We will let you know when it is ready!";__['Payment Confirmation'] = "Payment Confirmation";__['This message will cost you'] = "This message will cost you";__['This call will cost you'] = "This call will cost you";__['Login As'] = "Login As";__['Are you sure you want to login as this user?'] = "Are you sure you want to login as this user?";__['Are you sure you want to switch back to your account?'] = "Are you sure you want to switch back to your account?";/* i18n for DataTables */__['Processing...'] = "Processing...";__['Search:'] = "Search:";__['Show _MENU_ entries'] = "Show _MENU_ entries";__['Showing _START_ to _END_ of _TOTAL_ entries'] = "Showing _START_ to _END_ of _TOTAL_ entries";__['Showing 0 to 0 of 0 entries'] = "Showing 0 to 0 of 0 entries";__['(filtered from _MAX_ total entries)'] = "(filtered from _MAX_ total entries)";__['Loading...'] = "Loading...";__['No matching records found'] = "No matching records found";__['No data available in table'] = "No data available in table";__['First'] = "First";__['Previous'] = "Previous";__['Next'] = "Next";__['Last'] = "Last";__[': activate to sort column ascending'] = ": activate to sort column ascending";__[': activate to sort column descending'] = ": activate to sort column descending";/* i18n for OneSignal */__['Subscribe to notifications'] = "Subscribe to notifications";__['You are subscribed to notifications'] = "You are subscribed to notifications";__['You have blocked notifications'] = "You have blocked notifications";__['Click to subscribe to notifications'] = "Click to subscribe to notifications";__['Thanks for subscribing!'] = "Thanks for subscribing!";__['You are subscribed to notifications'] = "You are subscribed to notifications";__['You will not receive notifications again'] = "You will not receive notifications again";__['Manage Site Notifications'] = "Manage Site Notifications";__['SUBSCRIBE'] = "SUBSCRIBE";__['UNSUBSCRIBE'] = "UNSUBSCRIBE";__['Unblock Notifications'] = "Unblock Notifications";__['Follow these instructions to allow notifications:'] = "Follow these instructions to allow notifications:";/* i18n for Video.js */__['Play'] = "Play";__['Pause'] = "Pause";__['Mute'] = "Mute";__['Unmute'] = "Unmute";__['Current Time'] = "Current Time";__['Duration'] = "Duration";__['Remaining Time'] = "Remaining Time";__['Fullscreen'] = "Fullscreen";__['Picture-in-Picture'] = "Picture-in-Picture";/* i18n for Highcharts.js */__['View Fullscreen'] = "View Fullscreen";__['Print Chart'] = "Print Chart";__['Download PNG'] = "Download PNG";__['Download JPEG'] = "Download JPEG";__['Download PDF'] = "Download PDF";__['Download SVG vector image'] = "Download SVG vector image";__['Chart context menu'] = "Chart context menu";</script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"> </script><script src="https://hoctot.me/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script><script src="https://hoctot.me/node_modules/mustache/mustache.min.js" defer></script><script src="https://hoctot.me/node_modules/jquery-form/dist/jquery.form.min.js" defer></script><script src="https://hoctot.me/node_modules/jquery-inview/jquery.inview.min.js" defer></script><script src="https://hoctot.me/node_modules/autosize/dist/autosize.min.js" defer></script><script src="https://hoctot.me/node_modules/readmore-js/readmore.min.js" defer></script><script src="https://hoctot.me/node_modules/moment/min/moment-with-locales.min.js" defer></script><script src="https://unpkg.com/video.js@7.21.1/dist/video.min.js" defer></script><link href="https://unpkg.com/@silvermine/videojs-quality-selector/dist/css/quality-selector.css" rel="stylesheet"><script src="https://unpkg.com/@silvermine/videojs-quality-selector/dist/js/silvermine-videojs-quality-selector.min.js" defer></script><link href="https://unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet"><script src="https://hoctot.me/node_modules/jquery-fracs/dist/jquery.fracs.min.js" defer></script><script> var _tooltip = jQuery.fn.tooltip; </script><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script><script> jQuery.fn.tooltip = _tooltip; </script><script src="https://hoctot.me/node_modules/theia-sticky-sidebar/dist/theia-sticky-sidebar.min.js"></script><script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-mml-chtml.min.js"></script><script src="https://hoctot.me/includes/assets/js/core/core.js?v=201111s2152" defer></script><script src="https://hoctot.me/includes/assets/js/core/user.js?v=1" defer></script><script src="https://hoctot.me/includes/assets/js/core/login.js" defer></script> <div class="toast-container p-3 bottom-0 start-0 fixed-bottom"></div><div id="modal" class="modal fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><div class="loader pt10 pb10"></div></div></div></div></div><script id="modal-login" type="text/template"><div class="modal-header"><h6 class="modal-title">Not Logged In</h6></div><div class="modal-body"><p>Please log in to continue</p></div><div class="modal-footer"><a class="btn btn-primary" href="https://hoctot.me/signin?callback=https%3A%2F%2Fhoctot.me%2Fgiai-bai-tap%2Fthread%2F66460%2FB%25C3%25A0i-F1-HTML-v%25C3%25A0-trang-web-trang-67-68-69">Login</a></div></script><script id="modal-message" type="text/template"><div class="modal-header"><h6 class="modal-title">{{title}}</h6><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body"><p>{{message}}</p></div></script><script id="modal-success" type="text/template"><div class="modal-body text-center" style="padding: 50px;"><div class="svg-container main-icon mb20" style="width:60px; height:60px; "> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 512 511" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M512 256.5c0 50.531-15 99.672-43.375 142.113-3.855 5.77-10.191 8.887-16.645 8.887-3.82 0-7.683-1.09-11.097-3.375-9.184-6.137-11.649-18.559-5.512-27.742C459.336 340.543 472 299.09 472 256.5c0-18.3-2.29-36.477-6.805-54.016-2.754-10.695 3.688-21.601 14.383-24.355 10.703-2.75 21.602 3.687 24.356 14.383C509.285 213.309 512 234.836 512 256.5zM367.734 441.395C334.141 461.742 295.504 472.5 256 472.5c-119.102 0-216-96.898-216-216s96.898-216 216-216c44.098 0 86.5 13.195 122.629 38.16 9.086 6.278 21.543 4 27.824-5.086 6.277-9.086 4.004-21.543-5.086-27.824C358.523 16.148 308.257.5 256 .5 187.621.5 123.332 27.129 74.98 75.48 26.63 123.832 0 188.121 0 256.5s26.629 132.668 74.98 181.02C123.332 485.87 187.621 512.5 256 512.5c46.813 0 92.617-12.758 132.46-36.895 9.45-5.722 12.47-18.02 6.747-27.468-5.727-9.45-18.023-12.465-27.473-6.742zM257.93 314.492c-3.168.125-6.125-1-8.422-3.187l-104.746-99.317c-8.016-7.601-20.676-7.265-28.274.75-7.601 8.016-7.265 20.676.75 28.274l104.727 99.3c9.672 9.196 22.183 14.188 35.441 14.188.711 0 1.422-.016 2.133-.043 14.043-.566 26.941-6.644 36.316-17.117.239-.262.465-.531.688-.809l211.043-262.5c6.922-8.61 5.555-21.199-3.055-28.117-8.605-6.922-21.199-5.555-28.12 3.055L265.78 310.957a11.434 11.434 0 0 1-7.851 3.535zm0 0" fill="#5e72e4" data-original="#000000" class=""></path></g></svg> </div><h4>{{title}}</h4><p class="mt20">{{message}}</p></div></script><script id="modal-error" type="text/template"><div class="modal-body text-center" style="padding: 50px;"><div class="svg-container main-icon mb20" style="width:60px; height:60px; "> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m357.14 181.14-73.355 73.36 73.356 73.36c7.812 7.808 7.812 20.472 0 28.28-3.903 3.907-9.024 5.86-14.141 5.86s-10.238-1.953-14.14-5.86l-73.36-73.355-73.36 73.356C178.239 360.047 173.118 362 168 362s-10.238-1.953-14.14-5.86c-7.813-7.808-7.813-20.472 0-28.28l73.355-73.36-73.356-73.36c-7.812-7.808-7.812-20.472 0-28.28 7.809-7.813 20.473-7.813 28.282 0l73.359 73.355 73.36-73.356c7.808-7.812 20.472-7.812 28.28 0 7.813 7.809 7.813 20.473 0 28.282zm79.88-106.16C388.668 26.63 324.379 0 256 0S123.332 26.629 74.98 74.98C26.63 123.332 0 187.621 0 256s26.629 132.668 74.98 181.02C123.332 485.37 187.621 512 256 512c46.813 0 92.617-12.758 132.46-36.895 9.45-5.722 12.47-18.02 6.747-27.464-5.723-9.45-18.023-12.47-27.469-6.746C334.145 461.242 295.504 472 256 472c-119.102 0-216-96.898-216-216S136.898 40 256 40s216 96.898 216 216c0 42.59-12.664 84.043-36.625 119.887-6.14 9.18-3.672 21.601 5.512 27.742 9.18 6.137 21.601 3.672 27.742-5.512C497 355.676 512 306.531 512 256c0-68.379-26.629-132.668-74.98-181.02zm0 0" fill="#5e72e4" data-original="#000000" class=""></path></g></svg> </div><h4>{{title}}</h4><p class="mt20">{{message}}</p></div></script><script id="modal-confirm" type="text/template"><div class="modal-header"><h6 class="modal-title">{{title}}</h6></div><div class="modal-body"><h6>{{message}}</h6>{{#password_check}}<div class="form-group mt20"><label class="form-label" for="modal-password-check">Confirm Password</label><input id="modal-password-check" name="password_check" type="password" class="form-control"></div>{{/password_check}}</div><div class="modal-footer"><button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button><button type="button" class="btn btn-primary" id="modal-confirm-ok">Confirm</button></div></script><script id="modal-confirm-payment" type="text/template"><div class="modal-body text-center" style="padding: 50px;"><div class="svg-container main-icon mb20" style="width:60px; height:60px; "> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill="#5e72e4" d="m29.241 10.407-2.803-6.583a2.996 2.996 0 0 0-2.76-1.825H8.525a3.004 3.004 0 0 0-2.736 1.769l-2.968 6.594c-.809 1.405-.382 3.195.969 4.017.067.041.14.071.209.108v12.512c0 1.654 1.346 3 3 3H25c1.654 0 3-1.346 3-3V14.487c.082-.044.167-.081.246-.131 1.305-.812 1.743-2.572.995-3.949zM18 28v-5h4v5zm8-1c0 .551-.449 1-1 1h-1v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H7c-.551 0-1-.449-1-1V15a4.24 4.24 0 0 0 3.094-1.334c1.094 1 2.559 1.503 4.026 1.327 1.305-.158 2.258-.811 2.879-1.416.622.604 1.575 1.257 2.879 1.416.194.023.388.035.582.035 1.265 0 2.495-.495 3.444-1.362A4.24 4.24 0 0 0 25.998 15v12zm1.188-14.341a2.246 2.246 0 0 1-3.265-1.044 1.001 1.001 0 0 0-.843-.612.985.985 0 0 0-.93.47c-.666 1.074-1.858 1.672-3.029 1.534-1.417-.172-2.18-1.383-2.263-1.521a.999.999 0 0 0-1.716 0c-.083.138-.845 1.349-2.263 1.521-1.175.139-2.364-.46-3.029-1.534a.981.981 0 0 0-.93-.47.999.999 0 0 0-.843.612 2.244 2.244 0 0 1-3.246 1.056c-.423-.257-.544-.867-.264-1.331a.896.896 0 0 0 .056-.106l2.99-6.645c.161-.358.519-.589.912-.589h15.152c.402 0 .763.239.92.608l2.823 6.631a.776.776 0 0 0 .052.104c.264.463.137 1.053-.285 1.316z" data-original="#0c474d"></path><path fill="#3cacb6" d="M12 19H9a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" data-original="#3cacb6" class=""></path></g></svg> </div><h4>Payment Alert</h4><p class="mt20">You are about to purchase the items, do you want to proceed?</p><div class="mt30 text-center"><button type="button" class="btn btn-light rounded-pill mr10" data-bs-dismiss="modal">Cancel</button><button type="button" class="btn btn-primary rounded-pill" id="modal-confirm-payment-ok">Confirm</button></div></div></script><script id="modal-loading" type="text/template"> <div class="modal-body text-center"> <div class="spinner-border text-primary"></div> </div> </script><script id="theme-switcher" type="text/template"><div class="modal-header"><h6 class="modal-title"><div class="svg-container main-icon mr10" style="width:24px; height:24px; "> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g fill="#ff38ac"><path d="M18.1 14.58H5.9c-.5 0-.93-.38-.99-.88L3.83 5.12c-.11-.85.16-1.71.73-2.36s1.39-1.02 2.25-1.02h10.38c.86 0 1.68.37 2.25 1.02s.83 1.51.73 2.36l-1.08 8.58c-.06.5-.49.88-.99.88zm-11.31-2h10.43l.97-7.71a.99.99 0 0 0-.24-.79c-.19-.21-.46-.34-.75-.34H6.81c-.29 0-.56.12-.75.34s-.28.5-.24.79z" fill="#5e72e4" data-original="#ff38ac"></path><path d="M15 6.75c-.55 0-1-.45-1-1V3.29c0-.55.45-1 1-1s1 .45 1 1v2.46c0 .55-.45 1-1 1zM12 6.04c-.55 0-1-.45-1-1V3.3c0-.55.45-1 1-1s1 .45 1 1v1.74c0 .55-.45 1-1 1zM9 6.75c-.55 0-1-.45-1-1V3.29c0-.55.45-1 1-1s1 .45 1 1v2.46c0 .55-.45 1-1 1z" fill="#5e72e4" data-original="#ff38ac"></path></g><path fill="#5e72e4" d="M17.61 17.75H6.39c-1.42 0-2.58-1.16-2.58-2.58s1.16-2.58 2.58-2.58h11.22c1.42 0 2.58 1.16 2.58 2.58s-1.16 2.58-2.58 2.58zM6.39 14.58a.58.58 0 0 0 0 1.16h11.22a.58.58 0 0 0 0-1.16z" data-original="#3c36b5" class=""></path><path fill="#5e72e4" d="M12 22.25c-.8 0-1.56-.31-2.12-.88S9 20.05 9 19.25v-2.5c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v2.5c0 1.65-1.35 3-3 3zm-1-4.5v1.5a.99.99 0 0 0 1 1c.55 0 1-.45 1-1v-1.5z" data-original="#3c36b5" class=""></path></g></svg> </div>Theme Switcher</h6><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body pb0 pt30"><div class="row"><div class="col-6"><div style="background: rgb(0 0 0 / 0.06); padding: 8px; border-radius: 8px; margin-bottom: 30px;"><a style="display: block; position: relative; padding-bottom: 60%;" href="?theme=default"><img style="width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 4px;" src="https://hoctot.me/content/themes/default/thumbnail.png"><span style="position: absolute; background: linear-gradient(transparent, rgb(0 0 0 / 0.7)); bottom: 0; left: 0; right: 0; width: 100%; border-radius: 0 0 8px 8px; color: #fff; font-size: 14px; text-align: center; text-transform: capitalize; padding: 20px 8px 8px;">default</span></a></div></div></div></div></script><script id="search-for" type="text/template"><div class="ptb10 plr10"><a href="https://hoctot.me/search/{{#hashtag}}hashtag/{{/hashtag}}{{query}}"><i class="fa fa-search pr5"></i> Search for {{#hashtag}}#{{/hashtag}}{{query}}</a></div></script><script id="lightbox" type="text/template"><div class="lightbox"><div class="lightbox-container"><div class="lightbox-preview"><div class="lightbox-next js_lightbox-slider"><i class="fa fa-chevron-circle-right fa-3x"></i></div><div class="lightbox-prev js_lightbox-slider"><i class="fa fa-chevron-circle-left fa-3x"></i></div><div class="lightbox-download"><a href="{{image}}" download>Download</a> - <a target="_blank" href="{{image}}">View Original</a></div><img alt="" class="img-fluid" src="{{image}}"></div><div class="lightbox-data"><div class="clearfix"><div class="pt5 pr5 float-end"><button type="button" class="btn-close lightbox-close js_lightbox-close"></button></div></div><div class="lightbox-post"><div class="js_scroller" data-slimScroll-height="100%"><div class="loader mtb10"></div></div></div></div></div></div></script><script id="lightbox-nodata" type="text/template"><div class="lightbox"><div class="lightbox-container"><div class="lightbox-preview nodata"><div class="lightbox-exit js_lightbox-close"><i class="fas fa-times fa-2x"></i></div><img alt="" class="img-fluid" src="{{image}}"></div></div></div></script><script id="lightbox-live" type="text/template"><div class="lightbox" data-live-post-id="{{post_id}}"><div class="lightbox-container"><div class="lightbox-preview with-live"><div class="live-stream-video" id="js_live-video"><div class="live-counter" id="js_live-counter"><span class="status offline" id=js_live-counter-status>Offline</span><span class="number"><i class="fas fa-eye mr5"></i><strong id="js_live-counter-number">0</strong></span></div><div class="live-status" id="js_live-status">Loading<span class="spinner-grow spinner-grow-sm ml10"></span></div></div></div><div class="lightbox-data"><div class="clearfix"><div class="pt5 pr5 float-end"><button type="button" class="btn-close lightbox-close js_lightbox-close"></button></div></div><div class="lightbox-post"><div class="js_scroller" data-slimScroll-height="100%"><div class="loader mtb10"></div></div></div></div></div></div></script><script id="two-factor-authentication" type="text/template"><div class="modal-header"><h6 class="modal-title">Two-factor authentication required</h6><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><form class="js_ajax-forms" data-url="core/two_factor_authentication.php"><div class="modal-body"><div class="mb20">You've asked us to require a 6-digit login code when anyone tries to access your account from a new device or browser.</div><div class="mb20">Enter the 6-digit code that we sent to your <strong>{{method}}</strong></div><div class="form-group"><input class="form-control" name="two_factor_key" type="text" placeholder="######" required autofocus></div><div class="alert alert-danger mb0 mt10 x-hidden"></div></div><div class="modal-footer"><input name="user_id" type="hidden" value="{{user_id}}">{{#remember}}<input name="remember" type="hidden" value="true">{{/remember}}{{#connecting_account}}<input name="connecting_account" type="hidden" value="true">{{/connecting_account}}<button type="submit" class="btn btn-primary">Continue</button></div></form></script> <script id="x-uploader" type="text/template"> <form class="x-uploader" action="{{url}}" method="post" enctype="multipart/form-data"> {{#multiple}} <input name="file[]" type="file" multiple="multiple" accept="{{accept}}"> {{/multiple}} {{^multiple}} <input name="file" type="file" accept="{{accept}}"> {{/multiple}} <input type="hidden" name="secret" value="{{secret}}"> </form> </script> <script id="forget-password-confirm" type="text/template"><div class="modal-header"><h6 class="modal-title">Check Your Email</h6><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><form class="js_ajax-forms" data-url="core/forget_password_confirm.php"><div class="modal-body"><div class="mb20">Check your email - We sent you an email with a six-digit confirmation code. Enter it below to continue to reset your password.</div><div class="row"><div class="col-md-6"><div class="form-group"><input class="form-control" name="reset_key" type="text" placeholder="######" required autofocus></div></div><div class="col-md-6"><label class="form-label mb5">We sent your code to</label> <span class="badge badge-lg bg-light text-primary">{{email}}</span></div></div><div class="alert alert-danger mt15 mb0 x-hidden"></div></div><div class="modal-footer"><input name="email" type="hidden" value="{{email}}"><button type="submit" class="btn btn-primary">Continue</button></div></form></script><script id="forget-password-reset" type="text/template"><div class="modal-header"><h6 class="modal-title">Change Your Password!</h6><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><form class="js_ajax-forms" data-url="core/forget_password_reset.php"><div class="modal-body"><div class="form-group"><label class="form-label" for="password">New Password</label><input class="form-control" name="password" id="password" type="password" required autofocus></div><div class="form-group"><label class="form-label" for="confirm">Confirm Password</label><input class="form-control" name="confirm" id="confirm" type="password" required></div><div class="alert alert-danger mb0 mt10 x-hidden"></div></div><div class="modal-footer"><input name="email" type="hidden" value="{{email}}"><input name="reset_key" type="hidden" value="{{reset_key}}"><button type="submit" class="btn btn-primary">Continue</button></div></form></script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MKLB5HGX');</script> <div class="bottom-nav text-center"> <div class="nav-item text-center"> <a href="/exercise"><div class="svg-container main-icon-button" style="width:24px; height:24px; "> <svg class="svg-icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M448.193437 990.422633l0.031887 1.690029a31.887338 31.887338 0 0 1-31.887338 31.887338h-63.774676a63.774676 63.774676 0 0 1-63.774676-63.774676V892.847379a31.887338 31.887338 0 0 0-31.887338-31.887338H225.013958a63.774676 63.774676 0 0 1-63.774677-63.774677v-75.955639l-70.343467-35.171734a63.774676 63.774676 0 0 1-16.581416-102.135143L161.239281 496.997964l0.095662-55.260757C184.963461 152.200178 313.915856 0.607773 543.791676 0.001913c230.067144-0.605859 359.019539 151.783729 382.648057 443.871746a31.887338 31.887338 0 1 1-63.583352 5.101974C841.715075 187.27625 736.805733 63.298279 543.983 63.776589 350.968943 64.286787 246.059601 187.62701 225.013958 444.320082v52.677882A63.774676 63.774676 0 0 1 206.327977 542.08666l-86.924883 86.924884 70.343468 35.171733A63.774676 63.774676 0 0 1 225.013958 721.229725V797.185364h31.887338a95.662014 95.662014 0 0 1 95.662014 95.662015v67.377945h38.488017l150.508235-377.801181a64.635634 64.635634 0 0 1 118.939771-2.04079l171.171231 389.727046a31.664127 31.664127 0 0 1-16.708965 41.8043 32.333761 32.333761 0 0 1-42.346385-16.485754L713.84685 861.597787a31.887338 31.887338 0 0 1-7.334088 0.860958h-207.363359L448.225324 990.422633z m238.102753-191.54724l-84.820319-193.173494-76.976034 193.173494h161.796353zM927.141254 573.973998v413.259901a31.887338 31.887338 0 0 1-31.887338 31.887338H894.648057a31.887338 31.887338 0 0 1-31.887338-31.887338V573.973998a31.887338 31.887338 0 0 1 31.887338-31.887338h0.605859a31.887338 31.887338 0 0 1 31.887338 31.887338z" /></svg> </div> <p>Exercise</p></a> </div> <div class="nav-item text-center"> <a href="/hoi-dap"><div class="svg-container main-icon-button" style="width:24px; height:24px; "> <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M878.9 109.4H673.4V65H437.6v44.4H232.1c-44.1 0-80 35.9-80 80v89.5c0 22.1 17.9 40 40 40s40-17.9 40-40v-89.4s0-0.1 0.1-0.1h205.4v46h235.7v-46h205.4s0.1 0 0.1 0.1v331.7s0 0.1-0.1 0.1h-60.9c-22.1 0-40 17.9-40 40s17.9 40 40 40h61c44.1 0 80-35.9 80-80V189.4c0.1-44.1-35.8-80-79.9-80z" /><path d="M745.9 286.5a40.1 40.1 0 0 0-42.7 5.9L384.7 563.7c8.8-19.6 13.8-41.3 13.8-64.2 0-86.5-70.4-156.8-156.8-156.8S84.8 413 84.8 499.5c0 44 18.2 83.8 47.5 112.3l-43.5 19.5c-14.4 6.5-23.6 20.7-23.6 36.5V919c0 22.1 17.9 40 40 40h413.3c22.1 0 40-17.9 40-40V742.4l201.2-238.9c6.1-7.2 9.4-16.3 9.4-25.8v-155c0-15.5-9.1-29.7-23.2-36.2zM241.6 422.7c42.4 0 76.8 34.5 76.8 76.8 0 42.4-34.5 76.8-76.8 76.8s-76.8-34.5-76.8-76.8 34.5-76.8 76.8-76.8z m447.5 40.4L487.9 702c-6.1 7.2-9.4 16.3-9.4 25.8V879H145.1V693.7l42.1-18.9 168.5 5.1c9.9 0.3 19.6-3.1 27.1-9.5l306.2-261v53.7z" /></svg> </div> <p>QandAs</p></a> </div> <div class="nav-item "> <a href="/tro-chuyen"> <div class="svg-container main-icon-button" style="width:24px; height:24px; "> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g fill="#292d32" fill-rule="evenodd" clip-rule="evenodd"><path d="M6.79 6.75a5.327 5.327 0 0 0-.686.037c-1.209.104-2.01.5-2.521 1.101-.52.611-.833 1.543-.833 2.902v4c0 1.935.394 2.851.942 3.33.574.5 1.515.71 3.098.71h.4c.263 0 .508.084.692.177.185.093.391.238.544.437l.004.006 1.201 1.601c.146.196.284.232.359.232.075 0 .213-.036.359-.232l.001-.001 1.2-1.6c.292-.389.754-.62 1.24-.62h.4c1.36 0 2.292-.311 2.902-.83.6-.509.997-1.31 1.1-2.524l.004-.029c.025-.198.034-.415.034-.657v-4c0-1.479-.37-2.452-.98-3.06s-1.581-.98-3.06-.98zm-.828-1.456c.277-.034.555-.044.828-.044h6.4c1.711 0 3.133.43 4.122 1.418.988.99 1.418 2.41 1.418 4.122v4c0 .273-.01.551-.044.828-.129 1.48-.642 2.693-1.623 3.526-.975.828-2.303 1.186-3.873 1.186h-.4a.05.05 0 0 0-.022.006.052.052 0 0 0-.018.014l-1.199 1.599c-.384.514-.942.834-1.561.834-.62 0-1.177-.32-1.56-.834l-1.185-1.58a.27.27 0 0 0-.077-.039H6.79c-1.607 0-3.06-.186-4.085-1.08-1.049-.916-1.455-2.395-1.455-4.46v-4c0-1.571.362-2.899 1.19-3.873.834-.981 2.047-1.494 3.522-1.623z" fill="#5e72e4" data-original="#292d32" class=""></path><path d="M6.923 5.25h6.266c1.711 0 3.133.43 4.122 1.418.988.99 1.418 2.41 1.418 4.122v3.867c.749-.184 1.289-.517 1.668-.962.518-.609.832-1.54.832-2.905v-4c0-1.479-.37-2.452-.979-3.06s-1.582-.98-3.06-.98h-6.4c-1.36 0-2.292.313-2.903.833-.446.38-.78.92-.964 1.667zm-.007-2.81c.974-.828 2.302-1.19 3.873-1.19h6.4c1.711 0 3.133.43 4.122 1.418.988.99 1.418 2.41 1.418 4.122v4c0 1.576-.361 2.904-1.19 3.878-.837.983-2.056 1.493-3.536 1.62a.75.75 0 0 1-.808-.841c.025-.198.034-.415.034-.657v-4c0-1.479-.37-2.452-.979-3.06s-1.582-.98-3.06-.98h-6.4c-.243 0-.46.01-.658.034a.75.75 0 0 1-.84-.808c.126-1.481.64-2.7 1.624-3.536z" opacity=".4" fill="#5e72e4" data-original="#292d32" class=""></path><path d="M12.496 13.25a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1zM8.996 13.25a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1zM5.496 13.25a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2h-.01a1 1 0 0 1-1-1z" opacity=".4" fill="#5e72e4" data-original="#292d32" class=""></path></g></g></svg> </div> <p>Chat</p> </a> </div> <div class="nav-item active"> <a href="/giai-bai-tap"> <div class="svg-container main-icon-button" style="width:24px; height:24px; "> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill="#5e72e4" d="M20.146 10.457h-1a2 2 0 0 1 0-4h1a2 2 0 0 1 0 4z" data-original="#0cc121"></path><path fill="#5e72e4" d="M13.146 10.457h-4a2 2 0 0 1 0-4h4a2 2 0 0 1 0 4zM43.752 10.457H26.146a2 2 0 0 1 0-4h17.605a2 2 0 0 1 .001 4zM24.2 49.744a2 2 0 0 1-2-2v-9.4a2 2 0 0 1 4 0v9.4a2 2 0 0 1-2 2zM55.4 27.645h-8.502a2 2 0 0 1 0-4H55.4a2 2 0 0 1 0 4zM55.4 52.344h-1.791a2 2 0 0 1 0-4H55.4a2 2 0 0 1 0 4z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M45.144 52.344H26.8a2 2 0 0 1 0-4h18.344a2 2 0 0 1 0 4z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M53.607 57.543c-.357 0-.719-.096-1.045-.295l-8.466-5.201a1.999 1.999 0 1 1 2.094-3.408l8.466 5.201a1.999 1.999 0 0 1-1.049 3.703z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M53.609 57.543a2 2 0 0 1-2-2v-5.199a2 2 0 0 1 4 0v5.199a2 2 0 0 1-2 2zM58 49.744a2 2 0 0 1-2-2v-19.5a2 2 0 0 1 4 0v19.5a2 2 0 0 1-2 2zM26.8 52.344a4.606 4.606 0 0 1-4.6-4.6 2 2 0 0 1 4 0c0 .33.269.6.6.6a2 2 0 0 1 0 4z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M55.4 52.344a2 2 0 0 1 0-4c.331 0 .6-.27.6-.6a2 2 0 0 1 4 0c0 2.535-2.063 4.6-4.6 4.6zM58 30.244a2 2 0 0 1-2-2 .6.6 0 0 0-.6-.6 2 2 0 0 1 0-4c2.536 0 4.6 2.063 4.6 4.6a2 2 0 0 1-2 2zM22 18.457h-8a2 2 0 0 1 0-4h8a2 2 0 0 1 0 4zM30 26.457H14a2 2 0 0 1 0-4h16a2 2 0 0 1 0 4zM43.752 40.344H21.557a2 2 0 0 1 0-4h22.195a2 2 0 0 1 0 4zM46.898 13.604a2 2 0 0 1-2-2c0-.633-.515-1.146-1.146-1.146a2 2 0 0 1 0-4 5.152 5.152 0 0 1 5.146 5.146 2 2 0 0 1-2 2zM6 13.604a2 2 0 0 1-2-2 5.152 5.152 0 0 1 5.146-5.146 2 2 0 0 1 0 4A1.147 1.147 0 0 0 8 11.604c0 1.103-.896 2-2 2zM9.146 40.344A5.153 5.153 0 0 1 4 35.197a2 2 0 0 1 4 0c0 .633.515 1.146 1.146 1.146a2 2 0 0 1 0 4.001z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M43.752 40.344a2 2 0 0 1 0-4c.632 0 1.146-.514 1.146-1.146a2 2 0 0 1 4 0 5.152 5.152 0 0 1-5.146 5.146zM6 37.197a2 2 0 0 1-2-2V11.604a2 2 0 0 1 4 0v23.594a2 2 0 0 1-2 1.999z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M46.898 37.197a2 2 0 0 1-2-2V11.604a2 2 0 0 1 4 0v23.594a1.999 1.999 0 0 1-2 1.999zM11.313 46.635a2 2 0 0 1-2-2v-6.291a2 2 0 0 1 4 0v6.291a2 2 0 0 1-2 2z" data-original="#262626" class=""></path><path fill="#5e72e4" d="M11.314 46.635a1.998 1.998 0 0 1-1.049-3.703l10.244-6.293a1.999 1.999 0 1 1 2.094 3.408L12.359 46.34a2.003 2.003 0 0 1-1.045.295zM11.313 40.344H9.146a2 2 0 0 1 0-4h2.166a2 2 0 0 1 .001 4z" data-original="#262626" class=""></path></g></svg> </div> <p>Forums</p> </a> </div> </div> </body> </html>