Cách chèn ảnh, nhạc, video vào HTML (Website)

Cách chèn VIDEO vào web trong HTML | VFO.VN

Hiện tại hầu hết các trình duyệt đều đã hỗ trợ HTML5 và có hỗ trợ thẻ

Từ khóa: Chèn Video Vào Html Trích nguồn: vfo.vn

HTML Video - W3Schools

To show a video in HTML, use the

Từ khóa: Chèn Video Vào Html Trích nguồn: www.w3schools.com

Hướng dẫn cách chèn thẻ video trong HTML - Blog | Got It AI

Feb 7, 2021Thẻ video trong HTML Như đã biết, thẻ video trong HTML được dùng để tạo "trình xem video" trên nền tảng website. Để có thể tạo trình xem video này, trước hết thẻ video cần phải được sử dụng

Từ khóa: Chèn Video Vào Html Trích nguồn: vn.got-it.ai

Học HTML Cách chèn media: nhạc, video trong html [bài 5]

Tiếp nối bài viết chèn hình ảnh trong html, đến bài viết này mình sẽ giới thiệu cho các bạn cách chèn các tập tin kỹ thuật số (media files) - đó chính là nhạc, phim ảnh (video, movie) và các hình ảnh

Từ khóa: Chèn Video Vào Html Trích nguồn: tech12h.com

[Học HTML - 08] Chèn hình ảnh, video, audo và website

[Học HTML - 08] Chèn hình ảnh, video, audo và website 172,971 views Apr 18, 2015 1K Dislike Share Save Thạch Phạm 41.2K subscribers Tìm hiểu các thẻ chèn hình ảnh, âm thanh, video và...

Từ khóa: Chèn Video Vào Html Trích nguồn: www.youtube.com

Hướng dẫn embed video html - nhúng html video Diya Dunne Roscoe

Thẻ video trong HTML. 2. Các thuộc tính được sử dụng trong thẻ audio. 3. Những định dạng video được hỗ trợ. 4) Cách nhúng video Youtube trực tiếp từ trang chủ. - Bước 2: Chọn Embed (Nhúng) 3) Các tham

Từ khóa: Chèn Video Vào Html Trích nguồn: thuvienphapluat.edu.vn

[HTML/HTML5] Phần 46: Nhúng video YouTube vào trang web

Phát một video YouTube trong HTML Để phát một videot trên web, bạn hãy làm các bước sau: Tải video lên YouTube Lưu ý chỉ số id của video Định nghĩa phần tử iframe trong trang web Sử dụng thuộc tính sr

Từ khóa: Chèn Video Vào Html Trích nguồn: www.dammio.com

[HTML/HTML5] Phần 43: Nhúng video trong HTML5 | DAMMIO

Phần tử video Để hiển thị một video trong HTML, bạn hãy dùng đoạn mã nguồn như sau. 1 2 3 4 5

Cách chèn video YouTube vào HTML trong 30 giây - YouTube

Video này hướng dẫn bạn chèn video vào html của website một cách dễ dàng.

Từ khóa: Chèn Video Vào Html Trích nguồn: www.youtube.com

[Hướng dẫn] Cách chèn video youtube vào HTML nhanh nhất

Bạn có thể cài thumbnail riêng cho video trên html như với youtube để tăng độ sinh động, đẹp mắt bằng plugin này. Bạn chỉ cần nhấn nút "Tạo" rồi chọn video mong sau đó nhấn "Nhấp vào bài đăng" để tải

Từ khóa: Chèn Video Vào Html Trích nguồn: thietkeweb.vn

Hướng Dẫn Nhúng Một Clip Youtube vào Trang Web HTML

Nhúng video clip từ Youtube vào web bằng thẻ . Thẻ iframe trong HTML < iframe> là 1 thẻ chuẩn HTML giúp nhúng 1 trang web vào 1 trang web.</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/www.stdio.vn" title="www.stdio.vn" ><strong>www.stdio.vn</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/nhung-video-vao-trang-web-don-gian-voi-6-cach-nay"><h3 class="w-full headline2">Nhúng video vào trang web đơn giản với 6 cách này</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">1. HTML5 Video Player . HTML5 Video Player là giải pháp lý tưởng nếu đối tượng trang web sử dụng các thiết bị khác nhau. Để thêm video tương thích HTML5 vào trang web, chỉ cần chuẩn bị file video ở ba</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/quantrimang.com" title="quantrimang.com" ><strong>quantrimang.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-chen-video-vao-trang-web-bang-html5"><h3 class="w-full headline2">Cách chèn Video vào trang web bằng HTML5</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">ĐĂNG KÝ. Tiết kiệm nhiều hơn: Bạn sẽ được học thỏa thích tất cả các môn học thiết kế web & lập trình web trên website hocwebgiare.com với chi phí rẻ nhất. Công nghệ mới: Bạn sẽ được học từ A->Z tất cá</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/hoc-html-the-chen-hinh-anh-audio-video-object-va-iframe"><h3 class="w-full headline2">Học HTML - Thẻ chèn hình ảnh, audio, video, object và iframe</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Mặc dù hiện tại bạn chưa học đến HTML5 nhưng ở chức năng chèn video này chúng ta sẽ sử dụng một thẻ trong HTML để chèn video nhanh chóng đó là cặp thẻ <video> </video> như sau: Nghĩa là trong cặp thẻ</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/thachpham.com" title="thachpham.com" ><strong>thachpham.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-chen-audio-video-vao-website-don-gian-de-thuc-hien-nhat"><h3 class="w-full headline2">Cách chèn audio, video vào website đơn giản, dễ thực hiện nhất</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Để chèn video trong HTML thì bạn cần phải làm như sau: <video width="" height="" controls> <source src="URL" type="kiểu định dạng 1″> Trình duyệt của bạn không hỗ trợ thẻ định dạng video </video> Tuy</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-nhung-video-vao-website-don-gian-va-nhanh-nhat"><h3 class="w-full headline2">Cách nhúng video vào website đơn giản và nhanh nhất</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Jan 14, 2021Việc này giúp cho các video được tải lên được phát trực tuyến trên PC và các thiết bị khác. - Cách chèn video YouTube: Bước 1. Tạo kênh YouTube và tải video lên đó. Bước 2. Mở video và nhấ</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-chen-video-vao-trang-web-bang-html5"><h3 class="w-full headline2">Cách chèn Video vào trang web bằng HTML5</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Bài 4: Cài đặt và cấu hình DHCP. Phân tích và thiết kế database cho website tin tức (Bài 9) Hướng dẫn tạo hiệu ứng xoay cho đối tượng với motion tween. Lập trình hướng đối tượng PHP viết chương trình</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/hocwebgiare.com" title="hocwebgiare.com" ><strong>hocwebgiare.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-chen-video-youtube-vao-html-html-cheat-sheet-bai-42-hien-thi"><h3 class="w-full headline2">Cách chèn video youtube vào html — html cheat sheet, bài 42: hiển thị ...</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Jun 1, 2021Cách ckém khung YouTube vào trang web. Để ckém form Clip bên trên YouTube vào website, ta áp dụng thẻ. Ví dụ: Xem ví dụ. Để gỡ vứt mặt đường viền mang lại form YouTube, ta thêm trực thuộc t</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/jdomain.vn" title="jdomain.vn" ><strong>jdomain.vn</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/nhung-video-youtube-vao-website-bat-ki-khong-can-biet-code"><h3 class="w-full headline2">Nhúng Video Youtube Vào Website Bất Kì | Không Cần Biết Code</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Aug 15, 2022Chèn code video Youtube vào HTML Website • Bấm nút Mã HTML lần nữa, bạn sẽ thấy video được hiển thị. • Giờ chỉ việc nhập tiêu đề, thêm văn bản, thực hiện các bước tối ưu Web…Như bình thườn</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/quangcaosieutoc.com" title="quangcaosieutoc.com" ><strong>quangcaosieutoc.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/tag-video-tag-html-hoc-web-chuan"><h3 class="w-full headline2">Tag video | Tag html | Học web chuẩn</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Định nghĩa và sử dụng Tag <video> xác định một video, chẳng hạn như một đoạn phim hoặc một trường video. Đoạn text nằm bên trong <video> và </video> sẽ hiển thị khi trình duyệt không hỗ trợ tag <video</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/hocwebchuan.com" title="hocwebchuan.com" ><strong>hocwebchuan.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-tao-video-background-bang-html-css-phan-2"><h3 class="w-full headline2">Cách Tạo Video Background Bằng HTML CSS (Phần 2)</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Đầu tiên thì chúng ta sẽ đi vào tạo cấu trúc HTML và liên kết nó đến những file cần thiết để tạo video background như là Google Font, Font Awesome 4.7 và style.css thông qua đoạn mã bên dưới nha: HTML</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/www.niemvuilaptrinh.com" title="www.niemvuilaptrinh.com" ><strong>www.niemvuilaptrinh.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/video-trong-html5-webvn"><h3 class="w-full headline2">Video trong HTML5 - WebVN</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Khi thẻ <video> được đưa vào HTML5, bạn có thể dễ dàng chèn video theo đúng chuẩn. Trình duyệt hỗ trợ Số trong bảng dưới đây thể hiện phiên bản đầu tiên của trình duyệt hỗ trợ đầy đủ cho thuộc tính.</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/webvn.com" title="webvn.com" ><strong>webvn.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/bai-42-hien-thi-video-youtube-trong-html-tim-o-day"><h3 class="w-full headline2">Bài 42: Hiển thị video YouTube trong HTML | Tìm ở đây</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Đưa một Video từ YouTube vào trang HTML. Để đưa video mà bạn mong muốn vào một trang web, bạn cần làm những việc sau đây: Tải video lên YouTube. Lấy ID của video sau khi tải. Xác định phần tử <iframe></p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/timoday.edu.vn" title="timoday.edu.vn" ><strong>timoday.edu.vn</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/chen-video-tren-youtube-vao-trang-web-hoc-javascript"><h3 class="w-full headline2">Chèn video trên YouTube vào trang web | Học JavaScript</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Dec 7, 2020Cách chèn khung YouTube vào trang web. Để chèn khung video trên YouTube vào trang web, ta sử dụng thẻ <iframe>. Nếu chưa hiểu rõ về thẻ <iframe>, truy cập Thẻ iframe trong HTML.</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/hocjavascript.net" title="hocjavascript.net" ><strong>hocjavascript.net</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/cach-lay-video-lam-background-voi-html5-css"><h3 class="w-full headline2">Cách lấy Video làm Background với HTML5 & CSS</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Nhưng có rất ít người biết rằng, chúng ta cũng hoàn toàn có thể lấy video làm nền cho web. Chỉ với một đoạn css cơ bản cùng với sự hỗ trợ của HTML5 là chúng ta có thể làm được điều này. HTML Trước tiê</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/sharecode.vn" title="sharecode.vn" ><strong>sharecode.vn</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> <div class="grid grid-cols-1 justify-start items-start my-4 mx-auto"> <div class="flex flex-wrap text-primaryText h-17"> <a class="hover:no-underline " href="https://hoidap.edu.vn/chuyen-trang/tao-video-background-cho-website"><h3 class="w-full headline2">Tạo Video Background Cho Website</h3></a> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2">Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu những cách thức để tạo được một video background đẹp cho trang web từ cơ bản đến nâng cao. Mong nó sẽ giúp ích cho bạn trong việc phát triển và thiết</p> </div> <div class="question-meta" aria-label="Chèn Video Vào Html"> <span>Từ khóa: <strong><a href="https://hoidap.edu.vn/chen-video-vao-html-k137635">Chèn Video Vào Html</a></strong></span> <span>Trích nguồn: <a href="https://hoidap.edu.vn/domain/www.niemvuilaptrinh.com" title="www.niemvuilaptrinh.com" ><strong>www.niemvuilaptrinh.com</strong></a></span> </div> </div> <hr class="text-black text-opacity-10"> </div> </div> </div> <div id="slot-after_question_block"></div> <div class="bg-white md:rounded-md mt-10 p-4 flex flex-col shadow-lg mb-24 py-8 border border-gray-100"> <h2 class="text-left font-bold text-2xl mb-5 text-primaryText">Video cùng chủ đề: Chèn Video Vào Html</h2> <div class="mx-4"> <div class="row" style="margin-left:-30px;margin-right:-30px;"> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/html-09-chen-video-va-am-thanh-vao-web-video-1186890"><img src="https://img.youtube.com/vi/AyziJnIR_1w/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/html-09-chen-video-va-am-thanh-vao-web-video-1186890" title="HTML - 09 - Chèn video và âm thanh vào web (Video &..."><h3 class="w-full headline2">HTML - 09 - Chèn video và âm thanh vào web (Video &...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>1.2K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-chen-video-youtube-vao-html-trong-30-giay-1186891"><img src="https://img.youtube.com/vi/mavDhuj-SJk/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-chen-video-youtube-vao-html-trong-30-giay-1186891" title="Cách chèn video YouTube vào HTML trong 30 giây"><h3 class="w-full headline2">Cách chèn video YouTube vào HTML trong 30 giây</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>4.3K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/html-08-chen-anh-vao-web-image-1186892"><img src="https://img.youtube.com/vi/W9TSe0YOZtQ/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/html-08-chen-anh-vao-web-image-1186892" title="HTML - 08 - Chèn ảnh vào web (Image)"><h3 class="w-full headline2">HTML - 08 - Chèn ảnh vào web (Image)</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>1.5K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/huong-dan-chen-video-tren-youtube-vao-website-1186893"><img src="https://img.youtube.com/vi/MudJaFFMrTU/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/huong-dan-chen-video-tren-youtube-vao-website-1186893" title="Hướng dẫn chèn video trên youtube vào website"><h3 class="w-full headline2">Hướng dẫn chèn video trên youtube vào website</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>5.9K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/3-cach-chen-css-vao-html-website-ban-biet-chua-1186894"><img src="https://img.youtube.com/vi/VbUTrB7Q-Z8/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/3-cach-chen-css-vao-html-website-ban-biet-chua-1186894" title="3 cách chèn CSS vào HTML website bạn biết chưa?..."><h3 class="w-full headline2">3 cách chèn CSS vào HTML website bạn biết chưa?...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>4.2K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/chen-css-vao-html-1186895"><img src="https://img.youtube.com/vi/8B06pgprMjw/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/chen-css-vao-html-1186895" title="Chèn CSS vào HTML"><h3 class="w-full headline2">Chèn CSS vào HTML</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>119 views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/nhung-code-php-vao-trong-html-1186896"><img src="https://img.youtube.com/vi/iqtlFAfl2wQ/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/nhung-code-php-vao-trong-html-1186896" title="Nhúng code PHP vào trong HTML"><h3 class="w-full headline2">Nhúng code PHP vào trong HTML</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>5.9K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-21-chen-ma-code-html-vao-trang-landing-page-1186897"><img src="https://img.youtube.com/vi/_YHva_iENTo/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-21-chen-ma-code-html-vao-trang-landing-page-1186897" title="Bài 21: Chèn mã code HTML vào trang Landing Page..."><h3 class="w-full headline2">Bài 21: Chèn mã code HTML vào trang Landing Page...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>5.4K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/hoc-lap-trinh-html-bai-23-chen-video-vao-website-1186898"><img src="https://img.youtube.com/vi/J08SzFNIiPA/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/hoc-lap-trinh-html-bai-23-chen-video-vao-website-1186898" title="Học Lập Trình HTML Bài 23 - Chèn Video vào website"><h3 class="w-full headline2">Học Lập Trình HTML Bài 23 - Chèn Video vào website</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>3.1K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/activinspire-huong-dan-chen-video-tu-youtube-vao-bai-1186899"><img src="https://img.youtube.com/vi/Wg24XtEtPaA/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/activinspire-huong-dan-chen-video-tu-youtube-vao-bai-1186899" title="[ActivInspire] Hướng dẫn chèn video từ youtube vào bài..."><h3 class="w-full headline2">[ActivInspire] Hướng dẫn chèn video từ youtube vào bài...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>2.8K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-11-chen-video-hoac-audio-vao-trong-trang-web-hoc-1186900"><img src="https://img.youtube.com/vi/CZTOcjhoUVE/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-11-chen-video-hoac-audio-vao-trong-trang-web-hoc-1186900" title="Bài 11 Chèn video hoặc audio vào trong trang web | học..."><h3 class="w-full headline2">Bài 11 Chèn video hoặc audio vào trong trang web | học...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>3.4K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-chen-anh-vao-file-html-theo-2-cach-trong-website-1186901"><img src="https://img.youtube.com/vi/zVJXKfBUvnQ/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-chen-anh-vao-file-html-theo-2-cach-trong-website-1186901" title="Cách chèn ảnh vào file Html theo 2 cách trong website..."><h3 class="w-full headline2">Cách chèn ảnh vào file Html theo 2 cách trong website...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>12K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-2-chen-anh-vao-trang-web-bang-html-va-css-1186902"><img src="https://img.youtube.com/vi/AzxAIwBWQzg/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-2-chen-anh-vao-trang-web-bang-html-va-css-1186902" title="BÀI 2: Chèn ảnh vào trang web bằng html và css"><h3 class="w-full headline2">BÀI 2: Chèn ảnh vào trang web bằng html và css</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>9K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/hoc-html-css-4-chen-hinh-anh-vao-website-1186903"><img src="https://img.youtube.com/vi/9h0yufivJPk/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/hoc-html-css-4-chen-hinh-anh-vao-website-1186903" title="Học html css - #4 - Chèn hình ảnh vào website"><h3 class="w-full headline2">Học html css - #4 - Chèn hình ảnh vào website</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>40K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-chen-am-thanh-audio-vao-trang-web-bang-html5-1186904"><img src="https://img.youtube.com/vi/LSIramxXXfY/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-chen-am-thanh-audio-vao-trang-web-bang-html5-1186904" title="Cách chèn âm thanh Audio vào trang web bằng HTML5"><h3 class="w-full headline2">Cách chèn âm thanh Audio vào trang web bằng HTML5</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>7.8K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-nhung-video-youtube-vao-website-chuan-responsive-1186905"><img src="https://img.youtube.com/vi/A94HukVWK5I/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/cach-nhung-video-youtube-vao-website-chuan-responsive-1186905" title="Cách nhúng video youtube vào website chuẩn Responsive..."><h3 class="w-full headline2">Cách nhúng video youtube vào website chuẩn Responsive...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>6.2K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/chen-hinh-anh-vao-table-trong-access-2010-1186906"><img src="https://img.youtube.com/vi/qN9mR_59eoA/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/chen-hinh-anh-vao-table-trong-access-2010-1186906" title="Chèn hình ảnh vào Table trong Access 2010"><h3 class="w-full headline2">Chèn hình ảnh vào Table trong Access 2010</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>4.4K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/huong-dan-chen-fonts-vao-du-an-cho-nguoi-moi-1186907"><img src="https://img.youtube.com/vi/XNGdJa89Crg/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/huong-dan-chen-fonts-vao-du-an-cho-nguoi-moi-1186907" title="Hướng dẫn chèn fonts vào dự án cho người mới"><h3 class="w-full headline2">Hướng dẫn chèn fonts vào dự án cho người mới</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>3.4K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-32-huong-dan-chen-ma-code-vao-header-va-footer-1186908"><img src="https://img.youtube.com/vi/A-BMTtQn9-8/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/bai-32-huong-dan-chen-ma-code-vao-header-va-footer-1186908" title="[Bài 32] Hướng Dẫn Chèn Mã Code vào Header và Footer..."><h3 class="w-full headline2">[Bài 32] Hướng Dẫn Chèn Mã Code vào Header và Footer...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>3.3K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="justify-start items-start my-4"> <div class="flex flex-wrap text-primaryText h-17"> <p class="overflow-hidden body1 line-clamp break-all mt-2 mb-0" style="-webkit-line-clamp:2"> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/huong-dan-chen-nut-goi-dien-thoai-gui-tin-nhan-zalo-1186909"><img src="https://img.youtube.com/vi/icqH4UeGj10/hqdefault.jpg"></a> </p> <a class="hover:no-underline " href="https://hoidap.edu.vn/videos/huong-dan-chen-nut-goi-dien-thoai-gui-tin-nhan-zalo-1186909" title="Hướng dẫn chèn nút gọi điện thoại, gửi tin nhắn Zalo,..."><h3 class="w-full headline2">Hướng dẫn chèn nút gọi điện thoại, gửi tin nhắn Zalo,...</h3></a> <p class="w-full font-style-i color-888 mt-2" > <span style="float:right;">Nguồn: <em>YouTube</em></span> <span style="float:left;">Lượt Xem: <em>1.4K views</em></span> </p> </div> </div> </a> <hr class="text-black text-opacity-10"> </div> </div> </div> </div> </div> </div> <div class="mt-4 mb-4 md:block hidden"> <div class="bg-white rounded-md p-4 shadow-cardGlow" data-gtm="Left Rail"> <div class="headline1 mb-2">Câu hỏi mới nhất </div> </div> <div class="widget box-ads-last mt-10"> <div class="herald-sticky" style=""> <div class="ad-container" id="ad1" style="height: 800px;width:100%"> <div class="css-pch8hc css-13btb6c" data-empty="true"> <div class="css-1b7bwed"><span class="css-7mq29v bt-uid-tg" data-uid="5ac2688e0d-160"></span></div> <div id="DMR1__slot" data-ad="true" class="css-pch8hc css-y39gjk" > <div class="col-12" id="ads-right-1" style="border: 0pt; margin: auto; text-align: center;"> <ins class="adsbygoogle" style="display:block" data-ad-client="pub-9888608540275626" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> </div> </div> <div class="herald-sticky" style=""> <div class="ad-container" id="ad2" style="height: 800px;"> <div class="css-pch8hc css-13btb6c" data-empty="true"> <div class="css-1b7bwed"><span class="css-7mq29v bt-uid-tg" data-uid="5ac2688e0d-160"></span></div> <div id="DMR2__slot" data-ad="true" class="css-pch8hc css-y39gjk" > <div class="col-12" id="ads-right-2" style="border: 0pt; margin: auto; text-align: center;"> <ins class="adsbygoogle" style="display:block" data-ad-client="pub-9888608540275626" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> </div> </div> <div class="herald-sticky" style=""> <div class="ad-container" id="ad3" style="height: 800px;"> <div class="css-pch8hc css-13btb6c" data-empty="true"> <div class="css-1b7bwed"><span class="css-7mq29v bt-uid-tg" data-uid="5ac2688e0d-160"></span></div> <div id="DMR3__slot" data-ad="true" class="css-pch8hc css-y39gjk" > <div class="col-12" id="ads-right-3" style="border: 0pt; margin: auto; text-align: center;"> <ins class="adsbygoogle" style="display:block" data-ad-client="pub-9888608540275626" data-ad-slot="" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> </div> </div> </div> <style> .box-ads-last { position: sticky; top: 0; } .css-13btb6c { min-height: 150px; width: 100%; height: auto; z-index: 0; clear: both; position: relative; text-align: center; border: 1px solid #e0e0e0; } .css-13btb6c::before { content: 'ADVERTISEMENT'; display: block; top: -20px; left: 0; right: 0; height: 20px; font-size: 9px; line-height: 20px; letter-spacing: 1px; } .herald-sticky { position: -webkit-sticky; position: sticky; top: 100px; z-index: 9999; background-color: #fff; padding: 0px; border: 0px solid #ccc; } .herald-sticky.is_stuck { background-color: #f0f0f0; /* Màu nền khi dính */ position: -webkit-sticky; position: sticky; z-index: 9999; background-color: #fff; padding: 0px; border: 0px solid #ccc; display:flex; } .ad-container{ width:100%; } .herald-sticky img { width:100%; height: auto; } </style> <script> // Chỉ sticky 1 quảng cáo, tránh giật khi cuộn const ads = document.querySelectorAll('.herald-sticky'); let lastStuckIndex = -1; function updateStickyAd() { let found = false; ads.forEach((ad, idx) => { const rect = ad.getBoundingClientRect(); // Kiểm tra nếu ad nằm trong viewport (hiện trên màn hình) if (!found && rect.top <= 100 && rect.bottom > 100) { ad.classList.add('is_stuck'); lastStuckIndex = idx; found = true; } else { ad.classList.remove('is_stuck'); } }); } window.addEventListener('scroll', updateStickyAd); window.addEventListener('resize', updateStickyAd); document.addEventListener('DOMContentLoaded', updateStickyAd); </script></div> </div> <style> .herald-site-footer .hel-r { position: absolute; right: 20px; top: 0; z-index: 1001; } .herald-go-hor.hel-r { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack:start; -ms-flex-pack: start; -webkit-box-align: center; justify-content: flex-start; display:table; } .herald-go-hor > * { display: inline-block; vertical-align: middle; } .css-8i1gnu { width: 60%; height: 50px; padding:0 1rem; position: relative; display: inline-flex; flex-direction: column; justify-content: center; border:1px solid #767474; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(118, 116, 116); border-right:0 none; background-color: white; border-radius:0; } .css-8i1gnu input[type="email"]{ border:0; } .css-1caaeej { font-size: 16px; background:transparent; border:none; height: 32px; line-height: 1; margin:0; padding-bottom: 8px; padding-left: 0; padding-right: 8px; padding-top: 8px; visibility: visible; width: 100%; } .css-jiaswt { position: relative; min-height: 26px; transition:padding 500ms cubic-bezier(0.165, 0.84, 0.44, 1); overflow:hidden; cursor: pointer; user-select: none; text-decoration:none; text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px; border:1px solid transparent; min-width: 120px; padding:6px 12px; font-weight: 600; font-family: inherit; font-size: 14px; line-height: 16px; background:rgb(2, 131, 141); color: white; margin-bottom: 0px; height: 50px; width: 120px; } .hel-r { position: absolute; right: 20px; top: 0; z-index: 1001; display: table; } .social-widget .hel-r > *{ display: flex; vertical-align: middle; } .herald-site-header li, .herald-site-header ul { list-style:none; margin:0; margin-bottom: 0px; padding:0; } .herald-soc-nav li { float: left; list-style:none; } .herald-soc-nav a { position: relative; text-decoration:none; display: block; text-align: center; border-radius:2px; } .herald-soc-nav a { font-size: 1.4rem; line-height: 2.6rem; height: 28px; width: 28px; padding:2px; margin:11px 0; } @media (max-width: 768px) { .footer-bottom .herald-soc-nav{ margin-top: 30px; } .herald-site-footer .footer-bottom { height: auto; min-height: 80px; } } </style> <footer id="footer" class="herald-site-footer herald-slide"> <div class="footer-widgets container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12"> <div id="text-3" class="row widget widget_text"> <div class="textwidget social-widget"> <h3 class="h1 mb-10" style="color:#FFF;"><img src="https://cdn.info.vn//uploads/images/hoidap.edu.vn/logo/logo-hoidap_edu_vn.png" style="max-height:50px;" alt="Cổng hỗ trợ tư vấn, hỏi đáp - Tra cưu & tìm kiếm thông tin hưu ích."></h3> <p style="color:#FFF;">Trang chuyên tư vấn hỗ trợ hỏi đáp, tra cứu và tìm kiếm thông tin đọc giả đang quan tâm. Chúng tôi luôn mong muốn đóng góp ý kiến và được đồng hành cùng các bạn.</p> <div class="css-j06mem" style="margin-top:25px"> <form method="post" novalidate="" class="css-ck1qbr"><div class="css-8i1gnu"><input placeholder="Enter your email" aria-label="Enter your email" type="email" class="css-1caaeej hl-id-class"></div><button class="hl-id-class css-jiaswt" data-testid="button" type="submit"><span class="css-14ktbsh"><span class="css-1huyk6v">SIGN UP</span></span></button></form> </div> </div> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="widget footer-block"> <h4>Về Chúng Tôi</h4> <ul class="css-lb03wr css-1dvthki"><li class='css-34bq4y'><a class='css-1c2ok3c css-1drrl05' href='https://hoidap.edu.vn/ve-chung-toi'>Về Hỏi Đáp</a></li><li class='css-34bq4y'><a class='css-1c2ok3c css-1drrl05' href='https://hoidap.edu.vn/mien-tru-trach-nhiem'>Tuyên Bố Miễn Trừ Trách Nhiệm</a></li><li class='css-34bq4y'><a class='css-1c2ok3c css-1drrl05' href='https://hoidap.edu.vn/chinh-sach-cookie'>Chính sách Cookie</a></li><li class='css-34bq4y'><a class='css-1c2ok3c css-1drrl05' href='https://hoidap.edu.vn/chinh-sach'>Chinh sách bảo mật</a></li><li class='css-34bq4y'><a class='css-1c2ok3c css-1drrl05' href='https://hoidap.edu.vn/dieu-khoan'>Điều Khoản</a></li><li class='css-34bq4y'><a class='css-1c2ok3c css-1drrl05' href='contact-us'>Liên Hệ</a></li></ul> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="widget footer-block"> <h4>Social Us</h4> <div class="flex ml-auto mt-4 justify-center"> <a class="text-white" rel="noopener" href="https://www.facebook.com/"><i class="fab fa-facebook fa-2x"></i></a> <a class="ml-1 text-white" rel="noopener" href="https://twitter.com/"><i class="fab fa-twitter fa-2x"></i></a> <a class="ml-1 text-white self-center" rel="noopener" href="https://www.instagram.com/"><i class="fab fa-instagram fa-2x"></i></a> <a class="ml-1 text-white" rel="noopener" href="https://www.youtube.com/"><i class="fab fa-youtube fa-2x"></i></a> <a class="ml-1 text-white" rel="noopener" href=""><i class="fab fa-pinterest fa-2x"></i></a> <a class="ml-1 text-white" rel="noopener" href="https://Linkedin.com/"><i class="fab fa-linkedin fa-2x"></i></a> </div> </div> </div> </div> </div> <div class="footer-widgets container" style="display:block;"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="copyright">© 2025 <a href='https://hoidap.edu.vn/' target='_blank'>Hoidap.edu.vn</a>. Mọi bản quyền được bảo lưu.</div> </div> <div style="position:absolute; left:-9999px;"><a href="https://soccer-highlight.com/">soccer-highlight.com</a>, <a href="https://soccer-highlight.com/sitemap.xml">https://soccer-highlight.com/sitemap.xml</a></div>  </div> </div> </footer> <script> // Toggle mobile menu const hamburger = document.querySelector('.hamburger'); const mainMenu = document.querySelector('nav.main-menu'); hamburger.addEventListener('click', () => { hamburger.classList.toggle('active'); const expanded = hamburger.getAttribute('aria-expanded') === 'true'; hamburger.setAttribute('aria-expanded', !expanded); mainMenu.classList.toggle('open'); }); </script> </body> </html>

Cách chèn ảnh, nhạc, video vào HTML (Website) - BlogIT.vn

Bài viết cùng chủ đề