Ngôn ngữ lập trình CSS, HTML, HTML5 Ngôn ngữ lập trình web CSS, HTML, HTML5. Thủ thuật lập trình css, html căn bản đến nâng cao, tự học lập trình css, hmtl, lập trình html5 Tue, 12 May 2026 04:24:03 +0000 Tue, 12 May 2026 04:24:03 +0000 Diễn đàn CNTT | Forum CNTT Cộng đồng Tin học Việt Nam ITSEOVN https://itseovn.com/forums/css-html-html5/ THML5 VIDEO not working mobi (lỗi không có ảnh bìa) Wed, 03 Jul 2024 04:26:21 +0000 https://itseovn.com/threads/thml5-video-not-working-mobi-loi-khong-co-anh-bia.329659/ https://itseovn.com/threads/thml5-video-not-working-mobi-loi-khong-co-anh-bia.329659/ invalid@example.com (seolagi) seolagi
Ấn vào vùng trắng hiển thị trên điện thoại mobi thì nó mới tải video từ từ lên được. Có cách nào hiển thị video hình ảnh thumbnail của video đó lên được không?
Mã:
<video width="260" height="500" class="video" controls>
<source...
THML5 VIDEO not working mobi (lỗi không có ảnh bìa)]]> 1 Thuộc tính attribute rel trong html là gì? Sat, 25 Nov 2023 01:41:15 +0000 https://itseovn.com/threads/thuoc-tinh-attribute-rel-trong-html-la-gi.327396/ https://itseovn.com/threads/thuoc-tinh-attribute-rel-trong-html-la-gi.327396/ invalid@example.com (seolagi) seolagi
VD: bữa thì rel="nofollow" bữa thì re="me",.... và nhiều thuốc tính tag rel khác mà mình cũng không hiểu tác dụng thực sự của nó là gì cả.

Bạn nào hiểu rõ giải thích giúp mình sơ với.]]> 1 Counting Number Animation, Count Up trên themes Flatsome như thế nào? Sun, 11 Jun 2023 04:11:44 +0000 https://itseovn.com/threads/counting-number-animation-count-up-tren-themes-flatsome-nhu-the-nao.325888/ https://itseovn.com/threads/counting-number-animation-count-up-tren-themes-flatsome-nhu-the-nao.325888/ invalid@example.com (seolagi) seolagi Trong flatsome em chỉ thấy có cái CountDown thôi, có cái Count Up cũng kiểu tương tự như vậy không? hoặc có pluign nào không cho em cái tên plugin với, cảm ơn mọi người.
View attachment 37564]]> 1 Code HTML liên kết Zalo, Viber, call, sms, FB trên điện thoại mobi Sat, 25 Feb 2023 17:33:40 +0000 https://itseovn.com/threads/code-html-lien-ket-zalo-viber-call-sms-fb-tren-dien-thoai-mobi.262854/ https://itseovn.com/threads/code-html-lien-ket-zalo-viber-call-sms-fb-tren-dien-thoai-mobi.262854/ invalid@example.com (admin) admin facebook, Code HTML liên kết Zalo, Viber, call, sms, FB trên điện thoại mobi.

Code sẽ tự động liên kết qua các ứng dụng app của điện thoại để truy cập vào để nhắn tin, gọi điện, zalo, Viber, Fanpage Facebook 100% thành công trên các dòng điện thoại hiện nay.

1. Code HTML liên kết trên điện thoại nhắn tin và gọi điện
Mã:
<a href="tel:0936670466" class="col-sm-7">Click để Gọi</a>
Mã:
<a...
Code HTML liên kết Zalo, Viber, call, sms, FB trên điện thoại mobi]]> 21 Trang Website Unicode Converter Encoding HTML characters FTF-8 Sat, 25 Feb 2023 17:31:58 +0000 https://itseovn.com/threads/trang-website-unicode-converter-encoding-html-characters-ftf-8.238775/ https://itseovn.com/threads/trang-website-unicode-converter-encoding-html-characters-ftf-8.238775/ invalid@example.com (admin) admin Link web :
Link Apps:
Ví dụ để convert chữ : diễn đàn seo itseovn ta sẽ...

Trang Website Unicode Converter Encoding HTML characters FTF-8]]> 12 Add thêm chatbox fanpage Facebook vào website mới nhất 2022 Sat, 25 Feb 2023 17:30:54 +0000 https://itseovn.com/threads/add-them-chatbox-fanpage-facebook-vao-website-moi-nhat-2022.324999/ https://itseovn.com/threads/add-them-chatbox-fanpage-facebook-vao-website-moi-nhat-2022.324999/ invalid@example.com (seolagi) seolagi
Chính vì nó mới quá nên nhiều chức năng các bạn không biết sử dụng nó, đặc biệt chức năng thêm add chatbox facebook vào web như thế nào. Thì hôm nay mình hướng dẫn các bạn với các fanpage đã được cập nhật nhé.

DEMO:...

Add thêm chatbox fanpage Facebook vào website mới nhất 2022]]> 3 Đổi icon trước thẻ tag <li> của <ul thành đấu check v xanh CSS HTML như thế nào? Sat, 25 Feb 2023 17:29:36 +0000 https://itseovn.com/threads/doi-icon-truoc-the-tag-li-cua-ul-thanh-dau-check-v-xanh-css-html-nhu-the-nao.324791/ https://itseovn.com/threads/doi-icon-truoc-the-tag-li-cua-ul-thanh-dau-check-v-xanh-css-html-nhu-the-nao.324791/ invalid@example.com (seolagi) seolagi Giờ mình muốn đổi dấu chấm này thành dấu check v xanh giống như hình dưới cho tất cả các web thì làm như thế nào. Dễ dáng copy code đi web khác được ấy, vì nhiều bạn trên website chỉ, toàn dùng các icon từ fonts chữ, mình copy nó qua web khác thì không được.

Có cái check nào bằng CSS vẽ ra được trước cái thẻ Li giống hình dưới không cho mình code với. Cảm ơn

View attachment 37484]]> 4 Trang web convert ảnh png jpg gif sang webp online miễn phí Sat, 25 Feb 2023 17:27:06 +0000 https://itseovn.com/threads/trang-web-convert-anh-png-jpg-gif-sang-webp-online-mien-phi.316524/ https://itseovn.com/threads/trang-web-convert-anh-png-jpg-gif-sang-webp-online-mien-phi.316524/ invalid@example.com (seolagi) seolagi Cảm ơn]]> 2 Xin Javascript setting cài đặt của cube portfolio để tùy biến trường default value Sat, 25 Feb 2023 17:25:56 +0000 https://itseovn.com/threads/xin-javascript-setting-cai-dat-cua-cube-portfolio-de-tuy-bien-truong-default-value.325119/ https://itseovn.com/threads/xin-javascript-setting-cai-dat-cua-cube-portfolio-de-tuy-bien-truong-default-value.325119/ invalid@example.com (seolagi) seolagi Javascript setting cài đặt của cube portfolio để tùy biến trường default value.
Hiện tại em có code Portfolio Filters cube html như sau:
Hiện tại em muốn cài đặt mặc định lọc là cái .food mà nó không hiểu nó cứ hiển thị cái * all tất cả các hình ảnh ra.
Cho em xin cái code cài đặt của thằng cube portfolio với, em cảm ơn.
Em lên trang đọc của nó mà không hiểu gì cả, cảm ơn ạ
  • ...

Xin Javascript setting cài đặt của cube portfolio để tùy biến trường default value]]> 2 Trang web hoc css, html cho lập trình viên Sat, 25 Feb 2023 17:24:52 +0000 https://itseovn.com/threads/trang-web-hoc-css-html-cho-lap-trinh-vien.64480/ https://itseovn.com/threads/trang-web-hoc-css-html-cho-lap-trinh-vien.64480/ invalid@example.com (phamcongson) phamcongson
Mã:
http://www.w3schools.com/
Mã:
https://www.w3schools.com/cssref/css_selectors.asp
Trang web test, kiểm tra xem layout mã html, code html chuẩn SEO chưa?
Mã:
https://validator.w3.org/nu/#textarea
]]> 18 Ý nghĩa class*="" trong CSS HTML nghĩa là gì? Thu, 14 Jul 2022 05:22:24 +0000 https://itseovn.com/threads/y-nghia-class-trong-css-html-nghia-la-gi.324757/ https://itseovn.com/threads/y-nghia-class-trong-css-html-nghia-la-gi.324757/ invalid@example.com (seolagi) seolagi mã CSS như sau .main li[class*="item"] mà mình không hiểu cái class* nghĩa là gì. Bạn nào hiểu giúp mình với.\
Cảm ơn]]> 1 Đổi màu sắc icon .svg trong background image css html, change svg color in background image Tue, 14 Dec 2021 07:48:44 +0000 https://itseovn.com/threads/doi-mau-sac-icon-svg-trong-background-image-css-html-change-svg-color-in-background-image.323979/ https://itseovn.com/threads/doi-mau-sac-icon-svg-trong-background-image-css-html-change-svg-color-in-background-image.323979/ invalid@example.com (seolagi) seolagi
VD: mình có đoạn code sau, khi cài vào web thì nó ra màu mặc định là màu đen, mình muốn đổi cái màu mặc định của hình ảnh file .svg nhung vào thành màu đỏ thì làm như thế nào?
HTML:
.phone::before {
    display: block;
    content: ' ';
    background-image: url('/wp-content/uploads/icon/phone.svg');...
Đổi màu sắc icon .svg trong background image css html, change svg color in background image]]> 3 Tạo ảnh bìa thumbnail image cho video trong HTML5 như thế nào? Tue, 09 Nov 2021 04:30:03 +0000 https://itseovn.com/threads/tao-anh-bia-thumbnail-image-cho-video-trong-html5-nhu-the-nao.323917/ https://itseovn.com/threads/tao-anh-bia-thumbnail-image-cho-video-trong-html5-nhu-the-nao.323917/ invalid@example.com (seolagi) seolagi
Code video HTML5 của mình là:
Mã:
<video width="100%" controls>
    <source src="/wp-content/uploads/thumbnail/tbimg.jpg" type="img/jpg">
    <source src="/wp-content/uploads/video/video.mp4" type="video/mp4">
</video>
Mình có làm ảnh bìa cho video html5 như trên mà không được. Bạn nào biết giúp mình với

View attachment 37434]]> 2 Tạo hiệu ứng nhấp nháy bằng CSS như thế nào? Tue, 14 Sep 2021 02:35:15 +0000 https://itseovn.com/threads/tao-hieu-ung-nhap-nhay-bang-css-nhu-the-nao.323548/ https://itseovn.com/threads/tao-hieu-ung-nhap-nhay-bang-css-nhu-the-nao.323548/ invalid@example.com (seolagi) seolagi 1 Thuộc tính Position của ItemList Product Schema danh mục sản phẩm bị lỗi Tue, 17 Aug 2021 05:44:18 +0000 https://itseovn.com/threads/thuoc-tinh-position-cua-itemlist-product-schema-danh-muc-san-pham-bi-loi.310827/ https://itseovn.com/threads/thuoc-tinh-position-cua-itemlist-product-schema-danh-muc-san-pham-bi-loi.310827/ invalid@example.com (seolagi) seolagi @admin em chịu rồi, chỉ giúp em với.
ps: @admin nói viết bài...

Thuộc tính Position của ItemList Product Schema danh mục sản phẩm bị lỗi]]> 9 Trang website download tải ICON SVG Code html miễn phí Sun, 11 Jul 2021 12:45:08 +0000 https://itseovn.com/threads/trang-website-download-tai-icon-svg-code-html-mien-phi.321193/ https://itseovn.com/threads/trang-website-download-tai-icon-svg-code-html-mien-phi.321193/ invalid@example.com (seolagi) seolagi download tải ICON SVG Code html miễn phí không cần đăng ký, dễ dàng tải về, hiện tại mình đang biết 2 trang dưới, bạn nào biết trang nào cho tải icon miễn phí dưới định dạng svg thì up lên cho tiếp cho các bạn sử dụng nhé.

Link:

Trang website download tải ICON SVG Code html miễn phí]]> 2 Sửa lỗi: "position: sticky" không hoạt động, "position: sticky" not working Fri, 09 Jul 2021 10:28:38 +0000 https://itseovn.com/threads/sua-loi-position-sticky-khong-hoat-dong-position-sticky-not-working.322809/ https://itseovn.com/threads/sua-loi-position-sticky-khong-hoat-dong-position-sticky-not-working.322809/ invalid@example.com (seolagi) seolagi .

Code CSS của mình:
Mã:
.sticky {
    position: sticky;
    position:...
Sửa lỗi: "position: sticky" không hoạt động, "position: sticky" not working]]> 1 Canh giữa Center tag ul li list với width chiều rộng của thẻ div trên web Sun, 04 Jul 2021 02:48:47 +0000 https://itseovn.com/threads/canh-giua-center-tag-ul-li-list-voi-width-chieu-rong-cua-the-div-tren-web.322766/ https://itseovn.com/threads/canh-giua-center-tag-ul-li-list-voi-width-chieu-rong-cua-the-div-tren-web.322766/ invalid@example.com (seolagi) seolagi
Cái hình và code html mình để dưới, bạn nào nhìn vào cho mình đoạn code css nhúng vào web với, cảm ơn nhiều

View attachment 37335

Mình muốn nó canh ngang và nằm giữa ra tựa tựa hình menu của itseovn mà nó thêm cái canh giữa nữa

View attachment 37329

Code HTML của mình, bạn...

Canh giữa Center tag ul li list với width chiều rộng của thẻ div trên web]]> 1 Chèn :before và :after vào input trong css như thế nào? Fri, 02 Jul 2021 08:50:00 +0000 https://itseovn.com/threads/chen-before-va-after-vao-input-trong-css-nhu-the-nao.322762/ https://itseovn.com/threads/chen-before-va-after-vao-input-trong-css-nhu-the-nao.322762/ invalid@example.com (seolagi) seolagi
Mã:
<input id="button-search" type="submit" value="" />
<style>
#button-search:before {
    content: '\sas0a';
    font-family: 'img-src';
    font-style: normal;
}
</style>
Code ở trên :before nó không nhận hicc, giúp mình với]]> 2 Responsive Table trên mobile với CSS/HTML như thế nào? Thu, 11 Mar 2021 04:50:12 +0000 https://itseovn.com/threads/responsive-table-tren-mobile-voi-css-html-nhu-the-nao.322205/ https://itseovn.com/threads/responsive-table-tren-mobile-voi-css-html-nhu-the-nao.322205/ invalid@example.com (seolagi) seolagi 1 Đổi màu sắc Input placeholder CSS HTML 5, Change Color Placeholder như thế nào Wed, 20 Jan 2021 09:40:13 +0000 https://itseovn.com/threads/doi-mau-sac-input-placeholder-css-html-5-change-color-placeholder-nhu-the-nao.321991/ https://itseovn.com/threads/doi-mau-sac-input-placeholder-css-html-5-change-color-placeholder-nhu-the-nao.321991/ invalid@example.com (seolagi) seolagi
Mình muốn đổi màu placeholder trong thẻ input y chang màu đỏ, không mờ hoặc opencity đi chút nào thì làm như thế nào.]]> 1 Xin kích thước tất cả các size của youtube video channel? Mon, 23 Nov 2020 09:38:28 +0000 https://itseovn.com/threads/xin-kich-thuoc-tat-ca-cac-size-cua-youtube-video-channel.321542/ https://itseovn.com/threads/xin-kich-thuoc-tat-ca-cac-size-cua-youtube-video-channel.321542/ invalid@example.com (seolagi) seolagi https://img.youtube.com/vi/KDcGW2wPCkQ/sddefault.jpg là cái hình ảnh mặc định của video, giờ mình muốn lấy các kích thước khác to nhỏ lớn bé của tất cả kích thước img.youtube.com muti size thì làm như thế nào? bạn nào biết cho mình xin các kích thước với nhé.]]> 1 Thêm figure và figcaption cho hình ảnh trong ckeditor như thế nào? Tue, 17 Nov 2020 11:52:18 +0000 https://itseovn.com/threads/them-figure-va-figcaption-cho-hinh-anh-trong-ckeditor-nhu-the-nao.321491/ https://itseovn.com/threads/them-figure-va-figcaption-cho-hinh-anh-trong-ckeditor-nhu-the-nao.321491/ invalid@example.com (seolagi) seolagi
Ví dụ như hình dưới đây nè:

View attachment 37179]]> 2 Ckeditor không đọc được embed code khi chuyển qua lại dạng Mã HTML Mon, 16 Nov 2020 08:46:11 +0000 https://itseovn.com/threads/ckeditor-khong-doc-duoc-embed-code-khi-chuyen-qua-lai-dang-ma-html.321473/ https://itseovn.com/threads/ckeditor-khong-doc-duoc-embed-code-khi-chuyen-qua-lai-dang-ma-html.321473/ invalid@example.com (seolagi) seolagi
Và nhiều mã khác nó cũng không đọc được, mỗi lần vào Mã HTML chèn code ví dụ ở dưới, thì khi ấn save hoặc ấn tắt Mã HTML rồi ấn mở lại mã HTML lên xem lại thì nó sẽ bị mất.

Mã:
<div class="youtube" data-embed="AGGW2wPCkQ">
<div class="play-button">&nbsp;</div>
</div>
View attachment 37169

Ấn tắt và mở đi thì nó liên mất cái...

Ckeditor không đọc được embed code khi chuyển qua lại dạng Mã HTML]]> 1 CSS hình học Shipes thoi vuông chữ nhật tam giác lục giác ngôi sao trái tim Sat, 19 Sep 2020 09:54:27 +0000 https://itseovn.com/threads/css-hinh-hoc-shipes-thoi-vuong-chu-nhat-tam-giac-luc-giac-ngoi-sao-trai-tim.320619/ https://itseovn.com/threads/css-hinh-hoc-shipes-thoi-vuong-chu-nhat-tam-giac-luc-giac-ngoi-sao-trai-tim.320619/ invalid@example.com (admin) admin
1. CSS hình tròn
View attachment 37031
HTML:
#circle {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
2.CSS hình Oval
View attachment 37027
HTML:
#oval {
    width: 200px;
    height: 100px;
    background:...
CSS hình học Shipes thoi vuông chữ nhật tam giác lục giác ngôi sao trái tim]]> Button html5 css rhombus hình thoi, bầu dục cơ bản Tue, 08 Sep 2020 18:17:16 +0000 https://itseovn.com/threads/button-html5-css-rhombus-hinh-thoi-bau-duc-co-ban.320509/ https://itseovn.com/threads/button-html5-css-rhombus-hinh-thoi-bau-duc-co-ban.320509/ invalid@example.com (admin) admin 1. CSS HMTL 1
  • CSS nút button với hình nhọn ở 2 bên đầu sử dụng kỹ thuật css to màu bằng border
View attachment 36989
CSS:
HTML:
.form {
    width: 400px;
    height: 80px;
    margin: 0px auto;
    background: #1E9BAF;
    position: relative;
    box-shadow: -7px 15px 0px -5px rgba(0, 0, 0, 0.3);
}

.triangle,
.triangle > div {
    width: 0px;
    height: 0px;
    position: absolute;
    border: 40px solid transparent;
}

.leftTriangle {
    left: -55px;...
Button html5 css rhombus hình thoi, bầu dục cơ bản]]> [Hỏi] Khoảng cách chữ text trong html css là thuộc tính gì ấy nhỉ? Fri, 04 Sep 2020 08:54:07 +0000 https://itseovn.com/threads/hoi-khoang-cach-chu-text-trong-html-css-la-thuoc-tinh-gi-ay-nhi.320434/ https://itseovn.com/threads/hoi-khoang-cach-chu-text-trong-html-css-la-thuoc-tinh-gi-ay-nhi.320434/ invalid@example.com (seolagi) seolagi Thuộc tính trong css để khoảng cách chữ nó dài ra ý, cảm ơn]]> 1 Hướng dẫn cách cấu hình bản ghi MX cho Gmail trong cài đặt domain Tue, 11 Aug 2020 03:31:48 +0000 https://itseovn.com/threads/huong-dan-cach-cau-hinh-ban-ghi-mx-cho-gmail-trong-cai-dat-domain.320201/ https://itseovn.com/threads/huong-dan-cach-cau-hinh-ban-ghi-mx-cho-gmail-trong-cai-dat-domain.320201/ invalid@example.com (seolagi) seolagi Mình đọc hướng dẫn ở dưới của google cách cấu hình bản ghi MX mà không hiểu lắm zzz sợ làm sai, bạn nào chụp cho mình cái màn hình cấu hình trong domain với được không? cảm ơn

View attachment 36938]]> 3 Disable Auto Zoom in click focus Input in mobile phone html css Fri, 07 Aug 2020 02:20:42 +0000 https://itseovn.com/threads/disable-auto-zoom-in-click-focus-input-in-mobile-phone-html-css.320164/ https://itseovn.com/threads/disable-auto-zoom-in-click-focus-input-in-mobile-phone-html-css.320164/ invalid@example.com (seolagi) seolagi
View attachment 36936]]> 1 Add value to tag <a> <i> < u> như thế nào trong js, javascript html Tue, 07 Jul 2020 04:53:29 +0000 https://itseovn.com/threads/add-value-to-tag-a-i-u-nhu-the-nao-trong-js-javascript-html.319836/ https://itseovn.com/threads/add-value-to-tag-a-i-u-nhu-the-nao-trong-js-javascript-html.319836/ invalid@example.com (seolagi) seolagi Code của mình:
Mã:
<a class="cs-rvthanks" href="javascript:void(0)" onclick="fnlike(this);">
   <i class="fa fa-thumbs-up"></i>
   <u class="vote">0</u>
</a>
<script>
function fnlike(element) {
$(element).(".vote").val(1);
$(element).(".fa-thumbs-up").css("display", "none");
}
</script>
Mình muốn đổi...

Add value to tag <a> <i> < u> như thế nào trong js, javascript html]]> 3