Bài tập lập trình web bằng html iuh

Uploaded by

Tân Nguyễn

0% found this document useful (0 votes)

188 views

216 pages

Original Title

2019_BAI-TAP-MON-LAP-TRINH-WWW-JAVA.pdf

Copyright

© © All Rights Reserved

Available Formats

PDF, TXT or read online from Scribd

Share this document

Did you find this document useful?

Is this content inappropriate?

0% found this document useful (0 votes)

188 views216 pages

2019 - Bai Tap Mon Lap Trinh WWW Java PDF

Uploaded by

Tân Nguyễn

Khóa học lập trình web của công ty LIKELION tại khoa CNTT đã kết thúc trong niềm hân hoan trọn vẹn. Khóa học có sự tham gia của các bạn sinh viên thuộc bộ môn Kỹ Thuật Phần Mềm khoa CNTT và cả thầy cô đến từ khoa Điện.

Sau 8 buổi học, khoá học không chỉ cho và nhận kiến thức mà còn là những kỉ niệm khó quên. Các giảng viên đến từ Hàn Quốc của LIKELION không chỉ có kiến thức chuyên môn mà còn là sự tận tâm, nhiệt huyết để các bài tập và nút thắt dù khó đến đâu vẫn có thể tháo gỡ nhanh nhất. Và để tạo nên sự thành công của khóa học không thể không nhắc đến thầy cô và các bạn sinh viên của khoa CNTT đều rất tuyệt vời, dù lịch học và lịch công tác dày đặc nhưng không một ai bỏ lớp, thật tuyệt vời.

Bài tập lập trình web bằng html iuh
Bài tập lập trình web bằng html iuh
Bài tập lập trình web bằng html iuh
Bài tập lập trình web bằng html iuh
Bài tập lập trình web bằng html iuh

▪ Hiểu được cấu trúc của trang Web [và cách làm việc với Notepad++, Dreamweaver, Visual Code] ▪ Phân biệt được sự khác biệt giữa HTMLL5 và các phiên bản trước của HTMLL ▪ Hiểu và áp dụng được HTMLL/HTMLL5 vào việc thiết kế các trang Web Yêu cầu:

▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan01 ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan01\images ▪ Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp lại bài tập đã thực hiện trong buổi đó.

Bài 1. Các thẻ HTML cơ bản

Nhập nội dung và sử dụng các thẻ HTML thiết kế trang web như hình bên.

Bài 2. Sử dụng các thẻ HTML cơ bản (tiếp theo)

a). Sử dụng dữ liệu trong thư mục Bai2a, dùng các thẻ HTML thích hợp để định dạng trang web như hình

b). Sử dụng dữ liệu trong thư mục Bai2b, dùng các thẻ HTML thích hợp để định dạng trang web như hình

thư mục Bai3.................................................................................................................... Bài 3. Áp dụng thẻ tạo website theo sơ đồ sitemap như hình, sử dụng dữ liệu trong

trong thư mục Bai Home

Slide1 Slide2 Slide3 Slide4 Slide5 Slide6

Các bước thực hiện:

Bước 1: Trong thư mục Tuan1\Bai3 chứa file home và các file .jpg tương ứng, chỉnh sửa home như sau:

Bước 2: Tạo trang Slide1, tiêu đề trang là Slide 1 như sau:

Bước 3: Trên trang Slide1, sử dụng các hình tạo liên kết đến các trang như sau:

Tạo hyperlink về trang home Tạo hyperlink về trang đầu tiên Slide1 Tạo hyperlink về trang trước trang của slide hiện tại Tạo hyperlink về trang sau trang slide hiện tại Tạo hyperlink về trang cuối cùng Slide6

Ý nghĩa liên kết hình tương ứng với mỗi slide như sau:

Slide1 Slide2 Slide3 Slide4 Slide5 Slide6

Tạo các trang còn lại với các ý nghĩa tương ứng như trang Slide1 để thực hiện các liên kết.

Với các dòng dữ liệu phía cuối trang cho các slide lần lượt là:

− If I Were a Rich Man sung by Thomas Gates: 2 − Matchmaker (L: R) Karen Unger, Rachel Paulson, Lucy Davis, Judy French, Catherine Lewis: 3 − The Bottle Dance (L: R) Tim Lewis, Paul Richtoven, Peter Levin: 4 − Fiddler Cast

2 (Front Row): Olivia Young, Angela Unger − (Second Row): Terry Brown, Terry Stoller, Brett Anglewright, Diane Lee, Karen Tindale: 5 − Fiddler Full Cast

1: 6

Bài 4. Liên kết nâng cao

  1. Trong thư mục Bai4 chứa hometxt, diamond. Mở file hometxt lưu lại với tên home và định dạng trang như sau:

Hình diamond có size (rộng: 548 pixels, cao: 150 pixels). Chia hình thành 3 hotspot theo tọa độ như sau:

− Hotspot 1: rectangle với tọa độ (225,7); (333,40) liên kết tới trang classes (tạo sau), alt=”Classes”, có 1 gợi ý “View our classes” − Hopspot 2: rectangle tọa độ (258,44); (437,82) liên kết tới trang member (tạo sau), alt = “Member Ships”, gợi ý “View our membership options” − Hotspot 3: phần còn lại (mặc định) không cần tọa độ, liên kết index. alt = “Home Page”, gợi ý “Return to the Home Page”

Gợi ý cú pháp:

“Diamond”

diamondmap”>

“Classes” “Member

“Home

  1. Trong thư mục Bai4 chứa file index. Tạo trang index:

− Liên kết hình tương ứng với trang home − Dữ liệu trên hàng “Facilities ♦ Staff ♦ Hours” là 3 internal link tương ứng − Phần nội dung của heading cuối “For More Information, E-mail our Staff” là các hyperlink email:  Ty Stoven, General Manager: tstoven@dmond-health  Yosef Dolen, Assistant Manager: ydolen @dmond-health  Sue Myafin, Child Care: smyafin @dmond-health  James Michel, Health Services: jmichel @dmond-health  Ron Chi, Membership: rchi @dmond-health  Marcia Lopez, Classes: mlopez@dmond-health 3. Trong thư mục Bai4 chứa file member. Tạo trang member:

  1. Trong thư mục Bai4 chứa file class. Tạo trang class như hình:

Bài 5. Sử dụng thẻ và các thuộc tính của
để định dạng bảng...........

a). Định dạng bảng với tiêu đề Classic Movie Day

b). Sử dụng thẻ HTML định dạng bảng với tiêu đề All time list in central như hình

Bài 6. Sử dụng thẻ
định dạng form có dạng như hình

a). Form1: Registration Form

b). Form: Contact Us

c). Form: Date

Bài 7. Thiết kế trang theo ý tưởng

Với những dữ liệu đã cho, sinh viên tự thiết kế trang web theo ý tưởng riêng của mỗi người.

  1. Trong thư mục Bai7 chứa các file logo, smith, smith. Mở file smith chứa nội dung của trang Web.
  2. Thêm vào cấu trúc của 1 trang HTMLL bằng cách sử dụng các thẻ đóng mở như , , với tiêu đề của trang cho phù hợp.</li><li>Sử dụng các tag tương ứng thiết kế 1 trang HTMLL theo nội dung. Các <tag> có thể sử dụng là: <hn>, <p>, <br>, <ol>, <ul>, <img>, <hr>, <b>, <i>, <table>, <a>...</li></ol> <h3 id="tuan-2-htmll-css-3-tiet">Tuần 2. HTMLL – CSS (3 tiết)</h3><p>Mục tiêu:</p><p>▪ Hiểu rõ Cascading Style Sheets (sử dụng với mục đích mô tả và định dạng các tài liệu được viết bởi ngôn ngữ markup) ▪ Áp dụng được các thành phần CSS và thuộc tính để định dạng các trang HTML ▪ Hiểu rõ và áp dụng được các thành phần của CSS Yêu cầu:</p><p>▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan02\images ▪ Các tập tin CSS được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan02\css ▪ Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp lại bài tập đã thực hiện trong buổi đó. Tóm tắt lý thuyết − Cú pháp tổng quát CSS selector { property1: value1; property2: value2; ... } − Sử dụng CSS trong HTML ▪ Inline style</p><p>▪ Internal style sheet</p><p>▪ External style sheet</p><h4>Bài 1. CSS background – CSS font – CSS Text – CSS link – CSS List:</h4><p>a). Sử dụng CSS định dạng trang web như sau:</p><p>b). Sử dụng CSS Box - CSS Layout – CSS Border – CSS Padding – CSS Margin định dạng menu như sau:</p><p>c). Sử dụng CSS Position – CSS Menu – CSS Form định dạng trang web như hình</p><h4>Bài 2. Dùng HTML và CSS thiết kế Layout</h4><p>Sử dụng dữ liệu trong folder Tuan2\Bai1, thiết kế trang web có layout như hình</p><p>Layout gợi ý cho website như sau:</p><h4>Bài 3. Thiết kế website</h4><p>− Cho mô hình liên kết website như sau:</p><p>− Sử dụng dữ liệu trong thư mục Tuan2/Bai2 thiết kế các trang web như sau:</p><ol start="1"><li>Tạo trang index với hình nền là hình background và chứa các hình Salogo và Siggie như sau (trong đó Siggie là liên kết hình đến trang home),</li></ol><p>− Layout chung cho 4 trang home, maze, hauntt, petting, produce như sau:</p><ol start="1"><li>Tạo trang home như hình dưới (chèn thêm các hình ảnh tương ứng) với bố cục lại trang thành 3 phần, sử dụng <div>. a. Phần 1: (chứa các liên kết) [<div id= “links”>] b. Phần 2: (phần nội dung) [<div id= “noidung”>] c. Phần còn lại sử dụng <address></li><li>Tạo file farm thiết lập định dạng các style cho trang home như hình sau: Gợi ̋ c·c style: − body (background, color, font-family) − h2 (width, padding-left, font-size, font-style, letter-spacing, text-indent, background-color) − h3(width; padding-left, background-color) − address (text-align, border-top, padding-top, clear:all) − a: link, a: visited, a: active, a: hover − <h1>links(float, width, background-color, border- style, border-width) −</h1> <h1>noidung( margin-left, padding-left, boder-left, ) Nhúng file farm vào tất cả các trang .html. <link rel=stylesheet type=text/css href=farm></li><li>Tạo các trang maze, haunt, petting, produce có cùng layout. Kết quả: Website minh họa khi hoàn thành</li></ol></h1><p>home</p><p>Tương tự cho các trang còn lại như trang maze</p><h4>Bài 4. Sử dụng Style thiết kế website</h4><p>Sử dụng dữ liệu trong thư mục Tuan2\Bai3</p><p>Thiết kế trang Web như sau: Home, Start</p><p>Home Start</p><h3 id="tuan-3-htmll-css-nang-cao-3-tiet">Tuần 3. HTMLL – CSS nâng cao (3 tiết)</h3><p>Mục tiêu:</p><p>▪ Hiểu rõ Cascading Style Sheets (sử dụng với mục đích mô tả và định dạng các tài liệu được viết bởi ngôn ngữ markup) ▪ Áp dụng được các thành phần CSS và thuộc tính để định dạng các trang HTML ▪ Hiểu rõ và áp dụng được các thành phần của CSS3 Yêu cầu:</p><p>▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan03 ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan03\images ▪ Các tập tin CSS được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan03\css</p><h4>Bài 1. Sử dụng HTML và Style thiết kế trang web</h4><p>Sử dụng dữ liệu trong folder Tuan3\Bai1, thực hiện các styles cho trang web như sau:</p><ol start="1"><li>Layout</li><li>Links</li><li>Các style cho Form</li><li>Font chữ</li></ol> <h4>Bài 2. Sử dụng HTML và Style thiết kế trang web (tt)</h4><p>Dữ liệu trong folder Tuan3\Bai2, thực hiện các styles cho trang web như sau:</p><ol start="1"><li>Layout</li><li>Links</li><li>Các style cho Form</li><li>Font chữ</li></ol> <h4>Bài 3. Sử dụng HTML và Style thiết kế trang web (tt)</h4><p>Sử dụng dữ liệu trong folder Tuan3\Bai3, thực hiện các styles cho trang web như sau:</p><ol start="1"><li>Layout</li><li>Links</li><li>Các style cho Form</li><li>Font chữ</li></ol> <h3 id="tuan-4-htmll-css-bootstrap-3-tiet">Tuần 4. HTMLL – CSS – Bootstrap (3 tiết)</h3><p>Mục tiêu:</p><p>▪ Hiểu và áp dụng cách sử dụng Bootstrap với Grid System, Image, Button, Navigation Bar kết hợp Dropdown, Table, Form và Modal. Yêu cầu:</p><p>▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan09-10 ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\ Tuan09-10\images ▪ Các tập tin CSS được lưu trữ trong thư mục riêng T:\MaSV_HoTen\ Tuan09-10\css ▪ Các tập tin JavaScript được lưu trữ trong thư mục riêng T:\MaSV_HoTen\ Tuan09- 10\js ▪ Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp lại bài tập đã thực hiện trong buổi đó. Thực hiện lại các bài tập Tuần 2,3 sử dụng thư viện Boostrap:</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><ul><li>Boostrap Grid</li><li>Typography</li><li>Boostrap Images</li><li>Navigation Bar</li><li>Tables</li><li>Border</li></ul> <h4>Bài 1. Bootstrap cơ bản</h4><p>a). Sử dụng Boostrap Grid thiết kế trang web sau: Hình sinh viên tự chọn tùy ý</p><p>b). Sử dụng Bootstrap Thumbnails thiết kế trang web sau:</p><p>c). Thiết kế bảng sử dụng bootstrap table kết hợp images, badges, buttons, secondary texts và hover state</p><h4>Bài 2. Bootstrap Form</h4><p>a). Sử dụng bootstrap Form và Table thiết kế Form Payment</p><p>b). Bootstrap - Collapsible navigation bar: Thiết kế trang Web với màn hình nhỏ cho phép ẩn navigation links và thay thế bằng 1 nút, người dùng có thể nhấn vào vào chọn các links của Navigation</p><p>Nhấn chuột vào nút, các link trong Navigation links hiển thị</p><p>Khi ở chế độ màn hình lớn, nút được ẩn và menu xuất hiện bình thường</p><p>c). Sử dụng Bootstrap Form thiết kế form đăng ký tài khoản Facebook</p><p>d). Sử dụng Bootstrap Form thiết kế form đăng ký tài khoản, khi nhập thiếu hoặc sai định dạng thì hệ thống hiển thị thông báo lỗi</p><h4>Bài 3. Bootstrap – Modal</h4><p>a). Thiết kế form Modal login</p><p>b). Bootstrap - Modal kết hợp Carousel và Tab trên Modal</p><h3 id="tuan-5-htmll-css-bootstrap-3-tiet">Tuần 5. HTMLL – CSS – Bootstrap (3 tiết)</h3> <h4>Bài 1. Sử dụng thư viện Bootstrap thiết kế trang web sau</h4><p>a). Web page Restaurant</p><p>b). WebPage magazine</p><h4>Bài 2. Thực hiện Website theo cấu trúc sau:</h4><p>home</p><p>menu</p><p>about</p><p>home</p><p>menu</p><p>book order</p><p>about</p><p>book</p><p>order</p><h3 id="tuan-6-javascript-co-ban-3-tiet">Tuần 6. Javascript cơ bản (3 tiết)</h3><p>Mục tiêu:</p><p>▪ Hiểu rõ ngôn ngữ lập trình JavaScript (kiểu dữ liệu, toán tử, biểu thức, cấu trúc điều khiển, vòng lặp, mảng ...) ▪ Hiểu rõ và áp dụng được mô hình DOM. Yêu cầu:</p><p>▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan06 ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan06\images ▪ Các tập tin CSS được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan06\css ▪ Các tập tin JavaScript được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan06\js ▪ Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp lại bài tập đã thực hiện trong buổi đó. Tóm tắt lý thuyết Khai báo đoạn code JavaScript 1 Khai báo biến, gán giá trị 2 Toán tử 3 Cấu trúc điều khiển if/switch case. Cấu trúc lặp, break, continue 4 Định nghĩa hàm (function) trong JavaScript 5 Một số hàm thông dụng: a) Hàm alert() - confirm() - prompt() trong JavaScript b) Hàm setTimeout() dùng để thiết lập một khoảng thời gian nào đó sẽ thực hiện một nhiệm vụ nào đó và nó chỉ thực hiện đúng một lần. Xóa thời gian này sử dụng hàm clearTimeout(). c) Hàm setInterval() có cú pháp và chức năng giống như hàm setTimeout(), tuy nhiên với hàm setInterval() thì số lần thực hiện là mãi mãi. Xóa lặp này sử dụng hàm clearInterval(). 6 Đối tượng Date 7 Đối tượng Math Mô hình đối tượng trong tài liệu HTML (Document Objects Model – DOM) DOM là tên gọi tắt của (Document Object Model), là một chuẩn được định nghĩa bởi W3C dùng để truy xuất và thao tác trên các tài liệu có cấu trúc dạng HTML hay XML bằng các ngôn ngữ lập trình Script như Javascript, PHP, Python Trong HTML DOM, mọi thành phần đều được xem là 1 nút (node), được biểu diễn trên 1 cây cấu trúc dạng cây gọi là DOM Tree. Các phần tử khác nhau sẽ được phân loại nút khác nhau nhưng quan trọng nhất là 3 loại: nút gốc (document node), nút phần tử (element node), nút văn bản (text node). o Nút gốc: chính là tài liệu HTML, thường được biểu diễn bởi tag <HTML>.</p><p>o Nút phần tử: biểu diễn cho 1 phần tử HTML. o Nút văn bản: mỗi đoạn kí tự trong tài liệu HTML, bên trong 1 tag <HTML> đều là 1</p><p>nút văn bản. o Ngoài ra còn có nút thuộc tính (attribute node) và nút chú thích (comment node). Thuộc tính và phương thức thường gặp</p><p>Thuộc tính Ý nghĩa id Định danh (tên) – duy nhất cho mỗi phần tử nên thường được dùng để truy xuất DOM trực tiếp và nhanh chóng. className Tên lớp – Cũng dùng để truy xuất trực tiếp như id, nhưng 1 className có thể dùng cho nhiều phần tử. tagName Tên thẻ HTML. innerHTML Trả về mã HTML bên trong phần tử hiện tại. Đoạn mã HTML này là chuỗi kí tự chứa tất cả phần tử bên trong, bao gồm các nút phần tử và nút văn bản. outerHTML Trả về mã HTML của phần tử hiện tại. Nói cách khác, outerHTML = tagName + innerHTML. textContent Trả về 1 chuỗi kí tự chứa nội dung của tất cả nút văn bản bên trong phần tử hiện tại. attributes Tập các thuộc tính như id, name, class, href, title... style Tập các thiết lập định dạng của phần tử hiện tại. value Lấy giá trị của thành phần được chọn thành một biến. Phương thức Ý nghĩa getElementById(id) Tham chiếu đến 1 nút duy nhất có thuộc tính id giống với id cần tìm.</p><p>getElementsByTagNa me(tagname)</p><p>Tham chiếu đến tất cả các nút có thuộc tính tagName giống với tên thẻ cần tìm, hay hiểu đơn giản hơn là tìm tất cả các phần tử DOM mang thẻ HTML cùng loại. Nếu muốn truy xuất đến toàn bộ thẻ trong tài liệu HTML thì hãy sử dụng document(&</p><h1>039;*&</h1> <h1>039;). getElementsByName(n ame)</h1><p>Tham chiếu đến tất cả các nút có thuộc tính name cần tìm. getAttribute(attribute Name)</p><p>Lấy giá trị của thuộc tính.</p><p>setAttribute(attribute Name, value)</p><p>Sửa giá trị của thuộc tính.</p><p>appendChild(node) Thêm 1 nút con vào nút hiện tại. removeChild(node) Xóa 1 nút con khỏi nút hiện tại. Quan hệ giữa các node: Thuộc tính quan hệ Ý nghĩa parentNode Nút cha childNodes Các nút con firstChild Nút con đầu tiên lastChild Nút con cuối cùng nextSibling Nút anh em liền kề sau previousSibling Nút anh em liền kề trước Tìm các thành phần HTML.</p><p>▪ Tìm thành phần HTML theo id</p><div style="width:100%; margin:20px auto; display:block"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>▪ Tìm thành phần HTML theo tag name</p><p>Tìm thành phần HTML có id="main", sau đó tìm tất cả các thành phần <p> bên trong "main"</p><p>▪ Tìm thành phần HTML theo class name</p><p>▪ Tìm thành phần HTML theo CSS selectors</p><p>▪ Tìm thành phần HTML bởi tập hợp đối tượng HTML (object collections)</p><h4>Bài 1. Hàm Prompt</h4><p>Viết chương trình nhập thông tin mã số SV, Họ tên, Lớp sau đó xuất ra trang web như sau:</p><h4>Bài 2. Tương tác trên Form</h4><p>a). Viết chương trình tạo trang Form đăng ký và đăng nhập</p><p>b). Viết chương trình nhập 2 số sau đó thực hiện các phép toán Cộng, Trừ, Nhân, Chia, Chia lấy dư và hiển thị kết quả:</p><p>Kiểm tra giá trị nhập số 1, số 2 là số thì thực hiện kết quả của phép tính, nếu sai thì thông báo lỗi (*)</p><p>c). Viết chương trình thực hiện thực thi các checkbox như sau:</p><p>d). Viết chương trình thực hiện thực thi các checkbox như sau:</p><p>dangky dangnhap</p><h4>Bài 3. Sử dụng Array thực hiện form đổi hình ngẫu nhiên</h4><p>Viết chương trình cho phép người dùng khi chọn button Play Hình ảnh sẽ thay đổi trong các tập hình b1 đến b10. Khi chọn button Stop thì dừng thay đổi:</p><p>Gợi ý: - Javascript sử dụng Array - Hàm setTimeOut(), clearTimeOut()</p><h3 id="tuan-7-javascript-jquery-co-ban-3-tiet">Tuần 7. Javascript – jQuery cơ bản (3 tiết)</h3><p>Mục tiêu:</p><p>▪ Hiểu rõ ngôn ngữ lập trình JavaScript (kiểu dữ liệu, toán tử, biểu thức, cấu trúc điều khiển, vòng lặp, mảng ...) ▪ Hiểu rõ thư viện jquery, các thuộc tính các sự kiện trên các đối tượng trên trang HTML Yêu cầu:</p><p>▪ Tất cả các bài tập lưu trong thư mục: T:\MaSV_HoTen\Tuan07 ▪ Hình ảnh được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan07\images ▪ Các tập tin CSS được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan07\css ▪ Các tập tin JavaScript được lưu trữ trong thư mục riêng T:\MaSV_HoTen\Tuan07\js ▪ Cuối mỗi buổi thực hành, SV phải nén (.rar hoặc .zip) thư mục làm bài và nộp lại bài tập đã thực hiện trong buổi đó. Tóm tắt lý thuyết: sử dụng JavaScript Framework Libraries: jQuery Khai báo thư viện JavaScript Framework Libraries – jQuery</p><p>− Phiên bản hiện tại của jQuery (12/2018): ▪ code.jquery/jquery-3.3.1.js ▪ code.jquery/jquery-3.3.1.min.js − jQuery Described  Hàm chính của jQuery là $().  jQuery cho phép chọn các thành phần trong trang HTML dùng CSS selectors.</p><p>− Mức độ cao nhất trong jQuery là hàm $() (có thể dùng jQuery()).</p><p>Với jQuery, thực hiện các chức năng bằng các để các mã lệnh trong một hàm sau đó truyền vào (document).ready( ... ). Hoặc có thể dùng cách ngắn gọn $(function() {})</p><h4>Bài 1. Tạo trang Gallery</h4><p>Thực hiện trang Web thể hiện thư viện hình như sau, sử dụng thư viện jQuery, Boostrap Grid, Boostrap Galery, ...</p><h4>Bài 2. Tạo trang form tương tác</h4><p>Thiết kế trang Web như hình</p><p>Các thành phần trên form</p><p>− Mua va ̄o, Ba ̆n ra la ̄ trˆÙ ̄ng textbox − LoaÔi xe la ̄ Select list go‡m ca ̆c option với value tương ứng: Text Value Toyota ../images/car1; 35000 KIA ../images/car2;15000 Ford ../images/car3;40000 Civic ../images/car4;32000 Ferrari ../images/car5;50000 Mercedes ../images/car7;45000</p><p>− Ca‰p nha‰t cho: go‡m 2 radio la‡n lˆÙÔt co ̆ gia ̆ trÚ la ̄ 1, 0, maÎc ÒÚnh kho‚ng choÔn nu ̆t na ̄o. − Update, State la ̄ button. Ye‚u ca‡u xˆ ̊ ly ̆:</p><ol start="1"><li>Khi trang load le‚n thÏ con tro ̊ nha‰p lie‰u trong trˆÙ ̄ng ‘Mua vaøo’ va ̄ nu ̆t State Ù ̊ che· Òo‰ kho‚ng cho phe ̆p choÔn.</li><li>Khi di chuyeÂn con tro ̊ ra kho ̊i trˆÙ ̄ng ‘Mua vaøo’ ne·u nhˆ gia ̆ trÚ trˆÙ ̄ng na ̄y la ̄ so· va ̄ kho‚ng ro„ng thÏ nu ̆t State sa ̆ng le‚n.</li><li>Khi Click va ̄o muÔc choÔn loại xe thÏ seı the hie‰n hÏnh va ̄ gia ̆ cu ̊a loaÔi Òo ̆ sang vu ̄ng be‚n pha ̊i. (ta ̆ch chuo„i)</li><li>Khi ba·m va ̄o nu ̆t Update va ̄ ne·u nu ̆t radio ‘Vaøng’ ÒˆÙÔc choÔn thÏ ca‰p dˆı lie‰u Ù ̊ ‘Baûng tin thò tröôøng’ trong muïc ‘Va ̄ng’ coøn ngöôïc laïi thì caäp nhaät ôû muïc ‘USD’ tˆÙng ˆ ̆ng vÙ ̆i trˆÙ ̄ng ‘Mua vaøo’ cu ̊a co‰t ‘Mua vaøo’ va ̄ trˆÙ ̄ng ‘Baùn ra’ cu ̊a co‰t ‘Baùn ra’ (Du ̄ng inner Òe ca‰p nha‰t).</li></ol> <h4>Bài 3. Regular expression</h4><p>Hãy thực hiện kiểm tra cho các text field của form đăng ký với yêu cầu như sau: − Các field có dấu * là bắt buộc nhập − Tên đăng nhập ít nhất là 6 ký tự − Điện thoại phải là số − Email phải đúng mẫu (dùng regular expression)</p><p>− Khi nhấn nút đăng ký, nếu nhập đúng dữ liệu sẽ chuyển sang trang thongtin ghi lại tất cả các thông tin đã đăng ký, nếu nhập sai thì sẽ đặt con trỏ lại ô đã nhập sai đầu tiên.</p><h5>−</h5> <h3 id="tuan-8-javascript-jquery-form-modal-styles-3-tiet">Tuần 8. Javascript – jQuery – Form – Modal- Styles (3 tiết)</h3> <h4>Bài 1. Sử dụng thư viện Jquery và regular expression</h4><p>a). Thực hiện form Đăng ký như sau: − Tên đăng nhập: bắt đầu là ký tự, có hoặc không có ký tự số, ký tự đặc biệt và không được có khoảng trắng. − Mật khẩu: từ 8 ký tự trở lên, có ít nhất 1 ký tự số, 1 ký tự in hoa, 1 ký tự đặc biệt − Nhập lại mật khẩu phải giống Mật khẩu. − Họ tên: Phải có ít nhất Họ, Tên. Ký tự đầu bắt buộc phải viết hoa − Ngày tháng năm sinh phải trên 16 tuổi − Địa chỉ không được để trống − Điện thoại: là số điện thoại 10 ký tự số, bắt đầu là 09, 03, 07, 06, 05, 04 − Email: luôn đúng định dạng của địa chỉ email. − Các textbox nếu sai kiểu dữ liệu thì phải thông báo lỗi hợp lệ (*)</p><p>b). Thiết kế form đăng ký tài khoản FaceBook, dùng JavaScript hoặc jquery kiểm tra dữ liệu nhập.</p><p>Yêu cầu kiểm tra</p><p>− Tất cả các thông tin là bắt buộc nhập − Họ và tên đều bắt đầu bằng ký tự chữ hoa − Email phải đúng định dạng − Nhập lại email phải trùng khớp với email đã nhập − Mật khẩu phải có ký tự chữ, số và ít nhất là 6 ký tự − Năm sinh phải <2002 Khi người dùng nhập đầy đủ và đúng thông tin yêu cầu, thông báo là người dùng đã đăng ký thành công, ngược lại thông báo lỗi hợp lý.</p><h4>Bài 2. Thiết kế form xử lý dữ liệu</h4> <h4>Bài 3. Thiết kế form nhập liệu, dữ liệu nhận được nhập vào bảng</h4><p>Yêu cầu:</p><p>− Khi load form, nút đăng ký bị mờ. và dấu nháy trong ô Họ tên. − Họ tên bắt buộc nhập, chữ hoa đầu mỗi từ, nếu vi phạm thì hiển thị thông báo lỗi − Khi nhập đầy đủ thông tin thì nút đăng ký sáng, và khi người dùng click nút đăng ký, thông tin được thêm vào bảng.</p><h3 id="tuan-9-javascript-jquery-regular-expression-3-tiet">Tuần 9. Javascript – jQuery – Regular Expression(3 tiết)</h3> <h4>Bài 1. Bài tập tổng hợp</h4><p>Sử dụng thư viện Bootstrap và Jquery thiết kế trang web và kiểm tra nhập liệu theo yêu cầu như sau:</p><ol start="1"><li>Giao diện của trang web như hình</li><li>Khi người dùng chuột vào menu "Đăng ký" mở modal nhập các thông tin như hình bên dưới</li><li>Sử dụng thư viện bootstrap hoặc tự viết CSS kết hợp HTML để thiết kế lại trang Web</li><li>Dùng Javascript có thể kết hợp thư viện jQuery để kiểm tra dữ liệu nhập (báo lỗi rõ ràng ngay bên dưới thành phần đó) và xử lý form theo yêu cầu sau: a. Họ tên không được bỏ trống, họ tên phải từ 2 từ trở lên, mỗi ký tự đầu phải viết hoa. b. Số điện thoại không rỗng, nhập theo định dạng sau: XXX-YYYYYY, trong đó X, Y là các ký tự số. c. Ngày sinh hợp lệ khi tuổi trên 15 và dưới 18 d. Bạn muốn tham gia khóa học: Khóa học Học phí 2 tuần 5,000,000 4 tuần 8,000,000 6 tuần 9,000,000 Textbox Học phí không cho phép nhập, giá trị học phí theo từng khóa học vừa chọn. e. Ảnh đại diện là các file hình .jpg, .png, .gif.</li><li>Khi nhập đúng, đầy đủ thông tin trên modal, click nút “Lưu”; Danh sách học viên sẽ cập nhật dữ liệu vào bảng kết quả “DANH SÁCH HỌC VIÊN DĂNG KÝ” như hình và đóng modal.</li></ol> <h4>Bài 2. Bài tập tổng hợp</h4><p>− Thiết kế trang web có giao diện như sau:</p><p>− Khi người dùng nhấn link Mở Tour mới thì sẽ mở Modal chứa Form để nhập các thông tin như hình bên dưới:</p></div> <div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div> </td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video liên quan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/rEZwONIOXpo?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="mt-3"> <div class="tags"> <a href="https://cunghoidap.com/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="https://cunghoidap.com/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="https://cunghoidap.com/tags/Bài tập" class="tag-link">Bài tập</a> <a href="https://cunghoidap.com/tags/Web IUH" class="tag-link">Web IUH</a> </div> </div> <div class="post-tools"> <button data-postid="bai-tap-lap-trinh-web-bang-html-iuh" class="btn btn-answerModalBox"><img class="mr-1" alt="Bài tập lập trình web bằng html iuh" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="bai-tap-lap-trinh-web-bang-html-iuh" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Bài tập lập trình web bằng html iuh" src="/dist/images/svg/face-smile_16.svg">6</button> <button data-postid="bai-tap-lap-trinh-web-bang-html-iuh" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Bài tập lập trình web bằng html iuh" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Bài tập lập trình web bằng html iuh" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button> </div> </div><!-- end question-post-body --> </div><!-- end question-post-body-wrap --> </div><!-- end question --> <div id="answers_bai-tap-lap-trinh-web-bang-html-iuh" class="answers"> </div><!-- end answer-wrap --> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Bài Viết Liên Quan</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/hinh-thuc-cua-hop-dong-moi-gioi-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/blMLomu40CU/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYWyBlKGUwDw==&rs=AOn4CLDTLWqM40_eECNNvHDddoOKEs4P6A" alt="Hình thức của hợp đồng môi giới là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/hinh-thuc-cua-hop-dong-moi-gioi-la-gi-nam-2024">Hình thức của hợp đồng môi giới là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/dien-thoai-nao-bat-song-tot-nhat-hien-nay-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/0ffrJYJYstI/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLC8i17t1DzDTjpiGPvMXXaMzV-fBw" alt="Điện thoại nào bắt sóng tốt nhất hiện nay năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dien-thoai-nao-bat-song-tot-nhat-hien-nay-nam-2024">Điện thoại nào bắt sóng tốt nhất hiện nay năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Top List" class="tag-link">Top List</a> <a href="/tags/Tốt nhất" class="tag-link">Tốt nhất</a> <a href="/tags/Review" class="tag-link">Review</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/118-chu-van-an-binh-thanh-ho-chi-minh-city-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/TgkLCgK_R2o/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLB5B92ifujMdQFCSdk-kEB8xVyGPQ" alt="118 chu văn an bình thạnh ho chi minh city năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/118-chu-van-an-binh-thanh-ho-chi-minh-city-nam-2024">118 chu văn an bình thạnh ho chi minh city năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/beat-ta-la-gi-cua-nhau-part-2-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/6j0xHXEhCZk/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBERJxcpTnk9Lhdr4kCqfgY4vXyDg" alt="Beat ta là gì của nhau part 2 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/beat-ta-la-gi-cua-nhau-part-2-nam-2024">Beat ta là gì của nhau part 2 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-van-viet-ve-nguoi-linh-bien-dao-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/JiSC-UjQ7Ww/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCsE4CMPFH2KbTYajA2Ss8PbbeHbA" alt="Bài văn viết về người lính biển đảo năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-van-viet-ve-nguoi-linh-bien-dao-nam-2024">Bài văn viết về người lính biển đảo năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/chung-cu-kim-van-kim-lu-toa-c-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/tGOqNHTSkpc/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCLNAXljvwGsvIKIZ6pchryEuKo4w" alt="Chung cư kim văn kim lũ toà c năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/chung-cu-kim-van-kim-lu-toa-c-nam-2024">Chung cư kim văn kim lũ toà c năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/phat-trien-la-gi-cho-vi-du-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/jEPdCGKh9VU/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLD4_QGs5UCrZaKxbb4wZElivn6t0A" alt="Phát triển là gì cho ví dụ năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/phat-trien-la-gi-cho-vi-du-nam-2024">Phát triển là gì cho ví dụ năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Ví dụ" class="tag-link">Ví dụ</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/de-thi-cuoi-ki-2-lop-8-van-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/qH4XkNDWOCU/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLAJx1HSeL9UQZjSHQ7xXpsCSHCbgA" alt="Đề thi cuối kì 2 lớp 8 văn năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/de-thi-cuoi-ki-2-lop-8-van-nam-2024">Đề thi cuối kì 2 lớp 8 văn năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/may-bay-truc-thang-trong-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/8KkdIJ1IWxQ/hq720.jpg?sqp=-oaymwExCNAFEJQDSFryq4qpAyMIARUAAIhCGAHwAQH4Af4JgALQBYoCDAgAEAEYZSBlKGUwDw==&rs=AOn4CLD3SqwDJPlC2O3RQl_l5OkxMUsiYA" alt="Máy bay trực thăng trong tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/may-bay-truc-thang-trong-tieng-anh-la-gi-nam-2024">Máy bay trực thăng trong tiếng anh là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> <a href="/tags/Công Nghệ" class="tag-link">Công Nghệ</a> <a href="/tags/Máy" class="tag-link">Máy</a> <a href="/tags/Helicopter" class="tag-link">Helicopter</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/dien-tich-tinh-nao-rong-nhat-viet-nam-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/B4g3IrDXBmo/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLD5tUV-7LHugGJ1gbwIn_Iw23HAFQ" alt="Diện tích tỉnh nào rộng nhất việt nam năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/dien-tich-tinh-nao-rong-nhat-viet-nam-nam-2024">Diện tích tỉnh nào rộng nhất việt nam năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-fb-44+c1-1p-ns" data-ad-client="ca-pub-4987931798153631" data-ad-slot="7655066491"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-tu-loai-trong-tieng-anh-co-dap-an-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/5evFWVkuCaE/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCCsiM0GPJDydqZuV555vqgGPbPZg" alt="Bài tập từ loại trong tiếng anh có đáp án năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-tu-loai-trong-tieng-anh-co-dap-an-nam-2024">Bài tập từ loại trong tiếng anh có đáp án năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> <a href="/tags/Giới từ" class="tag-link">Giới từ</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tin-hoc-6-bai-1-cau-hoi-va-bai-tap-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/Xy8Wbu373Bk/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDPkOb68-04rk-b5HL1dhZKjNRD1g" alt="Tin học 6 bài 1 câu hỏi và bài tập năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tin-hoc-6-bai-1-cau-hoi-va-bai-tap-nam-2024">Tin học 6 bài 1 câu hỏi và bài tập năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/go-nam-moc-to-vang-la-go-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/HHXpVFb0JSA/hqdefault.jpg?sqp=-oaymwE9COADEI4CSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4Af4JgALQBYoCDAgAEAEYZSBZKE0wDw==&rs=AOn4CLAJJG4Au7qB4Y8Sg3FnGtVqKK8StQ" alt="Gỗ nam mộc tơ vàng là gỗ gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/go-nam-moc-to-vang-la-go-gi-nam-2024">Gỗ nam mộc tơ vàng là gỗ gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/chieu-cao-trung-binh-tre-em-cap-1-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/yPep_OWXhsc/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLA75Dax7GP7lJ0r6KpIgT_zLrTylw" alt="Chiều cao trung bình trẻ em cấp 1 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/chieu-cao-trung-binh-tre-em-cap-1-nam-2024">Chiều cao trung bình trẻ em cấp 1 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/mien-nam-trung-bo-tieng-anh-la-gi-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/axJuBCEe5jQ/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAz-HES_QzQWz2QOIK-iufn1yiVSA" alt="Miền nam trung bộ tiếng anh là gì năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/mien-nam-trung-bo-tieng-anh-la-gi-nam-2024">Miền nam trung bộ tiếng anh là gì năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/là ai" class="tag-link">là ai</a> <a href="/tags/Hỏi Đáp" class="tag-link">Hỏi Đáp</a> <a href="/tags/Là gì" class="tag-link">Là gì</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Tiếng anh" class="tag-link">Tiếng anh</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/giai-bai-tap-hoa-12-bai-18-trang-88-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/SlFeybHuZ5I/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLDjFu4G_0qmVx3MAxnZM6VwnR22rQ" alt="Giải bài tập hóa 12 bài 18 trang 88 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/giai-bai-tap-hoa-12-bai-18-trang-88-nam-2024">Giải bài tập hóa 12 bài 18 trang 88 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/giai-phan-bai-tap-hoa-hoc-8-sgk-trang-71-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/L4bt4_H3zX8/hqdefault.jpg?sqp=-oaymwEjCOADEI4CSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLAK4BjAsFqNZ2DKvyxIZFDTpCQ8IA" alt="Giải phần bài tập hóa học 8 sgk trang 71 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/giai-phan-bai-tap-hoa-hoc-8-sgk-trang-71-nam-2024">Giải phần bài tập hóa học 8 sgk trang 71 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> <a href="/tags/sgk hóa 8" class="tag-link">sgk hóa 8</a> <a href="/tags/Hơn" class="tag-link">Hơn</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-toan-tim-giao-tuyen-va-loi-giai-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/lbhVSMn3JQA/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLATbxZTySyRSHlaRB6zRVoZ8C4r7w" alt="Bài toán tìm giao tuyến và loi giai năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-toan-tim-giao-tuyen-va-loi-giai-nam-2024">Bài toán tìm giao tuyến và loi giai năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/bai-tap-trac-nghiem-sinh-hoc-11-chuong-1-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/gGKLlwTA5Lc/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBoZVdIXHFgMGP-ItZWZFPmXTaURQ" alt="Bài tập trắc nghiệm sinh học 11 chương 1 năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bai-tap-trac-nghiem-sinh-hoc-11-chuong-1-nam-2024">Bài tập trắc nghiệm sinh học 11 chương 1 năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> <a href="/tags/Khỏe Đẹp" class="tag-link">Khỏe Đẹp</a> <a href="/tags/Bài tập" class="tag-link">Bài tập</a> <a href="/tags/Học Tốt" class="tag-link">Học Tốt</a> <a href="/tags/Học" class="tag-link">Học</a> </div> </div> </div> </div><!-- end media --> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/soan-van-9-tieu-doi-xe-ko-kinh-nam-2024"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://i.ytimg.com/vi/dfb78rJKoRc/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCATdfa8wLlasDHN959hqVIWJaEMQ" alt="Soạn văn 9 tiểu đội xe ko kính năm 2024"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/soan-van-9-tieu-doi-xe-ko-kinh-nam-2024">Soạn văn 9 tiểu đội xe ko kính năm 2024</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> <a href="/tags/mẹo hay" class="tag-link">mẹo hay</a> </div> </div> </div> </div><!-- end media --> </div> </div></div> </div> </div> </div><!-- end question-main-bar --> </div><!-- end col-lg-9 --> <div class="postContentRight"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-13 pb-3 text-center">Quảng Cáo</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/thuc-thi-cong-vu-la-gi-nam-2024">Thực thi công vụ là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/FeatheryDrafting" class="author">FeatheryDrafting</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/giai-bai-tap-sgk-hoa-hoc-9-bai-20-nam-2024">Giải bài tập sgk hóa học 9 bài 20 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/Day-to-dayAnemia" class="author">Day-to-dayAnemia</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bao-bi-in-an-san-xuat-tai-thanh-hoa-nam-2024">Bao bì in ấn sản xuất tai thanh hóa năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/UnsympatheticDossier" class="author">UnsympatheticDossier</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/giai-bai-1-2-3-sgk-toan-10-trang-94-nam-2024">Giải bài 1 2 3 sgk toán 10 trang 94 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/CivilianReins" class="author">CivilianReins</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/cam-ky-thi-hoa-tieng-anh-la-gi-nam-2024">Cầm kỳ thi họa tiếng anh là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/RulingCommemoration" class="author">RulingCommemoration</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/loi-khong-cai-dc-win-10-do-sai-chuan-bot-nam-2024">Lỗi không cài đc win 10 do sai chuẩn bôt năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/Well-trainedScrimmage" class="author">Well-trainedScrimmage</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-tap-sinh-hoc-9-co-dap-an-nam-2024">Bài tập sinh học 9 có đáp án năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/High-poweredFundraiser" class="author">High-poweredFundraiser</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/ket-qua-kham-benh-la-neg-nghia-la-gi-nam-2024">Kết quả khám bệnh là neg nghĩa là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/DejectedPiles" class="author">DejectedPiles</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/thon-trung-ton-xa-binh-thuan-huyen-van-chan-nam-2024">Thôn trung tôn xã bình thuận huyện văn chấn năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/AlluringCommander" class="author">AlluringCommander</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-tap-ly-thuyet-chay-deo-trong-he-gian-nam-2024">Bài tập lý thuyết chảy dẻo trong hệ giàn năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/MisguidedDistribution" class="author">MisguidedDistribution</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-17 pb-3">Toplist được quan tâm</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-6-ban-than-em-phai-lam-gi-de-phong-chong-hivaids-2023">Top 6 bản thân em phải làm gì để phòng chống hiv/aids 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-so-20-gom-2-va-0-dung-hay-sai-2023">Top 7 số 20 gồm 2 và 0 đúng hay sai 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-dia-ly-lop-6-bai-19-lop-dat-va-cac-nhan-to-hinh-thanh-dat-mot-so-nhom-dat-dien-hinh-trang-178-2023">Top 7 địa lý lớp 6 bài 19: lớp đất và các nhân tố hình thành đất một số nhóm đất điển hình trang 178 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-h-thuc-hien-chu-truong-duong-loi-chinh-sach-cua-dang-phap-luat-cua-nha-nuoc-2023">Top 7 h thực hiện chủ trương đường lối chính sách của đảng pháp luật của nhà nước 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-6-on-tap-tieng-viet-lop-7-hoc-ki-2-violet-2023">Top 6 on tập tiếng việt lớp 7 học kĩ 2 violet 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-trung-du-va-mien-nui-bac-bo-co-the-manh-noi-bat-ve-luyen-kim-den-2023">Top 7 trung du và miền núi bắc bộ có thế mạnh nổi bật về luyện kim đen 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-8-mo-thay-co-nguoi-to-tinh-voi-minh-2023">Top 8 mơ thấy có người to tình với mình 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-6-nuoc-yen-cao-cap-yen-sao-thien-hoang-2023">Top 6 nước yến cao cấp yến sào thiên hoàng 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://cunghoidap.com/toplist-top-7-vi-du-ve-quyet-dinh-hanh-chinh-nha-nuoc-2023">Top 7 ví dụ về quyết định hành chính nhà nước 2023</a></h5> <small class="meta text-right">6 tháng trước</small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Xem Nhiều</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/danh-muc-hang-hoa-mat-ma-dan-su-nam-2024">Danh mục hàng hóa mật mã dân sự năm 2024</a></h5> <small class="meta"> <span class="pr-1">4 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/Blue-eyedSpecs" class="author">Blue-eyedSpecs</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/gia-han-chu-ky-so-tieng-anh-la-gi-nam-2024">Gia hạn chữ ký số tiếng anh là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/Self-confidentMotto" class="author">Self-confidentMotto</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/suua-loi-chinh-ta-tu-dong-trong-word-nam-2024">Suửa lỗi chính tả tự động trong word năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/JubilantGallery" class="author">JubilantGallery</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/van-khan-than-tai-tho-dia-ngay-ram-thang-gieng-nam-2024">Văn khấn thần tài thổ địa ngày rằm tháng giêng năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/Two-wayLeopard" class="author">Two-wayLeopard</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/bai-tap-lam-van-so-5-lop-8-de-2-nam-2024">Bài tập làm văn số 5 lớp 8 đề 2 năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 tuần trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/TactfulResentment" class="author">TactfulResentment</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/lam-the-nao-de-co-hoi-tho-thom-mat-nam-2024">Làm thế nào để có hơi thở thơm mát năm 2024</a></h5> <small class="meta"> <span class="pr-1">3 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/Ill-advisedMartin" class="author">Ill-advisedMartin</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/mat-noi-may-muc-dom-den-la-bi-gi-nam-2024">Mặt nổi mấy mục đốm đen là bị gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">2 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/CrackingDoorstep" class="author">CrackingDoorstep</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/hoi-chung-dao-o-nguoi-bieu-hien-nhu-the-nao-nam-2024">Hội chứng đao ở người biểu hiện như thế nào năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/BarbedEncouragement" class="author">BarbedEncouragement</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/app-kiem-tra-nguon-goc-hang-hoa-qua-ma-vach-nam-2024">App kiểm tra nguồn gốc hàng hóa qua mã vạch năm 2024</a></h5> <small class="meta"> <span class="pr-1">16 giờ trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/DeprivedCivility" class="author">DeprivedCivility</a> </small> </div> </div><!-- end media --> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://cunghoidap.com/thuc-thi-cong-vu-la-gi-nam-2024">Thực thi công vụ là gì năm 2024</a></h5> <small class="meta"> <span class="pr-1">1 ngày trước</span> <span class="pr-1">. bởi</span> <a href="https://cunghoidap.com/author/FeatheryDrafting" class="author">FeatheryDrafting</a> </small> </div> </div><!-- end media --> </div><!-- end sidebar-questions --> </div> </div><!-- end card --> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Quảng cáo</h4> <div class="mb-4 mx-auto" style=" text-align: center"> <div id='div-gpt-ad-1657246837997-0' style='min-width: 300px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1657246837997-0'); }); </script> </div> </div> </div> </div><!-- end sidebar --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end question-area --> <!-- ================================ END QUESTION AREA ================================= --> <script>var questionId ='bai-tap-lap-trinh-web-bang-html-iuh'</script> <script>var postTime ='2024-01-07T06:02:17.515Z'</script> <script>var siteDomain ='cunghoidap.com'</script> <script type="text/javascript" src="https://cunghoidap.com/dist/js/pages/comment.js"></script> <!-- ================================ END FOOTER AREA ================================= --> <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Giới thiệu</a></li> <li><a href="/contact.html">Liên hệ</a></li> <li><a href="/contact.html">Tuyển dụng</a></li> <li><a href="/contact.html">Quảng cáo</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li> <li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li> <li><a href="/privacy-statement.html">Quy định cookie</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Hướng dẫn</a></li> <li><a href="/contact.html">Loại bỏ câu hỏi</a></li> <li><a href="/contact.html">Liên hệ</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div><!-- end footer-item --> </div><!-- end col-lg-3 --> </div><!-- end row --> </div><!-- end container --> <hr class="border-top-gray my-5"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> <!-- end col-lg-6 --><div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Bản quyền © 2021 <a href="https://cunghoidap.com">Hỏi Đáp</a> Inc.</div> </div> </div><!-- end col-lg-6 --> </div><!-- end row --> </div><!-- end container --> </section><!-- end footer-area --> <!-- ================================ END FOOTER AREA ================================= --><script> $( document ).ready(function() { setTimeout(showMoreButton, 3000); function showMoreButton(){ let minheight = 1000; minheight = parseInt($("#entryContent").innerHeight())/3; $("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden'); $("#readmore_content").click(function(){ $("#entryContent").css('min-height', '').css('max-height', '').css('overflow', ''); $(".readmore_content_exists").css('display', 'none'); }) } }); </script> <!-- template js files --> <!-- start back to top --> <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div> <!-- end back to top --> <script src="https://cunghoidap.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cunghoidap.com/dist/js/moment.js"></script> <script src="https://cunghoidap.com/dist/js/read-more.min.js"></script> <script src="https://cunghoidap.com/dist/js/main.js?v=6"></script> <!-- Google Tag Manager (noscript) --> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jxuz46z39u"); </script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="1a0c2af5e054ba4db3caf2c1-|49" defer></script>