Học web chuẩn hocwebchuan.com

  • Trang chủ
  • Hướng dẫn học

    • Hướng dẫn học XHTML & HTML5
    • Hướng dẫn học CSS
    • Hướng dẫn học CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn học ES6
    • Hướng dẫn học React.js
    • Hướng dẫn học jQuery
    • Hướng dẫn học PHP
    • Hướng dẫn học Laravel
    • Hướng dẫn học Webpack
    • Hướng dẫn học SCSS
    • Hướng dẫn học htaccess
  • Bài tập

    • Bài tập XHTML & HTML5 cơ bản
    • Bài tập XHTML & HTML5 nâng cao
    • Bài tập CSS & CSS3 cơ bản
    • Bài tập CSS & CSS3 nâng cao
    • Bài tập jQuery
  • Tham khảo

    • Tham khảo HTML4/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Công cụ hỗ trợ

    • CSS3 Generator
      • Background-gradient
      • Background transparence
      • Boder-radius
      • Box-shadow
      • Flex box
      • Transform
      • Transform 3D
      • Mutiple column
      • Text-shadow
      • Text editor
    • Generator Tools
      • Block float generator
      • Block float percent generator
      • Text dummy paragraph (Lorem Ipsum)
      • Text dummy list (Lorem Ipsum)
      • Image dummy generator
      • QR Code generator
    • Web Tools
      • Đếm ký tự (count characters)
      • Đếm từ (count words)
      • Chuyển đổi ký tự đặc biệt
      • Có dấu thành không dấu
      • Loại bỏ code html
      • Công cụ tính toán (Caculator tools)
      • Chuyển đổi image thành WebP
    • Random Tools
      • Random word
      • Random number
      • Random list
      • Random group
      • Random password
    • Công cụ test responsive
    • Chia sẻ web & tools hay
  • DONATE

Search Submit

Chuyên đề

  • Trang chủ
  • Chuyên đề

HỌC WEB CHUẨN

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

  • Tham khảo
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Tham khảo CSS
  • Tham khảo CSS3
  • Tham khảo jQuery

CHUYÊN ĐỀ

Chuyên đề

  • Chuyên đề HTML/CSS (43)
    • Block list (6)
    • List (5)
    • Navigation (5)
    • Pagenation (6)
    • Paragraph (8)
    • Table (7)
    • Tiêu đề (6)
  • Chuyên đề HTML5/CSS3 (20)
    • Border radius (7)
    • Box hover (5)
    • Box shadow (4)
    • Loading (4)
  • Chuyên đề jQuery / JS (15)
    • Form (6)
    • Layout (9)
  • jQuery/JS plugin (16)
    • BiggerLink (3)
    • Fixheight (2)
    • Pie (4)
    • Pop up (3)
    • Tab (2)
    • Tooltips (2)

Nội dung mới nhất

  • Áp dụng thực tế hiệu ứng loading
  • Box hover 2 image
  • Box hover fade
  • box hover slide element
  • Box hover chuyển động thành phần
  • Box hover scale image
  • Loading syle css3 – circle 02
  • Loading syle css3 – circle
  • Loading style css3 – square
  • Box-shadow sử dụng khi hover

Liên kết nhanh

add align biggerlink Block list Border radius box-shadow box hover css3 fixheight form jQuery layout list loading Navigation pa Pagenation paragraph Pie popup tab Table tiêu đề tooltips

GÓP Ý - LIÊN HỆ

  • BẠN SẼ TÀI TRỢ?
    DONATE
  • CÔNG CỤ TẠO CSS3
    CSS3 GENERATOR
  • BỘ CÔNG CỤ
    GENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢ
    WEB TOOLS
  • CÔNG CỤ TẠO RANDOM
    RANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAY
    WEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Tag: Table

Các dạng table free style

Các dạng table free style

TableTags Table | Gửi bình luận

Giới thiệu các bạn thêm nhiều dạng table khác nhau.
Nhiều table thiết kế không gò bó với các border, được dùng nhiều cho các trang có width mở, có thể là dạng responsive hay trang có width rộng.

Chi tiết

Table với border các kiểu khác nhau

Table với border các kiểu khác nhau

TableTags Table | Gửi bình luận

Đây là nhiều dạng table mà chúng ta thường gặp, nếu không biết cách điều chỉnh border hợp lý thì những dạng này thật sự là một rắc rối, tuy nhiên chỉ vài dòng CSS sử lý spacing và border phù hợp, chúng ta có thể tạo được table hợp lý.

Chi tiết

Border cho table

Border cho table

TableTags Table | Gửi bình luận

Mặc định của table là các khoảng cách giữa các hàng và cột.
Chúng ta có thể sử dụng border trong css để điều chỉnh cho đẹp và dễ nhìn hơn.

Chi tiết

Background cho table

Background cho table

Chuyên đề HTML/CSS, TableTags Table | Gửi bình luận

Để cho table dễ nhìn hơn, dễ phân biệt đâu là tiêu đề, đâu là nội dung, đâu là khu vực được đánh dấu, … chúng ta sử dụng nhiều cách khác nhau, một trong cách đó là background cho các thành phần table.

Chi tiết

Table align

Table align

Chuyên đề HTML/CSS, TableTags Table | Gửi bình luận

Muốn canh vị trí tất cả tiêu đề hay nội dung của table, chúng ta sẽ sử dụng các thuộc tính của CSS kèm theo sẽ phát huy hiệu quả cả về mặc SEO và hiệu quả code.

Chi tiết

colspan và rowspan

colspan và rowspan

Chuyên đề HTML/CSS, TableTags Table | Gửi bình luận

Để merge các thành phần cột và hàng của table, chúng ta sử dụng colspan và rowspan.

Chi tiết

Table trong layout web

Table trong layout web

Chuyên đề HTML/CSS, TableTags Table | Gửi bình luận

Table trong html là một trong những thành phần cơ bản nhất, được dùng để hiển thị bảng tốt nhất.

Chi tiết

  • Hướng dẫn học

    • Hướng dẫn học
    • Hướng dẫn HTML/XHTML
    • Hướng dẫn CSS
    • Hướng dẫn CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn PHP
    • Hướng dẫn Laravel
  • Tham khảo

    • Tham khảo HTML/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Tham khảo Thêm

    • Lang codes
    • Font family
    • Mã ký tự
    • MIME
    • Thuộc tính tổng quát
  • Chuyên đề

    • Chuyên đề
    • Chuyên đề HTML/CSS
    • Chuyên đề HTML5/CSS3
    • Chuyên đề jQuery/JS
    • jQuery/JS plugin
  • Góp ý - Liên hệ

    Bản quyền - copyright

    Sitemap

  • W3C XHTML1.0
  • W3C CSS

©2012 Học Web Chuẩn All Rights Reserved.

  • Trang chủ
  • Giới thiệu
  • Góp ý - Liên hệ
  • Site map