Bài 01: Tạo Template HTML5 Đầu Tiên - Học HTML5 căn bản & nâng cao
Nếu bạn mới bắt đầu học HTML5 thì điều bạn quan tâm đầu tiên chính là cấu trúc một website xây dựng bằng html5 sẽ như thế nào? Chờ gì nữa ta bắt đầu phanh phui nó nhé. Nếu bạn tham khảo một số website được viết bằng HTML5 thì các bạn sẽ thấy các thẻ như header, nav, section, footer, ... Tất cả ...
Bài 08: Sử dụng CSS tùy chỉnh giao diện HTML - Học HTML căn bản & nâng cao
Theo mặc định giao diện của các thẻ HTML sẽ không đẹp và không thể nào làm giống như giao diện trong file PSD được, vì vậy ta phải sử dụng thêm CSS để tùy chỉnh hiển thị mặc định của HTML. 1. Ví dụ sử dụng CSS định dạng giao diện Để các bạn rõ hơn thì mình sẽ làm một ví dụ sử dụng ...
Bài 07: Dùng thẻ img trong HTML để tạo hình ảnh - Học HTML căn bản & nâng cao
Có câu "một website đẹp phải có hình ảnh, bổ cục rõ ràng và nhiều hiệu ứng bắt mắt". Chỉ với câu nói này thôi đủ để chúng ta liệt kê những công nghệ phải sử dụng để tạo nên nó. Tạo hình đẹp và tạo bổ cục => Sử dụng các thẻ HTML để xây dựng. Bổ cục rõ ràng => Sử dụng CSS ...
Bài 06: Dùng thẻ a trong HTML để tạo links - Học HTML căn bản & nâng cao
Trong một website luôn tồn tại các link liên kết với nhau. Ví dụ như bài HTML là gì mình đã gán một link tới trang trình bày khái niệm đó. Vậy thì trong bài này chúng ta tìm hiểu cách sử dụng thẻ a để tạo nên những link liên kết như vậy. 1. Thẻ a trong HTML Nếu bạn tìm hiểu SEO thì sẽ ...
Bài 05: Các thẻ HTML định dạng Table - Học HTML căn bản & nâng cao
Table là một định dạng dùng để hiển thị dữ liệu ở dạng danh sách. Mỗi table sẽ được chia ra gồm hai thành phần là cột với hàng, và được tạo thành bởi các thẻ table, tr, td, tbody, thead, tfoot. 1. Định dạng HTML table đơn giản Cách đơn giản nhất để tạo table là tuân theo cú pháp sau: ...
Bài 04: Các thẻ HTML định dạng heading và list - Học HTML căn bản & nâng cao
Trong bài này mình sẽ tìm hiểu hai nhóm thẻ dùng để nhấn mạnh nội dung của một trang web và chia ra từng mục lục giúp cho trang web dễ nhìn hơn. Vấn đề này không những thân thiện với người dùng mà nó còn có tác dụng khá tốt trong việ SEO website. 1. Thẻ định dạng Heading Thẻ Heading dùng ...
Bài 03: Các thẻ HTML định dạng văn bản - Học HTML căn bản & nâng cao
Kể từ bài này chúng ta bắt đầu tìm hiểu các thẻ HTML thông dụng thường được sử dụng, sau đó chúng ta sẽ áp dụng CSS để xây dựng bổ cục giúp website đẹp hơn. Các thẻ HTML mình trình bày tương đối đơn giản nên bạn có thể sử dụng google để tìm kiếm bất kì một blog lập trình nào. 1. Các thẻ HTML định ...
Bài 02: HTML Elements và Attributes - Học HTML căn bản & nâng cao
Ở bài HTML là gì mình có nói HTML bản chất giống XML nên nó được tạo thành từ hai thành phần chính đó là tên thẻ (tagname) và các thuộc tính (attribute). Đối với XML thì tên thẻ ta có thể tự định nghĩa nhưng với HTML thì bạn phải sử dụng tên thẻ có trong danh ...
Bài 01: HTML là gì? Bổ cục HTML của một trang web - Học HTML căn bản & nâng cao
Khi bắt đầu làm quen với lập trình web thì HTML chính là nội dung đầu tiên mà bạn phải học, sau đó bạn sẽ kết hợp với CSS để tạo ra những sản phảm rất là độc đáo. Nghe nói thì hay nhưng bạn mới học nên có lẽ hơi mơ hồ phải không nào :D Ok trong serie này ta sẽ cùng nhau khám phá ...
Bài 12: jQuery Mobile - Tables - jQuery Mobile căn bản
Đối với Table rất khó có thể xây dựng responsive bởi vì nó không hiển thị block, inline như các thẻ HTML khác. Trong Bootstrap họ đã nảy xây dựng responsive cho table bằng cách ở màn hình nhỏ table sẽ xuất hiện thanh cuộn kéo ngang nhưng bản thân mình thấy đó không phải là một cách giải quyết ...
Bài 11: jQuery Mobile - Collapsibles - jQuery Mobile căn bản
Collapsible là hiệu ứng khi bạn click vào dấu cộng thì nó sẽ mở rộng ra hoặc thu gọn lại nhằm thu nhỏ không gian hiển thị giúp giao diện thân thiện với người dùng hơn. Nội nội dung bên trong có thể là các menu, image, slide hay các widget bất kì khác. ...
Bài 10: jQuery Mobile - Panel - jQuery Mobile căn bản
jQuery Mobile Panel là thành phần trượt ra từ bên phải hoặc bên trái khi người dùng tác động đến, đây là thành phần hay sử dụng trong Menu ở các giao diện chạy trên thiết bị di động. 1. Panel trong jQuery Mobile Như ta biết cấu trúc HTML của một Page trong jQuery Mobile như sau: ...
Bài 09: jQuery Mobile - Navigation Bars - jQuery Mobile căn bản
Navigations Bar là phần nằm phía dưới header dùng để hiển thị các button kèm các icon và bạn có thể thêm tối đa là 5 buttons cho một Nav Bar. 1. Navigations Bar trong jQuery Mobile Đương nhiên trong một layout bạn có thể thêm nhiều thanh Nav ...
Bài 08: jQuery Mobile - Toolbar Header và Footer - jQuery Mobile căn bản
Toolbar là thanh công cụ hiển thị ở đầu trang (header) và cuối trang (footer). Thông thường trên thanh toolbar sẽ là menu hoặc các button điều hướng trang web như nút back, go home, ... 1. Header bars Header là phần nằm phía trên cùng của website, nó thường ...
Bài 07: jQuery Mobile - Data Position - jQuery Mobile căn bản
Trong bài này chúng ta sẽ tìm hiểu thuộc tính data-position-to trong jQuery Mobile, đây là một thuộc tính giúp xác định nơi hiển thị của Popup hoặc dialog. 1. Data-position-to trong jQuery Mobile Thuộc tính data-position-to giúp xac popup sẽ hiển thị tại vị trí nào. Nó có ba giá trị như sau: ...
Bài 06: jQuery Mobile - Popup - Tooltip - Lightbox - jQuery Mobile căn bản
Popup là một thành phần không thể thiếu trong các ứng dụng Mobile được, vì vậy jQuery Mobile cũng không quên xây dựng component này. Bạn có thể tạo nhiều loại Popup khác nhau như tooltip, image lightbox, ... 1. Tạo Popup Để tạo một Popup thì bạn chỉ cần bổ sung một thuộc tính data-rel="p ...
Bài 05: jQuery Mobile - Icons - jQuery Mobile căn bản
jQuery Mobile hỗ trợ một nhóm các icon sử dụng cho buttons, collapsibles, listview buttons và nhiều module khác. Mỗi icon sẽ được hỗ trợ 2 loại hình ảnh, một loại SVG và một loại PNG. Theo mặc định thì ban đầu nó sẽ load hình SVG trước tại vì hình SVG chạy rất mượt trên màn hình SD và HD. Riêng ...
Bài 04: jQuery Mobile - Buttons - jQuery Mobile căn bản
jQuery Mobile hỗ trợ một số style button căn bản để tạo giao diện website, những button này rất thô sơ nên để đẹp thì phải phụ thuộc vào giao diện của bạn, tức là bạn phải custom lại CSS để giống với bản Design PSD. Chúng ta sẽ tìm hiểu một số style button như: ...
Bài 03: jQuery Mobile - Transitions - jQuery Mobile căn bản
jQuery Mobile Framework cho phép bạn chuyển trang với nhiều hiệu ứng khác nhau dựa vào CSS3 Transitions, bạn có thể áp dụng cho mọi liên kết chuyển trang giữa các page tĩnh hoặc có sử dụng Ajax. 1. Transition trong jQuery Mobile Để tạo hiệu ứng Transition thì ta bổ sung thêm thuộc ...
Bài 02: jQuery Mobile - Tìm hiểu Page - jQuery Mobile căn bản
Page là một thành phần chính dùng để gom nhóm các nội dung liên quan tạo thành một khuôn và hiển thị lên trình duyệt, hay nói cách khác nó là một thành phần chính trong jQuery Mobile giúp tương tác với người dùng. Trong một trang HTML có thể có một Page duy nhất và chúng ta sử dụng Ajax để load nội ...
