Welcome to TTKS/KTQN

CLICK HERE TO OPEN

Friday, May 27, 2011

METHODS USED FOR CREATING TABLE

Ý kiến
Sãn phẩm mới
Đặt hàng
Mục lụcNội dung
Footer

Gần 66% website dùng table để trình bày bài viết và hình.Muốn tạo table thì dùng
một trong 2 phương pháp sau đây.Phương pháp thứ nhất rất ngắn gọn hơn
phương pháp thứ hai nhưng rất ít được xữ dụng vì có những khuyết điểm sẽ liệt
kê sau.

Phương pháp thứ nhất-Dùng table có sẵn trong HTML goị là table–based designhay còn gọi table existed in html hoặc table-based layout.Hình trên

được tạo dựng theo phương pháp nầy và được Google Blogger chấp nhận, còn

phương pháp thứ hai dùng cascading style sheet gọi là css-based design bị từ

chối.Trong tương lai Google sẽ chấp nhận phương pháp dùng CSS vì có nhiều

ưu điểm sau khi viết lại browser code theo như nhiều người đã nghĩ.

Chủ yếu của phương pháp thứ nhứt nầy là tạo những cột cho nên được gọi là

tubular method để có thể post một bài viết có nhiều cột song song với nhau rút

ngắn chiều dài.

Nếu dùng phương pháp nầy để chia ra từng ô như hình trên thì phải dùng nhiều

tags td và ký hiệu colspan và rowspan.

Colspan nghĩa là expanding across a number of columns để xóa những vách

đứng ngăn cách không theo ý muốn.

Rowspan nghĩa là expanding across a number of rows để xóa những vách

ngăn cách nằm ngang không theo ý muốn.

Chép bảng html dưới đây vào notepad rồi thực tập sẽ thấy xuất hiện một bảng

table ở đầu trang.

Phương pháp thứ hai-Được gọi css-based design hay css-based

layout.

Trong các sách cũ xuất bản vào những năm 2007-2008 đều chỉ dạy

phương pháp nầy để tạo table .Đôi khi còn gọi là tableless nghĩa là

trong html không có tag table. Hiện nay có rất nhiều bài viết tranh luận

về phương pháp thứ hai nầy với phương pháp thứ nhất.Do đó muốn

hiểu rõ ưu và khuyết đểm của những bài tranh luận đó trước hết chúng

ta cần thực tập cho nhuần nhuyễn cả hai phương pháp.

Chúng ta có thể viết theo css-based layout để tạo một table giống hệt

như hình đầu trang nầy đã tạo theo phương pháp table-based layout.

Xem bài "Tạo dựng table theo CSS (Cascading Style Sheet )-div id

và CSS-div class"


No comments:

Post a Comment