Cách Tạo Bảng Trong Bài Viết Trên Blogspot

Chuyên mục bạn có thể xem thêm ... BENNY HINN TỔNG HỢP NHIỀU BÀI VIẾT BILLY GRAHAM BÀI THUỐC CHỮA BỆNH CHUYỆN HAY Ý ĐẸP CHẮP CÁNH CHO TÂM HỒN BAY CAO CÁC LỄ TRONG HỘI THÁNH CÂY THUỐC DAVID YONGGI CHO GIA ĐÌNH BỀN VỮNG GIÁO LÝ TIN LÀNH HÔN NHÂN BỀN VỮNG HÔN NHÂN- GIA ĐÌNH HẦU VIỆC CHÚA HỌC- SUY NGẪM KINH THÁNH CỦA TÔI... JOHN BEVERE JOYCE MERYER KARAFUN KARAOKE KENETH E.HAGIN KHOA HỌC HIỆN ĐẠI KHOA HỌC- NIỀM TIN NGÀY TẬN THẾ NGƯỜI MẸ NICK VUJICIC NUÔI DƯỠNG TÂM LINH NỀN TẢNG HÔN NHÂN PHIM ẢNH KHIÊU DÂM PHỎNG VẤN QUAN HỆ TÌNH DỤC RICK WARREN SÁCH ONLINE CƠ ĐỐC SÁCH ONLINE ĐỜI SỐNG SẮC ĐẸP SỨC KHỎE THIẾU NHI THÁNH CA THƯ VIỆN THỦ THUẬT MÁY TÍNH TRẦN THÁI SƠN TÀ GIÁO TÌNH DỤC TÌNH YÊU ĐẠO VÀ ĐỜI ĐỌC SÁCH Danh mục sách trong THƯ VIỆN ... Thêm Phước Hạnh Trong Tài Chính (4 bài) Bài giảng của Mục sư Đoàn Văn Miêng 95 luận điểm của Martin Luther (2 bài) Chúa Tái Lâm (1 bài) Sống trong những ngày sau rốt (2 bài) Gây dựng Hội Thánh mới (2 bài) Tẩy sạch để phấn hưng (7 bài) Nguyên tắc giải nghĩa Kinh Thánh(2 bài) Con trai của sự yên ủi (1 bài) Thánh kinh thông lãm Cựu ước (39 bài) Ms Trần Thái Sơn 100 Bài học KT của Alban Douglas Cách kinh doanh của người Do Thái (3 bài)

CÁCH TẠO BẢNG TRONG BÀI VIẾT TRÊN BLOGSPOT

Cách tạo bảng trong bài viết trên blogspot

Thủ thuật- Cách tạo bảng trong bài viết trên blogspot

Với sự tò mò muốn tạo bảng trong bài viết trên blogspot, mình đã tìm hiểu và thấy rất ưu việt và nhanh nhẹn về cách tạo bảng trong bài viết trên blogspot. Trước hết cảm ơn anh DVT đã chia sẻ và giúp đỡ mình cách tạo bảng bài viết trên blogspot, thấy thành công và có nhiều ích lợi về cách tạo bảng trong bài viết trên blogspot nên  mình cũng muốn chia sẻ cách tạo bảng trong bài viết trên blogspot  thêm cho nhiều người biết về cách tạo bảng trong bài viết trên blogspot hơn để sử dụng rộng rãi… cách tạo bảng trong bài viết trên blogspot.

Bạn có thể xem một trong những ích lợi của cách tạo bảng trong bài viết trên blogspot tại đây DEMO, cách tạo bảng trong bài viết trên blogspot…

 Hướng dẫn cách tạo bảng trong bài viết trên blogspot:

1: Cấu trúc bảng- cách tạo bảng trong bài viết trên blogspot

1 Bảng trong HTML được định nghĩa bằng cặp thẻ <table>...</table> Trong một bảng thì được chia thành nhiều cột và hàng. Mỗi hàng được giới hạn hoặc ngắt hàng bởi cặp thẻ <tr>...</tr>, và trong mỗi hàng lại có nhiều Ô tùy theo trường hợp sử dụng cặp thẻ giới hạn giữa các ô là <td></td>

Cách tạo bảng trong bài viết trên blogspot

Ví dụ 1.: Cách tạo bảng trong bài viết trên blogspot 1 bảng gồm 2 hàng, 3 cột ,mỗi hàng gồm có 3 ô.

 

Code: Copy tất cả
<table border="1" cellpadding="10"> <tr> <td>Ô 1</td> <td>Ô 2</td> <td>Ô 3</td> </tr> <tr> <td>Ô 4</td> <td>Ô 5</td> <td>Ô 6</td> </tr> </table>

Ví dụ 2. Cách tạo bảng trong bài viết trên blogspot 1 bảng gồm 3 hàng 4 cột

Code: Copy tất cả
<table border="1" cellpadding="10"> <tr> <td>Ô 1</td> <td>Ô 2</td> <td>Ô 3</td> </tr> <tr> <td>Ô 4</td> <td>Ô 5</td> <td>Ô 6</td> </tr> <tr> <td>Ô 4</td> <td>Ô 5</td> <td>Ô 6</td> </tr> </table>

Cứ như vậy, với cách tạo bảng trong bài viết trên blogspot bạn có thể làm 1 bảng gồm nhiều cột và nhiều hàng hơn theo ý muốn bài đăng của mình...

Với cách tạo bảng trong bài viết trên blogspot có thể hơn thô, những bạn muốn có cách tạo bảng trong bài viết trên blogspot nhiều hơn bạn có thể xem có code cách tạo bảng trong bài viết trên blogspot sau:

1. Cách tạo bảng trong bài viết trên blogspot:

Gộp Hàng hoặc Cột lại thì Bạn sẽ thêm các thuộc tính như rowspan="Số hàng muốn gộp colspan="Số cột muốn gộp" Chẳng hạn như bạn muốn gộp Ô 1 và Ô 4 cột lại thành 1 cột thì sẽ dùng rowpan="2" để hợp lại.

Code: Copy tất cả
<table border="1" cellpadding="10"> <tr> <td rowspan="2">Ô 1</td> <td>Ô 2</td> <td>Ô 3</td> <td>Ô 3-3</td> </tr> <tr> <td>Ô 5</td> <td>Ô 6</td> <td>Ô 7</td> </tr> </table>

2. Cách tạo bảng trong bài viết trên blogspot:

Hợp 2 hàng thành 1 cột  như thế thì mình hợp 2 Ô trên cùng một hàng lại

 

Code: Copy tất cả
<table border="1" cellpadding="10"> <tr> <td colspan="2">Ô 1+</td> <td>Ô 2</td> <td>Ô 3</td> </tr> <tr> <td>Ô 4</td> <td>Ô 5</td> <td>Ô 6</td> <td>Ô 7</td> </tr> </table>

3. Cách tạo bảng trong bài viết trên blogspot:

Như vậy là việc Hợp các Cột hoặc Hàng lại cơ bản đã xong. Bây giờ bạn muốn đổ màu cho Ô , Cột hoặc là Hàng mà mình thích thì làm sử dụng thuộc tính bgcolor="#ee8018"
#ee8018 Các bạn thay thế Mã màu phù hợp theo trường hợp hoặc sở thích của bạn. Để lấy được mã màu các bạn thử sử dụng sof jcpicker. Ví dụ đổ màu cho các Ô như sau:

Code: Copy tất cả
<table border="1" cellpadding="10"> <tr> <td colspan="2" bgcolor="#ee8018">Ô 1+</td> <td bgcolor="#dddddd">Ô 2</td> <td bgcolor="#544754">Ô 3</td> </tr> <tr> <td bgcolor="black">Ô 4</td> <td bgcolor="red">Ô 5</td> <td bgcolor="blue">Ô 6</td> <td>Ô 7</td> </tr> </table>

Chú ý khi sử dụng những cách tạo bảng trong bài viết trên blogspot:

Thẻ dùng cho <Table>:

- border: Xác định độ dày của khung bao quanh bảng
- bordercolor: Màu của khung bao quanh, viết dưới dạng dấu # và 6 chữ số HEX tiếp theo.
- cellspacing: Xác định khoảng cách giữa các ô trong bảng.
- width: Xác định độ rộng của bảng
- background: Xác định hình ảnh sẽ được sử dụng để làm nền cho toàn bảng
- bgcolor: Xác định màu nền của bảng, viết theo kiểu #XXXXXX (số HEX). 

Thẻ dùng cho <td>

- width: Độ rộng của ô
- height: Chiều cao của ô
- colspan: Xác định bao nhiêu ô tính từ ô đó sẽ được chập vào làm 1 (trên cùng 1 dòng)
- rowspan: Xác định bao nhiêu ô tính từ ô đó sẽ được chập vào làm 1 (trên cùng 1 cột).
- background: Xác định hình ảnh sẽ được sử dụng để làm nền cho ô
- bgcolor: Xác định màu nền ô, viết theo kiểu #XXXXXX (số HEX). 

Cách tạo bảng trong bài viết trên blogspot

Cách tạo bảng trong bài viết trên blogspot (st) 

DVT comvn 

Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email: luaphucamhp@yahoo.com

Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..