HTML là gì? Những điều cần biết về HTML


Nếu bạn đang trong quá trình tìm hiểu các chủ đề phát triển phần mềm, lập trình liên quan đến website. HTML chắc hẳn không phải là một khái niệm xa lạ. Dòng này luôn hiện hữu trước mắt người dùng internet, nhưng hầu hết mọi người không có kiến ​​thức chung về nó.

Vì vậy, cụ thể HTML là gì?? HTML có phải là ngôn ngữ lập trình không? Bạn cần kiến ​​thức gì về khái niệm này nếu muốn phát triển trong lĩnh vực lập trình web? Hãy cùng Glints tìm hiểu qua bài viết dưới đây nhé!

HTML là gì?

Trước hết HTML là gì?? HTML là từ viết tắt của Hyper Text Markup Language, được sử dụng để tạo các trang web và ứng dụng web. Hãy xem ngôn ngữ đánh dấu siêu văn bản và các trang web có nghĩa là gì:

  • Siêu văn bản: Hay Siêu văn bản có nghĩa đơn giản là “Văn bản trong Văn bản”. Một văn bản có một liên kết bên trong nó, đó là một siêu văn bản. Bất cứ khi nào bạn nhấp vào một liên kết đưa bạn đến một trang web mới, bạn đã nhấp vào một siêu văn bản. Siêu văn bản là một cách để liên kết hai hoặc nhiều trang web (tài liệu HTML) với nhau.
  • Ngôn ngữ đánh dấu: hay ngôn ngữ đánh dấu là ngôn ngữ máy tính được sử dụng để áp dụng các quy ước về bố cục và định dạng cho tài liệu văn bản. Ngôn ngữ đánh dấu làm cho văn bản tương tác và năng động hơn. Nó có thể biến văn bản thành hình ảnh, bảng biểu, liên kết, v.v.
  • Trang web: Trang web là một tài liệu thường được viết bằng HTML và được dịch bởi trình duyệt web. Một trang web có thể được xác định bằng cách nhập một URL. Một trang Web có thể là tĩnh hoặc động. Chỉ với sự trợ giúp của HTML, chúng ta có thể tạo các trang web tĩnh.

Do đó, HTML là ngôn ngữ đánh dấu được sử dụng để tạo các trang web hấp dẫn với sự trợ giúp của định dạng và kiểu dáng đẹp mắt trên trình duyệt web. Một tài liệu HTML được tạo thành từ nhiều thẻ HTML và mỗi thẻ HTML chứa nội dung khác nhau.

HTML hoạt động như thế nào?

html
HTML hoạt động như thế nào?

Tác giả của trang web nhập tài liệu HTML được lưu với phần mở rộng .html hoặc .htm (filename.html hoặc filename.htm). Sau đó, tệp này được tải lên Trang web Toàn cầu, trang này sẽ hiển thị giao diện trực tuyến của tệp.

Để mở tệp HTML từ PC của bạn, hãy truy cập File Explorer, nhấp chuột phải vào tệp (hoặc nhấp đúp vào tệp nếu bạn đang sử dụng máy Mac) và chọn “Mở bằng” từ trình đơn để khởi chạy tệp trong trình duyệt ưa thích của bạn. thích của bạn. Google Chrome, Mozilla Firefox, Safari và các trình duyệt khác có thể nhận dạng và đọc định dạng này. Bạn cũng có thể khởi chạy trình duyệt của mình, nhấn Ctrl + O để mở menu “mở” và nhấp đúp vào tệp html của bạn.

Các trình duyệt sử dụng các phần tử HTML để giải thích nội dung của trang và hiển thị chúng một cách chính xác trên màn hình một cách rõ ràng và phong phú.

Đọc thêm: Học lập trình web nên bắt đầu từ đâu?

Tầm quan trọng của HTML

Html có phải là ngôn ngữ lập trình không?
HTML quan trọng như thế nào?

HTML là ngôn ngữ mặc định của các trang web và tài liệu dựa trên web. Nó giúp trình duyệt hiểu cấu trúc và phong cách của tài liệu hoặc tệp được xem trên internet. Nó cho phép các trang web của bạn lưu trữ âm thanh, video, bảng tính và các ứng dụng khác. Nó cũng tạo điều kiện điều hướng trong các trang web hoặc giữa các trang web thông qua siêu văn bản.

Hơn nữa, quản trị viên web có thể sử dụng HTML để thiết kế các biểu mẫu đặt hàng, đặt phòng hoặc tìm kiếm thông tin sản phẩm. Do đó, HTML là khối xây dựng cơ bản để xây dựng thương hiệu của bạn và điều hành trang web thương mại điện tử hoặc doanh nghiệp dựa trên đăng ký trực tuyến.

Ưu và nhược điểm của HTML

Cũng giống như bất kỳ ngôn ngữ máy tính nào khác, HTML có những điểm mạnh và hạn chế. Dưới đây là những ưu và nhược điểm của HTML:

Lợi thế:

  • Thân thiện với người mới bắt đầu: HTML có một đánh dấu rõ ràng và nhất quán, cũng như một đường cong học tập nông và dễ hiểu.
  • khả năng hỗ trợ: Ngôn ngữ này được sử dụng rộng rãi, với nhiều tài nguyên và một cộng đồng lớn đằng sau nó.
  • Dễ dàng truy cập: HTML là mã nguồn mở và hoàn toàn miễn phí. HTML chạy tự nhiên trong tất cả các trình duyệt web.
  • Linh hoạt: HTML có thể dễ dàng tích hợp với các ngôn ngữ phụ trợ như PHP và Node.js.

Khuyết điểm:

  • tĩnh: Ngôn ngữ này chủ yếu được sử dụng cho các trang web tĩnh. Đối với chức năng động, bạn có thể cần sử dụng JavaScript hoặc ngôn ngữ phụ trợ như PHP.
  • Trang HTML riêng biệt: Người dùng phải tạo các trang web riêng lẻ cho HTML, ngay cả khi các phần tử giống nhau.
  • Khả năng tương thích trình duyệt web: Một số trình duyệt chậm áp dụng các tính năng mới. Đôi khi các trình duyệt cũ hơn không phải lúc nào cũng hiển thị các thẻ mới hơn.

Cấu trúc của một tài liệu HTML

cấu trúc của html
Cấu trúc của HTML

Các thành phần chính của tài liệu HTML là thẻ và phần tử. Chúng “cho” trình duyệt của bạn biết cách hiển thị nội dung của bạn. Các thẻ bắt đầu và kết thúc bằng dấu ngoặc nhọn hoặc dấu “nhỏ hơn” và “lớn hơn”. Các chữ cái nằm giữa chúng được gọi là nội dung phần tử.

Các thành phần sau tạo nên cấu trúc cơ bản của trang HTML (theo thứ tự xuất hiện):

  • Khai báo loại tài liệu (DTD): xuất hiện ở đầu hoặc trên cùng của tài liệu HTML. Nó cho trình duyệt biết phiên bản HTML nào đã được sử dụng để tạo trang.
  • Phần tử gốc HTML: , được viết bên dưới DTD, hoạt động giống như “thùng chứa chính” chứa tất cả các phần tử khác. Nó có thể chỉ định ngôn ngữ của tài liệu HTML. Ví dụ có nghĩa là trang được viết bằng tiếng Anh Mỹ.
  • Head: , bạn sẽ tìm thấy nó ở giữa và , chứa siêu dữ liệu mô tả thông tin về trang. Bao gồm các:
    • hoặc chủ đề tổng thể của trang web. Nó tách biệt nhưng phải khớp với thẻ tiêu đề xuất hiện trong phần nội dung.</li> <li> <style> xác định cách các phần tử sẽ hiển thị trong trình duyệt. Điều này bao gồm màu tiêu đề, căn chỉnh văn bản, màu nền của nội dung, v.v.</li> <li><link> cho biết các tài nguyên (tức là một trang web khác hoặc biểu định kiểu bên ngoài) được liên kết với trang HTML.</li> <li><meta> chứa từ khóa, tác giả và mô tả trang.</li> <li><base> đề cập đến URL mặc định.</li> </ul> </li> <li>Body: là phần thân chính của tài liệu chứa thông tin mà trình duyệt hiển thị trên màn hình. Nó có thể bao gồm những điều sau đây: <ul> <li>Tiêu đề trang web, logo, điều hướng chính và thanh tìm kiếm.</li> <li>Nội dung chính bao gồm tiêu đề hoặc tiêu đề bài viết, nội dung bài viết, ngày đăng, tác giả, v.v.</li> <li>Các thanh bên hiển thị các tiện ích và điều hướng phụ, chẳng hạn như lưu trữ theo danh mục hoặc ngày.</li> <li>Chân trang cung cấp thông tin liên hệ, liên kết xã hội, bản quyền và điều hướng cấp ba.</li> </ul> </li> </ul> <p><strong>Kết luận </strong></p> <p>Vậy Glints đã cùng bạn tìm hiểu <strong>HTML là gì?</strong> cũng như cấu trúc của một HTML cơ bản. </p> <p>Hy vọng bài viết trên sẽ giúp các bạn có thêm kiến ​​thức về lập trình web. </p> <p>Nếu quan tâm đến chủ đề IT, hãy cùng đón đọc và chờ đợi những bài viết hay và thú vị hơn từ Glints nhé!</p> <p><!-- Rate my Post Plugin --> </p> <h3 class="awpa-title"><span class="ez-toc-section" id="tac_gia"/>Tác giả<span class="ez-toc-section-end"/></h3> <div class="wp-post-author-wrap wp-post-author-shortcode left"> <div class="wp-post-author"> <div class="awpa-img awpa-author-block round"> <img loading="lazy" alt="" class="avatar avatar-150 photo" height="150" width="150" decoding="async" src="http://pgdthanhphu.edu.vn/wp-content/uploads/2023/06/1686825530_194_b3a2a7de3373222f37893e23a94807fd"/><noscript><img loading="lazy" alt="" src="http://pgdthanhphu.edu.vn/wp-content/uploads/2023/06/1686825530_194_b3a2a7de3373222f37893e23a94807fd" class="avatar avatar-150 photo" height="150" width="150" decoding="async"/></noscript> </div> </p></div> </p></div> <p><!-- AddThis Advanced Settings above via filter on the_content --><!-- AddThis Advanced Settings below via filter on the_content --><!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons above via filter on the_content --><!-- AddThis Share Buttons below via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content --><!-- AddThis Related Posts below via filter on the_content --><!-- AddThis Related Posts generic via filter on the_content --></p> <div class="glint-sau-noi-dung" style="margin-left: auto; margin-right: auto; text-align: center; margin-top: 20px; " id="glint-1716291504"><img loading="lazy" decoding="async" alt="tải mẫu cv file word" data-lazy- width="800" height="366" style="display: inline-block;" src="http://pgdthanhphu.edu.vn/wp-content/uploads/2023/05/banner-tai-mau-cv-word-glints.webp.webp"/><noscript><img loading="lazy" decoding="async" src="http://pgdthanhphu.edu.vn/wp-content/uploads/2023/05/banner-tai-mau-cv-word-glints.webp.webp" alt="tải mẫu cv file word" width="800" height="366" style="display: inline-block;"/></noscript></div> <p><!-- AI CONTENT END 2 --> </div> <p><br /> Tham khảo: https://glints.com/vn/blog/html-la-gi/</p> </div> <footer class="entry-meta" aria-label="Entry meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categories </span><a href="https://pgdthanhphu.edu.vn/category/hoi-dap/" rel="category tag">Hỏi Đáp</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts"> <div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://pgdthanhphu.edu.vn/nhung-ky-nang-giao-tiep-don-gian-ma-hieu-qua/" rel="prev">Những kỹ năng giao tiếp đơn giản mà hiệu quả</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://pgdthanhphu.edu.vn/xem-phim-nu-hung-than-hao-full-tap-12345-tron-bo-thuyet-minh-vietsub/" rel="next">Xem Phim Nữ Hùng Thần Hào Full Tập 1,2,3,4,5 Trọn Bộ Thuyết minh + Vietsub</a></span></div> </nav> </footer> </div> </article> <div class="comments-area"> <div id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html-la-gi-nhung-dieu-can-biet-ve-html/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://pgdthanhphu.edu.vn/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" required></textarea></p><label for="author" class="screen-reader-text">Name</label><input placeholder="Name *" id="author" name="author" type="text" value="" size="30" required /> <label for="email" class="screen-reader-text">Email</label><input placeholder="Email *" id="email" name="email" type="email" value="" size="30" required /> <label for="url" class="screen-reader-text">Website</label><input placeholder="Website" id="url" name="url" type="url" value="" size="30" /> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='3573' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </div> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> </div> </div> </div> </div> <div class="site-footer"> <div id="footer-widgets" class="site footer-widgets"> <div class="footer-widgets-container grid-container"> <div class="inside-footer-widgets"> <div class="footer-widget-1"> <aside id="block-11" class="widget inner-padding widget_block"> <h4 class="has-text-align-left wp-block-heading"></h4> </aside><aside id="block-13" class="widget inner-padding widget_block"> <h3 class="wp-block-heading">Phòng Giáo dục và Đào tạo Thạnh Phú</h3> </aside><aside id="block-12" class="widget inner-padding widget_block widget_text"> <p><em>Địa chỉ: Đường Trần Thị Tiết, Khu phố 3, Thị trấn Thạnh Phú, huyện Thạnh Phú, tỉnh Bến Tre<br>Điện thoại: 0275.3870941</em></p> </aside> </div> <div class="footer-widget-2"> <aside id="block-14" class="widget inner-padding widget_block"> <ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="https://www.facebook.com/pgdthanhphu" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li> <li class="wp-social-link wp-social-link-tumblr wp-block-social-link"><a href="https://www.twitch.tv/pgdthanhphu/about" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z" /></path></svg><span class="wp-block-social-link-label screen-reader-text">Tumblr</span></a></li> <li class="wp-social-link wp-social-link-twitter wp-block-social-link"><a href="https://twitter.com/pgdthanhphu" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li> <li class="wp-social-link wp-social-link-pinterest wp-block-social-link"><a href="https://www.pinterest.com/pgdthanhphu/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path></svg><span class="wp-block-social-link-label screen-reader-text">Pinterest</span></a></li> <li class="wp-social-link wp-social-link-linkedin wp-block-social-link"><a href="https://www.linkedin.com/in/pgdthanhphu/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li> <li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="https://www.youtube.com/@PhongGiaoDucvaaotaoThachPhu/about" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li> <li class="wp-social-link wp-social-link-flickr wp-block-social-link"><a href="https://www.flickr.com/people/199205834@N04/" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Flickr</span></a></li></ul> </aside> </div> <div class="footer-widget-3"> </div> <div class="footer-widget-4"> </div> </div> </div> </div> <footer class="site-info" aria-label="Site" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> © 2023 Phòng Giáo Dục Đào Tạo Thạnh Phú </div> </div> </footer> </div> <div class='code-block code-block-1' style='opacity: 0;position: fixed; z-index: 9995; top: 100px; text-align: center; left: 50%; transform: translate(-50%, -50%);'> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8464667199735888" crossorigin="anonymous"></script> <!-- mơi 13/11 --> <ins class="adsbygoogle" style="display:inline-block;width:400px;height:400px" data-ad-client="ca-pub-8464667199735888" data-ad-slot="8289227598"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <script> // Kiểm tra user agent để xác định loại thiết bị var isMobile = /iPhone|iPad|iPod|Android|Windows Phone/i.test(navigator.userAgent); // Lấy địa chỉ IP của người dùng var userIP = 'Địa chỉ IP của người dùng'; // Bạn cần cung cấp cách lấy địa chỉ IP của người dùng, ví dụ, thông qua một API. // Tạo một key duy nhất cho địa chỉ IP và ngày hiện tại var key = userIP + '-' + new Date().toDateString(); // Kiểm tra xem địa chỉ IP đã xem quảng cáo trong ngày chưa var hasViewedAdToday = localStorage.getItem(key); if (!hasViewedAdToday) { // Hiển thị quảng cáo trên thiết bị di động hoặc máy tính nếu địa chỉ IP chưa xem quảng cáo trong ngày var adContainer = document.getElementById('adContainer'); adContainer.style.display = 'block'; // Đánh dấu rằng địa chỉ IP đã xem quảng cáo trong ngày localStorage.setItem(key, 'true'); } else { // Ẩn quảng cáo nếu địa chỉ IP đã xem quảng cáo trong ngày var adContainer = document.getElementById('adContainer'); adContainer.style.display = 'none'; } </script></div> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><script id="generate-smooth-scroll-js-extra"> var smooth = {"elements":[".smooth-scroll","li.smooth-scroll a"],"duration":"800"}; </script> <script src="https://pgdthanhphu.edu.vn/wp-content/plugins/gp-premium/general/js/smooth-scroll.min.js?ver=2.2.2" id="generate-smooth-scroll-js"></script> <!--[if lte IE 11]> <script src="https://pgdthanhphu.edu.vn/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.2.4" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Open Sub-Menu","closeSubMenuLabel":"Close Sub-Menu"}; </script> <script src="https://pgdthanhphu.edu.vn/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.2.4" id="generate-menu-js"></script> <script src="https://pgdthanhphu.edu.vn/wp-includes/js/comment-reply.min.js?ver=6.5.2" id="comment-reply-js" async data-wp-strategy="async"></script> <script defer src="https://stats.wp.com/e-202416.js" id="jetpack-stats-js"></script> <script id="jetpack-stats-js-after"> _stq = window._stq || []; _stq.push([ "view", {v:'ext',blog:'221479148',post:'3573',tz:'0',srv:'pgdthanhphu.edu.vn',j:'1:12.3'} ]); _stq.push([ "clickTrackerInit", "221479148", "3573" ]); </script> </body> </html>