HTML

Phần tử SVG trong HTML5

Ở bài học trước, Quantrimang đã cùng bạn tìm hiểu về phần tử Canvas trong HTML5 dùng để vẽ đồ họa cho website. Hôm nay chúng mình xin giới thiệu thêm một phần tử nữa có nhiệm vụ tương tự, cũng được sử dụng để vẽ đồ họa 2D và các ứng dụng đồ họa trên website, đó là phần tử SVG. Vậy SVG có ...

Vũ Văn Thanh viết 16:00 ngày 06/12/2018

Các định dạng Đa phương tiện - Multimedia trong HTML5

Multimedia là một thuật ngữ nói về các sản phẩm được tạo ra để chạy trên nhiều thiết bị khác nhau. Trong khuôn khổ web thì multimedia bao gồm văn bản, hình ảnh, video, âm thanh, animation. Các trang web thường chứa các phần tử đa phương tiện thuộc các loại và định dạng khác nhau. Bài học ...

Vũ Văn Thanh viết 16:00 ngày 06/12/2018

Phần tử Canvas trong HTML5

Phần tử <canvas> trong HTML được sử dụng để vẽ đồ họa cho trang web. Vậy canvas có những nội dung gì, cách sử dụng ra sao, bạn hãy cùng Quantrimang tìm hiểu qua bài viết này nhé. Canvas là gì? Phần tử <canvas> sử dụng để vẽ các thành phần đồ họa từ đơn giản như các đường ...

Trần Trung Dũng viết 23:49 ngày 22/11/2018

Định dạng chuẩn và quy ước viết code trong HTML5

Quy ước viết code của HTML Các nhà lập trình web thường không thống nhất kiểu viết code và cú pháp khi sử dụng HTML. Vào thời gian từ năm 2000 đến 2010, nhiều lập trình viên đã chuyển cách viết từ HTML sang XHTML - ngôn ngữ đòi hỏi cú pháp được viết một cách đúng chuẩn nghiêm ngặt ...

Vũ Văn Thanh viết 23:46 ngày 21/11/2018

Cách chuyển từ HTML4 sang HTML5

Trong bài học này, chúng ta sẽ học cách chuyển một trang web HTML4 sang HTML5 mà không làm thay đổi bất kì nội dung hay cấu trúc ban đầu nào. Bạn có thể sử dụng tương tự nếu muốn chuyển từ XHTML sang HTML5. Trang HTML4 thông thường <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 ...

Trịnh Tiến Mạnh viết 23:07 ngày 16/11/2018

Semantic Element (Yếu tố ngữ nghĩa) trong HTML5

Yếu tố ngữ nghĩa là gì? Trong ngôn ngữ học, ngữ nghĩa học là nghiên cứu về ý nghĩa của từ và cụm từ trong ngôn ngữ. Mỗi yếu tố ngữ nghĩa đều mang một ý nghĩa riêng. Vậy nên trong HTML, mỗi Semantic Element mô tả ý nghĩa cấu trúc của yếu tố đó đối với các trình duyệt và các nhà phát triển/lập ...

Bùi Văn Nam viết 23:06 ngày 16/11/2018

Xác nhận yêu cầu, Confirm Yes/ No JavaScript

Bạn là người lập trình web, khi tạo ra được sản phẩm của mình mình giả sử đã thỏa các yêu cầu cho khách hàng thì có lẽ sẽ mình sẽ nghĩ thêm thứ gì đó làm tăng thêm phần hấp dẫn cho sản phẩm mình tạo ra bằng cách viết các tiện ích bổ sung tích hợp vào website của mình. Ai đã từng sử dụng phần ...

Trần Trung Dũng viết 10:58 ngày 05/10/2018

Tạo khung tìm kiếm co giãn – Expandable Search Form CSS3

Khung tìm kiếm là một trong những thứ quan trọng cho website, blog. Để tăng thêm phần thu hút cho tính năng tìm kiếm này mình muốn giới thiệu với các bạn cách tạo khung tìm kiếm co giãn hay Expandable Search Form bằng cách sử dụng CSS3, không cần đến JavaScript và jQuery. Nói vu vơ vài câu ...

Bùi Văn Nam viết 10:58 ngày 05/10/2018

Cách bo tròn hình ảnh với CSS3 – không Photoshop

Trong thiết kế web sử dụng hình ảnh bo tròn là điều thường thấy đối với trước đây bạn muốn tạo một hình bo tròn phải dùng đến photoshop hoặc công cụ chỉnh sửa hình ảnh nào đó, tuy nhiên hiện nay thì mọi thứ đã quá dễ dàng cho ác bạn khi đã có CSS3. Để CSS3 hoạt động được thì trình duyệt phải hỗ ...

Trịnh Tiến Mạnh viết 10:58 ngày 05/10/2018

Vai trò của reset css và cách sử dụng

Chào các bạn, ai đã thiết kế giao diện website với HTML và CSS đều hiểu sự quan trọng của reset css vậy đó là cái gì? Tại sao chúng ta phải cần sử dụng reset css trong thiết kế web, vậy cách tạo ra chúng và sử dụng dụng file reset.css như thế nào? Đó là những vấn đề mà trong bài viết hôm nay ...

Trần Trung Dũng viết 10:58 ngày 05/10/2018

Position trong CSS

Chúng ta đã tìm hiểu về foat và clear trong css, hai thuộc tính này sử dụng đôi khi mình chưa kiểm soát chính xác về vị trí của nó trong trang web thì Position trong css sẽ cho chúng tra nhiều lựa chọn hơn, chúng ta có thể định chính xác vi trí của các đối tượng trên website. Bạn cứ xem trang ...

Vũ Văn Thanh viết 10:58 ngày 05/10/2018

Cách nhúng google map vào website

Bạn là chủ của một cửa hàng kinh doanh, chủ một doanh nghiệp … bạn muốn website của mình có một thông tin gì đó trực quan để khách hàng có thể dễ tìm đến bạn, giải pháp tốt cho chúng ta là google map hay bản đồ google . Hầu như ai cũng bít đến google map đây là một công cụ định vị rất ...

Tạ Quốc Bảo viết 10:58 ngày 05/10/2018

Hướng dẫn tạo Favicon cho Website

Thông thường các website trên mạng đều có một icon nhỏ trên gần thanh address của trình duyệt người ta gọi đó là Favicon của Website. Hôm nay mình muốn chia sẻ cách tạo Favicon và nhúng nó vào trong web. Favicon trên web chỉ có kích thước 16×16 và có đuôi mở rộng là .icon bạn có thể ...

Bùi Văn Nam viết 10:58 ngày 05/10/2018

15+ Công cụ tạo CSS3 Buttons online chuyên nghiệp

CSS3 là một công nghệ CSS rất tuyệt vời, đặc biệt ở lĩnh vưc tạo button css3, ở bài trước mình đã chia sẻ một số button CSS3 đẹp. Bằng với vài dòng code CSS3 bạn có thể tạo ra những button ấn tượng cho WEB mà trước đây bạn phải dùng hình ảnh mới có được kết quả này. Trong lúc bạn học thiết kế ...

Vũ Văn Thanh viết 10:58 ngày 05/10/2018

Tạo hiệu ứng bóng đổ, button box-shadow trong CSS

Chào các bạn, thông thường để làm bóng đổ trên WEB người ta thường sử dụng hình ảnh, tuy nhiên với cách này thì làm cho trang web load chậm hơn, phải bỏ công thiết kế. Các bạn có thể sử dụng CSS để tạo bóng đổ cho khung, button một cách đơn giản hơn với box-shadow trong CSS . Thuộc tính ...

Bùi Văn Nam viết 10:58 ngày 05/10/2018

CSS Framework – Sử dụng 960 Grid System Layout WEB

Chào các bạn, dạo này thiên hạ nó viết web đều theo một framework hay mô hình nào đó để cho có hệ thống và dễ dàng quản lý cũng như đồng nhất quan điểm thiết kế. Layout cũng vậy cũng có CSS Framework , hôm nay mình muốn giới thiệu với các bạn cách sử dụng một Framework CSS là 960 Grid System để ...

Bùi Văn Nam viết 10:58 ngày 05/10/2018

Class và ID trong CSS

Chào các bạn chúng ta đã tìm hiểu về một số định dạng trong văn bản: kiểu chữ, font size… Và bây giờ vấn đề là phải gắng kết các định dạng đó vào trong các thẻ html, hôm nay chúng ta sẽ tìm hiểu class và id trong css. Thực ra class và id chúng ta đã có nói ở bài đầu tiên giới thiệu về ...

Bùi Văn Nam viết 10:58 ngày 05/10/2018

Tạo góc bo tròn bằng CSS

Chào các bạn, với các bài css cơ bản trước đó chúng ta cũng làm được một số chuyện cho giao diện web mình. Để màu mè hơn một tí hôm nay mình sẽ giới thiệu đến các bạn cách tạo góc bo tròn cho đối tượng HTML bằng CSS . Trong lúc thiết kế với các đối tượng như: button, viền cạnh, khung, ...

Hoàng Hải Đăng viết 10:57 ngày 05/10/2018

z-index, Layers trong CSS

Chào các bạn, chúng ta đã bít định dạng css qua chiều dài, chiều rộng còn một phần mà các bạn cũng cần phải quan tâm đó là chiều sâu của các đối tượng hay layers trong css và hôm này chúng ta sẽ trình bày về vấn đề này. Layers (lớp) z-index Layer hay là lớp là xét các thành phần HTML theo ...

Vũ Văn Thanh viết 10:57 ngày 05/10/2018

Giới thiệu về CSS, dùng CSS định dạng trang Web

CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,… CSS rất quan trong trong việc qui định giao diện cho website, bài hôm nay mình sẽ giới thiệu đến các bạn cách dùng CSS định dạng trang Web. Học CSS cơ bản ...

Hoàng Hải Đăng viết 10:57 ngày 05/10/2018
1 2 3 4 .. > >>