Hướng dẫn tạo bảng trong bài viết

Thảo luận trong 'Quy định & Hướng dẫn sử dụng' bởi webmaster, 3/3/2015.

  1. webmaster

    webmaster Stay hungry. Stay foolish

    Tham gia:
    16/12/2006
    Bài viết:
    13,288
    Đã được thích:
    35,263
    Điểm thành tích:
    6,063
    Vì bảng thường thích hợp khi hiển thị trên máy tính để bàn còn không thân thiện với các loại thiết bị có màn hình nhỏ như điện thoại di động. Mà càng ngày người dùng di động càng tăng nên việc trang trí topic kiểu bảng giống như trang web trước đây không phải là cách tốt. Có một cách tốt hơn để làm mục lục topic các bạn có thể xem trong topic sau đây:

    [Video] Hướng dẫn làm mục lục topic để hiện thị tốt cả trên điện thoại

    Trừ trường hợp bạn đã đọc hiểu và thấy cần thiết thì mới nên tạo bảng, trong trường hợp đó, mời bạn xem tiếp hướng dẫn ở dưới đây:

    Để tạo bảng trong diễn đàn, chúng ta làm giống như cú pháp HTML, tuy nhiên có một chút khác biệt như sau:

    Trong HTML thì ta dùng từ khoá Table, Tr, Td ở đây chúng ta sẽ làm như sau:

    [Table="tham số bảng]
    [
    TR="tham số hàng"]
    [
    TD="tham số ô"]Nội dung ô
    [/TD]
    [
    /TR]
    [
    /Table]

    Ví dụ để có bảng như sau:


    This is a header cellThis is a header cell
    This is a left aligned cellThis is a centre aligned cell
    This is a right aligned cellLeft aligned
    Centre alignedRight aligned
    Ta dùng cú pháp:

    [table="style='border:4px dashed blue;'>"]
    [
    TR][TH="bgcolor=#FF99FF"]This is a header cell[/TH][TH="bgcolor=#FF99FF"]This is a header cell[/TH][/TR]
    [
    TR][TD="bgcolor=0xff0000"]This is a left aligned cell[/TD][TD]This is a centre aligned cell[/TD][/TR]
    [
    TR][TD]This is a right aligned cell[/TD][TD]Left aligned[/TD][/TR]
    [
    TR="bgcolor=#FF9900"][TD]Centre aligned[/TD][TD]Right aligned[/TD][/TR]
    [
    /table]

    Có một chú ý là chúng ta không nên đặt độ rộng bằng pixels vì khi trên màn hình nhỏ thì bảng sẽ không hiển thị được toàn bộ và bị khuất. Nhất là xem trên các thiết bị di động.
     

    Xem thêm các chủ đề tạo bởi webmaster
    Đang tải...


  2. webmaster

    webmaster Stay hungry. Stay foolish

    Tham gia:
    16/12/2006
    Bài viết:
    13,288
    Đã được thích:
    35,263
    Điểm thành tích:
    6,063
    Nếu muốn chèn ảnh ta cũng làm tương tự


    This is a header cellThis is a header cell
    This is a left aligned cellThis is a centre aligned cell
    This is a right aligned cellLeft aligned
    Centre aligned[​IMG]
     

Chia sẻ trang này