hẻ script trong HTML - Các thẻ HTML
Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function myFunction() { document.getElementById("demo").innerHTML = "Hello Zaidap.com.net!"; } </script> </head> ...
hẻ noscript trong HTML - Các thẻ HTML
Code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> <script> document.write("Zaidap.com.net") </script> <nos ...
Parallax - Hoàn thiện bố cục, hiệu ứng và mở rộng - Hiệu ứng Parallax Scrolling
Các bạn thân mến, như vậy là chúng ta đã đi đến cuối chặng đường của loạt bài viết về hiệu ứng parallax này. Hôm nay, Zaidap.com sẽ tổng kết lại những gì các bạn đã học được và những phần mở rộng. Nào chúng ta hãy cùng bắt đầu. 1. Phần HTML Trước hết hãy xem lại toàn bộ mã nguồn: ...
Parallax - Tạo trang đầu và cuối - Hiệu ứng Parallax Scrolling
Trong phần này, Zaidap.com sẽ hướng dẫn các bạn tạo trang mở đầu và trang kết thúc của web với hiệu ứng parallax. Sau bài viết này, các bạn sẽ đạt được kết quả như phần demo. Nào chúng ta cùng bắt đầu. 1. Phần HTML Trước hết hãy xem qua toàn bộ mã nguồn: ...
Parallax - Chèn nhạc nền theo chuyển động cuộn - Hiệu ứng Parallax Scrolling
Trong bài viết hôm này, Zaidap.com sẽ hướng dẫn các bạn chèn nhạc nền vào trang web cùng với hiệu ứng thay đổi nhạc khi màn hình cuộn sang một trang khác. Đây là sự kết hợp thường thấy trong các trang web dùng hiệu ứng parallax. Nào chúng ta cùng bắt đầu. 1. Phần HTML Trước hết hãy xem qua ...
Parallax - Tạo hiệu ứng cho văn bản - Hiệu ứng Parallax Scrolling
Trong phần này, Zaidap.com sẽ hướng dẫn các bạn chèn văn bản vào các ảnh nền và thêm và các hiệu ứng cho chữ. Sau bài học hôm nay, các sẽ đặt được kết quả như demo. Nào chúng ta cùng bắt đầu. 1. Phần HTML Trước hết hãy xem qua toàn bộ đoạn mã nguồn: ...
Parallax - Tạo hiệu ứng Parallax scrolling - Hiệu ứng Parallax Scrolling
Chào các bạn, trong bài học này Zaidap.com sẽ hướng dẫn các bạn tạo hiệu ứng thay đổi trên thanh menu chỉ với thao tác cuộn trong cửa sổ trình duyệt. Sau bài học hôm nay, các bạn có thể tạo được giao diện như demo. Nào ta cùng bắt đầu. 1. Phần HTML Trước hết hãy xem qua toàn bộ mã nguồn: ...
Parallax - Tạo hiệu ứng cuộn với thanh menu dọc - Hiệu ứng Parallax Scrolling
Chào các bạn, ở phần này chúng ta sẽ tập trung viết script cho thanh menu mà các bạn đã được học ở bài học trước. Sau khi kết thúc bài hôm nay, các bạn có thể tạo được hiệu ứng cuộn đến hình nền tương ứng khi nhấn chuột vào menu như demo. Nào chúng ta cùng bắt đầu. 1. Phần HTML Trước hết hãy ...
Parallax - Tạo thanh menu dọc - Hiệu ứng Parallax Scrolling
Chào các bạn, trong bài học trước chúng ta đã hoàn thành cách tạo chuỗi ảnh nền. Hôm nay, Zaidap.com sẽ tiếp tục hướng dẫn các bạn tạo thanh menu dọc ở vị trí cố định trong khi cuộn trang web nhé. Sau khi học xong bài hôm nay, các bạn sẽ tạo được menu như demo. Nào chúng ta cùng bắt đầu. 1. ...
Parallax - Tạo chuỗi ảnh nền - Hiệu ứng Parallax Scrolling
Trong bài viết này, Zaidap.com sẽ tiếp tục hướng dẫn các bạn bài viết trong loạt bài về hiệu ứng parallax. Hôm nay, chúng ta sẽ cùng tìm hiểu về cách thức tạo chuỗi ảnh nền. Kết thúc bài học hôm nay, chúng ta sẽ tạo được chuỗi ảnh như demo. Nào hãy cùng bắt đầu. 1. Phần HTML Trước hết hãy xem ...
Parallax - Hiệu ứng Parallax là gì? - Hiệu ứng Parallax Scrolling
Chào các bạn, chúng ta lại gặp nhau. Hôm nay, Zaidap.com sẽ hướng dẫn các bạn tạo một landing page hoàn chỉnh cùng với hiệu ứng parallax. Để tiện cho việc theo dõi chuỗi bài viết này, chúng ta sẽ tìm hiểu sơ lược cũng như bố cục cơ bản trang web mà chúng ta hoàn thành sau khi kết thúc series này ...
Hướng dẫn tích hợp Google Translate button - How t
Google Translate button có thể xem như là một API được hỗ trợ bởi Google, cũng giống như Google Map, Google Translate cũng có thể được tích hợp vào website để dịch trang web đó sang nhiều thứ tiếng khác nhau. Trong bài viết này mình sẽ hướng dẫn các bạn tích hợp Google Translate ...
Hướng dẫn tích hợp google map vào website - How t
Google Map là một ứng dụng miễn phí được xây dựng và phát triển bởi tập đoàn Google. Nói tới google map thì chúng ta sẽ nhắc tới các ứng dụng của nó như: Bạn có thể tìm địa điểm trên google map Bạn có thể tìm đường đi trên google map Bạn có thể xem tổng quan về một địa điểm thông qua ...
Hướng dẫn tạo equal height columns với HTML và CSS - How t
Equal height columns dịch sang nghĩa tiếng việt là các cột có cùng chiều cao. Trong thực tế có rất nhiều bạn gặp khó khăn khi hiển thị các cột nội dung cùng một hàng, do nội dung của các cột là khác nhau nên khi hiển thị, chúng sẽ có chiều cao khác nhau khiến trang web trở nên vô cùng ...
Hướng dẫn tạo Calendar Layout với HTML và CSS - How t
Calendar hay dịch sang tiếng việt là lịch, một trong những thứ không thể thiếu trong đời sống hằng ngày của mỗi chúng ta. Tuy nhiên thì hiện nay không nhiều người còn sử dụng những quyển lịch vạn sự hay những tờ lịch treo tường nữa, thay vào đó hầu hết các thiết bị di động của chúng ta đều được ...
Hướng dẫn tạo Toggle Like and Dislike - How t
Toggle Like và Dislike đã trở nên rất phổ biến với các website, nó được sử dụng từ website tin tức cho đến website bán hàng để giúp cho người dùng đánh giá về một bài viết hoặc một sản phẩm trên website. Trong bài viết này mình sẽ hướng dẫn các bạn tạo một Toggle Like và Dislike đơn giản. ...
Hướng dẫn tạo Tooltip với CSS - How t
Tooltip thường được sử dụng để mô tả cho một nút bấm, một thẻ input hay một liên kết dạng menu .v.v. Trong bài viết này mình sẽ hướng dẫn các bạn tạo Tooltip đơn giản với CSS. Các bạn cùng xem ví dụ dưới đây: 1. Xây dựng giao diện Đầu tiên là xây dựng ...
Hướng dẫn tạo thanh Skill Bar với HTML và CSS - How t
Skill Bar là một dạng biểu đồ đơn giản và rất hay được sử dụng để mô tả các kỹ năng của bạn trong CV ứng tuyển xin việc, Nó sẽ khiến cho CV của bạn trở nên sinh động và chuyên nghiệp hơn rất nhiều so với những con số khô khan. Các bạn xem ví dụ dưới đây ...
Hướng dẫn tạo Progress Bar với Javascript - How t
Progress Bar là phần tử thể hiện quá trình xử lý một tác vụ nào đó, ứng dụng thường thấy nhất của Progress Bar là biểu diễn quá trình download một tài liệu nào đó từ internet. Trong bài này mình sẽ cùng các bạn tạo ra một thanh Progress Bar đơn giản với Javascript. Các bạn xem ví dụ dưới ...
Hướng dẫn tạo Responsive Pricing Table bằng CSS - How t
Pricing Table là bảng báo giá, trong thực tế, ứng dụng mà chúng ta thường ngay gặp nhất về Pricing Table chính là mỗi khi cài đặt một phần mềm có nhiều gói khác nhau, mỗi bảng báo giá sẽ đại diện cho một gói với các chức năng khác nhau, các bạn xem ví dụ dưới đây: Như ...
