Bài 28: Thuộc Tính Cellspacing Và Cellpadding Trong Thẻ Table

Trang Chủ » hoc html » Bài 28: Thuộc tính cellspacing và cellpadding trong thẻ table | Học HTML Bài 28: Thuộc tính cellspacing và cellpadding trong thẻ table | Học HTML Ở bài này chúng tôi sẽ giới thiệu đến các bạn hai thuộc tính cellspacing và Cellpadding cho thẻ tạo bảng table. Cellspacing: Thuộc tính cellspacing dùng để tạo khoảng cách giữa viền trên và viền dưới của đường viền. Ví dụ: khi chưa có thuộc tính cellspacing <table border="1"> <tr> <td>Hàng 1 cột 1</td> <td>Hàng 1 cột 2</td> <td>Hàng 1 cột 3</td> </tr> <tr> <td>Hàng 2 cột 1</td> <td>Hàng 2 cột 2</td> <td>Hàng 2 cột 3</td> </tr> </table> Kết quả hiển thi ở ví dụ trên Ví dụ: khi có thuộc tính cellapacing <table border="1" cellspacing= "10"> <tr> <td>Hàng 1 cột 1</td> <td>Hàng 1 cột 2</td> <td>Hàng 1 cột 3</td> </tr> <tr> <td>Hàng 2 cột 1</td> <td>Hàng 2 cột 2</td> <td>Hàng 2 cột 3</td> </tr> </table> Kết quả hiển thi ở ví dụ trên Cellpadding: Thuộc tính cellpadding dùng để tạo khoảng cách giữa nội dung trong ô so với đường viền Ví dụ: khi chưa có thuộc tính Cellpadding <table border="1"> <tr> <td>Hàng 1 cột 1</td> <td>Hàng 1 cột 2</td> <td>Hàng 1 cột 3</td> </tr> <tr> <td>Hàng 2 cột 1</td> <td>Hàng 2 cột 2</td> <td>Hàng 2 cột 3</td> </tr> </table> Kết quả hiển thi ở ví dụ trên Ví dụ: khi có thuộc tính Cellpadding <table border="1" Cellpadding= "10"> <tr> <td>Hàng 1 cột 1</td> <td>Hàng 1 cột 2</td> <td>Hàng 1 cột 3</td> </tr> <tr> <td>Hàng 2 cột 1</td> <td>Hàng 2 cột 2</td> <td>Hàng 2 cột 3</td> </tr> </table> Kết quả hiển thi ở ví dụ trên ▪ Bạn có thể tùy chỉnh giá trị của 2 thuộc tính trên bằng giá trị đơn vị tính kich thước tùy ý. ✴ Kết luận: Như vậy trong bài này mình đã giới thiệu đến các bạn hai thuộc tính cellspacing và cellpadding trong thẻ table, ở bài học tiếp theo bạn sẽ học các chỉnh sửa chiều cao chiều rộng cho bảng table. Chúc bạn thành công.

1 nhận xét trong bài "Bài 28: Thuộc tính cellspacing và cellpadding trong thẻ table | Học HTML"

  1. Tạp chí làm đẹpMarch 18, 2021 at 6:20 AM

    Bạn chỉ rất chi tiết, cảm ơn tác giả, mời các bạn tham khảo các thông sau: >>>>Mất răng nhai, bạn sẽ gặp phải khó khăn gì? ?

    ReplyDeleteReplies
      Reply
Add commentLoad more... Newer Post Older Post Home Subscribe to: Post Comments (Atom)

Google Dich

Bài đăng phổ biến

  • Bài 29: Thuộc tính colspan và rowspan cho thẻ Table | Học HTML
  • Bài 28: Thuộc tính cellspacing và cellpadding trong thẻ table | Học HTML
  • Bài 2: Hướng dẫn Sử dụng Notepad và lưu file | Học HTML
  • Bài 23: Thuộc tính target cho thẻ liên kết | Học HTML
  • Bài 30: Thuộc tính chỉnh sửa chiều cao và chiều rộng cho thẻ table | Học HTML
  • Bài 22: URL trong HTML | Đường dẫn tuyệt đối, đường dẫn tương đối | Học HTML
  • Bài 34: Thẻ input trong form | Học HTML
  • Bài 10: Thẻ mark - Thẻ đánh đấu văn bản | Học HTML
  • Bài 24: Các đơn vị kích thước trong html | Học HTML
  • Bài 27: Bảng là gì? | Học HTML | Khái niệm về bảng trong html

Từ khóa » Khoảng Cách Giữa Các Dòng Trong Table Html