Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by vi01239984564 26/8/2024, 7:41 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
[Hướng dẫn]Tạo bảng bằng BBCode cho mem mới[✔]
3 posters
Trang 1 trong tổng số 1 trang
[Hướng dẫn]Tạo bảng bằng BBCode cho mem mới[✔]
1. Tạo bảng đơn giản:
bấm nút Insert table trên thanh công cụ soạn thảo, ta có :
Ta có 2 cách để tạo bảng:
Cach1: Ta gõ vào 2 ô trống, ô bên trái gõ số dòng ( ví dụ là 3), ô bên phải ta gõ số cột ( ví dụ là 5), sau đó bấm OK ta sẽ được code sau đây:
- Code:
[table border="1"]
[tr]
[td] [/td][td] [/td][td] [/td][td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td][td] [/td][td] [/td][td] [/td]
[/tr][tr]
[td] [/td][td] [/td][td] [/td][td] [/td][td] [/td]
[/tr]
[/table]
Cách 2: Viết nội dung của bảng sau đó dùng các nút 1,2,3 để tạo code. CỤ thể như sau
Ví dụ tạo bảng có 3 hàng và 5 cội như vậy bảng sẽ có tất cả 15 ô. Đẻ tạo ô thứ nhất của hàng 1 ta viết: nội dung ô, bôi đen chon nội dung đã viết, bấm nút 1 ta được
- Code:
[td]text 1[/td]
- Code:
[td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td]
- Code:
[tr][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td][/tr]
- Code:
[table border ="1"][tr][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td][/tr]
[tr][td]text 6[/td][td]text 7[/td][td]text 8[/td][td]text 9[/td][td]text 10[/td][/tr]
[tr][td]text 11[/td][td]text 12[/td][td]text 13[/td][td]text 14[/td][td]text 15[/td][/tr][/table]
text 1 | text 2 | text 3 | text 4 | text 5 |
text 6 | text 7 | text 8 | text 9 | text 10 |
text 11 | text 12 | text 13 | text 14 | text 15 |
- Code:
[table border ="1"]
[tr bgcolor ="#0ABCE2"][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td][/tr]
[tr][td]text 6[/td][td]text 7[/td][td]text 8[/td][td]text 9[/td][td]text 10[/td][/tr]
[tr][td]text 11[/td][td]text 12[/td][td]text 13[/td][td]text 14[/td][td]text 15[/td][/tr][/table]
text 1 | text 2 | text 3 | text 4 | text 5 |
text 6 | text 7 | text 8 | text 9 | text 10 |
text 11 | text 12 | text 13 | text 14 | text 15 |
Được sửa bởi hunghsmn ngày 20/10/2011, 5:55 pm; sửa lần 1.
[Hướng dẫn]Tạo bảng bằng BBCode cho mem mới
Tự nghiên cứu trước thử hiểu không:
Trình bày được một bảng nhue thế này có thể hơi khó với một số bạn, nhưng mình nghĩ, cố gắng sẽ thành công.
- Code:
[table border ="1" align ="center"]
[tr bgcolor ="#0000B0"][td width ="70" rowspan ="4" bgcolor ="#FFE1FF"][center][b][center][color=#99237a]CHƯƠNG
TRÌNH
HÀNH
ĐỘNG[/color][/center][/b][/center][/td] [td colspan ="5"] [center][color=#ffffff][b]Hướng dẫn tạo bảng biểu[/b][/color][/center] [/td][/tr]
[tr][td][table border ="1"]
[tr bgcolor ="#37BF28"] [td colspan ="7"][center][color=#FFFF00][b]Tiêu đề[/b][/color][/center][/td] [/tr]
[tr bgcolor ="#0ABCE2"]
[td rowspan ="3" bgcolor ="#CAFFFF"]Row 1[/td][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td] [td width ="100"][center]Ghi chú[/center][/td] [/tr]
[tr][td]text 6[/td][td]text 7[/td][td]text 8[/td][td]text 9[/td][td]text 10[/td] [td bgcolor ="#FFFFFF" rowspan ="2" ][center]Nội dung[/center][/td][/tr]
[tr][td]text 11[/td][td]text 12[/td][td]text 13[/td][td]text 14[/td][td]text 15[/td][/tr][/table][/td][/tr]
[tr][td][table border ="1"]
[tr bgcolor ="#37BF28"] [td colspan ="7"][center][color=#FFFF00][b]Tiêu đề[/b][/color][/center][/td] [/tr]
[tr bgcolor ="#0ABCE2"]
[td rowspan ="3" bgcolor ="#CAFFFF"]Row 1[/td][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td] [td width ="100"][center]Ghi chú[/center][/td] [/tr]
[tr][td]text 6[/td][td]text 7[/td][td]text 8[/td][td]text 9[/td][td]text 10[/td] [td bgcolor ="#FFFFFF" rowspan ="2" ][center]Nội dung[/center][/td][/tr]
[tr][td]text 11[/td][td]text 12[/td][td]text 13[/td][td]text 14[/td][td]text 15[/td][/tr][/table][/td][/tr]
[tr][td][table border ="1"]
[tr bgcolor ="#37BF28"] [td colspan ="7"][center][color=#FFFF00][b]Tiêu đề[/b][/color][/center][/td] [/tr]
[tr bgcolor ="#0ABCE2"]
[td rowspan ="3" bgcolor ="#CAFFFF"]Row 1[/td][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td] [td width ="100"][center]Ghi chú[/center][/td] [/tr]
[tr][td]text 6[/td][td]text 7[/td][td]text 8[/td][td]text 9[/td][td]text 10[/td] [td bgcolor ="#FFFFFF" rowspan ="2" ][center]Nội dung[/center][/td][/tr]
[tr][td]text 11[/td][td]text 12[/td][td]text 13[/td][td]text 14[/td][td]text 15[/td][/tr][/table][/td][/tr]
[/table]
CHƯƠNG TRÌNH HÀNH ĐỘNG | Hướng dẫn tạo bảng biểu | ||||||||||||||||||||||||
| |||||||||||||||||||||||||
| |||||||||||||||||||||||||
|
Trình bày được một bảng nhue thế này có thể hơi khó với một số bạn, nhưng mình nghĩ, cố gắng sẽ thành công.
Dàn ô qua nhiều cột hay nhiều hàng
Dàn ô qua nhiều cột hay nhiều hàng
1. Dàn ô qua nhiều cột:
Xem mẫu:
Coi như ta đã có mẫy cơ bản này
2. Dàn ô qua nhiều hàng:
Mẫu:
Nhận xét: So với mẫu cơ bản thì trong mẫu này có thêm một cột nữa ở bên trái. Cột này khác với 5 cột kia là nó chỉ có 2 ô, trong đó có một ô A1 dàn xuống bao cả hai hàng của các cột khác.
Cách làm:
Từ mẫu cơ bản, ta viết tiêu đề cột mới (STT) vào ngay trước thẻ [td ] đầu tiên của hàng thứ nhất, sau đó ta bôi đen để chọn rồi bấm nút 1. Vậy là xong cái tiêu đề của cột mới.
Tiêp theo ta viết nội dung của cột mới vào ngay trước thẻ [td ] của hàng thứ 2. Bôi đen để chon rồi bấm nút 1. Ta viết thêm rowspan ="2"vào thẻ [td ] mới tạo. Vậy là xong, thích thì thêm màu nền cho ô mới ( đã hướng dẫn)
Bài tập: Hãy tạo một bảng như sau:
1. Dàn ô qua nhiều cột:
Xem mẫu:
Ô qua nhiều cột | ||||
text 1 | text 2 | text 3 | text 4 | text 5 |
text 6 | text 7 | text 8 | text 9 | text 10 |
text 11 | text 12 | text 13 | text 14 | text 15 |
Coi như ta đã có mẫy cơ bản này
text 1 | text 2 | text 3 | text 4 | text 5 |
text 6 | text 7 | text 8 | text 9 | text 10 |
text 11 | text 12 | text 13 | text 14 | text 15 |
- Code:
[table border ="1" align="center"]
[tr bgcolor ="#0ABCE2"][td]text 1[/td][td]text 2[/td][td]text 3[/td][td]text 4[/td][td]text 5[/td][/tr]
[tr][td]text 6[/td][td]text 7[/td][td]text 8[/td][td]text 9[/td][td]text 10[/td][/tr]
[tr][td]text 11[/td][td]text 12[/td][td]text 13[/td][td]text 14[/td][td]text 15[/td][/tr]
[/table]
- Code:
[tr bgcolor="#0000A0"][td colspan=5][color=white][center][b]Ô qua nhiều cột[/b][/center][/color][/td][/tr]
2. Dàn ô qua nhiều hàng:
Mẫu:
STT | text 1 | text 2 | text 3 | text 4 | text 5 |
A1 | text 6 | text 7 | text 8 | text 9 | text 10 |
text 11 | text 12 | text 13 | text 14 | text 15 |
Cách làm:
Từ mẫu cơ bản, ta viết tiêu đề cột mới (STT) vào ngay trước thẻ [td ] đầu tiên của hàng thứ nhất, sau đó ta bôi đen để chọn rồi bấm nút 1. Vậy là xong cái tiêu đề của cột mới.
Tiêp theo ta viết nội dung của cột mới vào ngay trước thẻ [td ] của hàng thứ 2. Bôi đen để chon rồi bấm nút 1. Ta viết thêm rowspan ="2"vào thẻ [td ] mới tạo. Vậy là xong, thích thì thêm màu nền cho ô mới ( đã hướng dẫn)
Bài tập: Hãy tạo một bảng như sau:
text 1 | text 2 | text 3 | Ghi chú |
text 4 | text 5 | text 6 | Nội dung |
text 7 | text 8 | text 9 | |
"Học, học nữa, học mãi" (Vladimia Ilis Lenin) |
Được sửa bởi hunghsmn ngày 20/10/2011, 8:10 pm; sửa lần 1.
Re: [Hướng dẫn]Tạo bảng bằng BBCode cho mem mới[✔]
Ái chà chà... mỗi lần bác Hùng online là đều có 1 TUT mới
Re: [Hướng dẫn]Tạo bảng bằng BBCode cho mem mới[✔]
Không phải TUT mới đâu, đây chỉ là chuyện viết bài thôi, tuy nhiên theo chủ quan mình thấy không phải Admin nào cũng viết được chứ đừng nói chi là thành viên. Với ý nghỉ đó (hehe, chủ quan quá) nên mình mới có bài hướng dẫn này. Mục đích của mình là để giúp các admin khi trình bày một bài viết thì admin phải hơn các thành viên khác một cái đầu |
Re: [Hướng dẫn]Tạo bảng bằng BBCode cho mem mới[✔]
FM hạn chế 1 cái là add BBcode mới không được, tuy nhiên với BBcode table, ta có thể giả mạo BBcode và tạo ra nhiều ứng dụng khác
Ví dụ http://diendan.chinhphuc.info/t19554-topic
Ví dụ http://diendan.chinhphuc.info/t19554-topic
Similar topics
» [BBCODE]Tạo nút như bbcode cho youtbe
» Thêm bbcode cho diễn đàn thì làm sao ?
» Cho xin BBcode cơ bản
» Không hiển thị bbcode khi viết bài mới giúp mình với
» [Thắc mắc] Mất nút bbcode khi up bài mới
» Thêm bbcode cho diễn đàn thì làm sao ?
» Cho xin BBcode cơ bản
» Không hiển thị bbcode khi viết bài mới giúp mình với
» [Thắc mắc] Mất nút bbcode khi up bài mới
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|