Cách Chèn Bảng Vào Trang Web

Mục lục:

Cách Chèn Bảng Vào Trang Web
Cách Chèn Bảng Vào Trang Web

Video: Cách Chèn Bảng Vào Trang Web

Video: Cách Chèn Bảng Vào Trang Web
Video: Cách thêm bảng vào bài viết trên website dùng WORDPRESS 2024, Có thể
Anonim

Các ngôn ngữ đánh dấu HTML, Wiki và BB-Code có các công cụ để tạo bảng. Điều này cho phép bạn đưa thông tin về các đặc điểm so sánh của các đối tượng nhất định, dữ liệu thống kê và các dữ liệu khác vào các tài liệu hoặc thông điệp của diễn đàn.

Cách chèn bảng vào trang web
Cách chèn bảng vào trang web

Hướng dẫn

Bước 1

Để tạo bảng trong tài liệu HTML, trước tiên hãy mở bảng đó bằng thẻ

… Sau đó, mở dòng đầu tiên với thẻ

(TR là viết tắt của table row, tức là một hàng trong bảng). Bây giờ bạn có thể chèn số ô mong muốn vào chuỗi. Tạo ra từng người trong số họ bằng cách mở thẻ

… Ở đây, TD viết tắt là viết tắt của dữ liệu bảng, tức là dữ liệu bảng. Sau khi đặt số lượng ô cần thiết theo cách này, hãy đóng dòng bằng th

… Khi tất cả các hàng đã được nhập, hãy đóng bảng đó bằng cách sử dụng thẻ

bằng cách nhập dữ liệu sau nó và sau đó đặt một thẻ đóng

ví dụ:

Cơ sở Số lượng ổ cắm
Hành lang 1
Phòng tắm 0
Phòng bếp 2
Phòng 3
Ban công 0

Bước 2

Bằng cách thêm vào thẻ

thông số, bạn có thể thay đổi màu sắc và độ dày của các đường của nó. Để chu vi bên ngoài của bảng dày một pixel và các đường bên trong dày hai pixel và tất cả những thứ này được sơn bằng màu xanh lam đậm, hãy sử dụng cấu trúc này:

Bước 3

Để hợp nhất nhiều ô theo chiều ngang, hãy sử dụng kết hợp với thẻ

tham số colspan. Vì vậy, nếu bạn viết

bạn nhận được một ô có chiều rộng là hai cột

Bước 4

Khi soạn một bài đăng trên diễn đàn sử dụng BB-Code, hãy sử dụng các thẻ tương tự để tạo bảng, nhưng sử dụng dấu ngoặc vuông thay vì dấu ngoặc nhọn. Nó có thể trông như thế này:

[bàn]

[tr] [td] Phòng [/td] [td] Số lượng ổ cắm [/td] [/tr]

[tr] [td] Hành lang [/td] [td] 1 [/td] [/tr]

[tr] [td] Phòng tắm [/td] [td] 0 [/td] [/tr]

[tr] [td] Nhà bếp [/td] [td] 2 [/td] [/tr]

[tr] [td] Phòng [/td] [td] 3 [/td] [/tr]

[tr] [td] Ban công [/td] [td] 0 [/td] [/tr]

[/bàn]

Kỹ thuật này không hoạt động trong tất cả các diễn đàn và không phải tất cả các thẻ đều được hỗ trợ trong những diễn đàn có chức năng tương ứng.

Bước 5

Trong ngôn ngữ đánh dấu Wiki, hãy định dạng bảng như hình dưới đây:

{|

| Mặt bằng

| Số lượng ổ cắm

|-

| Hành lang

|1

|-

| Phòng tắm

|0

|-

| Nhà bếp

|2

|-

| Phòng

|3

|-

| Ban công

|0

|}

Ký tên | được sử dụng ở đây để di chuyển đến ô tiếp theo và | - được sử dụng cho nguồn cấp dữ liệu dòng.

Đề xuất: