Hướng dẫn cách tạo bảng trong thiết kế wap

Để tạo bảng ta cần có các thẻ (tag) . Từ các thẻ này mà trang wap có thể định dạng được việc hiển thị thông tin

Ví dụ : Tạo 1 bảng có 2 dòng 1 cột

<table border="2px" bordercolor ="red"> 
   <tr bgcolor ="green">
       <td>
          Cột 1
       </td>
   </tr>
   <tr bgcolor ="yellow">
       <td>
          Cột 2
       </td>
   </tr>
</table>

Sau đây là một số thẻ cần thiết trong quá trình tạo bảng :

1.Thẻ <table></table> : Để tạo ra 1 bảng . Bạn cũng có thể thêm vào 1 số thuộc tính cho bảng như :

      Viền bao quanh : <table border = '2px'' bordercolor='red' ></table> ('2px' là độ dày của viền ; 'red' là màu của viền)

       Màu nền của bảng : <table bgcolor = 'blue' ></table> ('blue' là màu của bảng)

        Chọn vị trí của bảng : <table align = 'center' ></table> , ngoài 'center' có thể chọn left,right

       Chiều rộng cho bảng : <table width = '200px' ></table> , hoặc chọn width ='100%'

       Ví dụ : <table border = '2px'' bordercolor='red' bgcolor = 'blue' align ='left' ></table>

2.Thẻ "<tr></tr>" : Để tạo ra 1 dòng trong bảng . Cặp thẻ "<tr></tr>" phải được đặt trong cặp thẻ "<table></table>"

        Tạo màu nền cho 1 dòng : <tr bgcolor="yellow" ></tr> , 1 số màu khác như : red , blue, green;

3.Thẻ "<td></td>" : Để tạo ra 1 cột trong 1 dòng trong bảng . Cặp thẻ "<td></td>" phải được đặt trong cặp thẻ "<tr></tr>"

        Tạo màu nền cho 1 cột : <td bgcolor="yellow" ></td> , 1 số màu khác như : red , blue, green;

Ví dụ : Tạo 1 bảng có 2 dòng , mỗi dòng có 2 cột

<table border="2px" bordercolor ="red"> 
   <tr bgcolor ="green">
       <td>
          Cột 1
       </td>
       <td>
          Cột 2
       </td>
   </tr>
   <tr bgcolor ="yellow">
       <td>
          Cột 1
       </td>
       <td>
          Cột 2
       </td>
   </tr>
</table> 

<table width="200" border="1" bordercolor="#0000FF">

   <tr>

     td>Trang chu </td>

   </tr>

   <tr>

      <td bordercolor="#FFFFFF" bgcolor="#00FF00">Game</td>

   </tr>

   <tr>

     <td>
        Game1<br/>
        Game2<br/>
        Game3
  	</td>

   </tr>

   <tr>

      <td bgcolor="#00FF00">Hinh anh </td>

   </tr>

   <tr>

      <td>
        Hinh 1 <br />
        Hinh 2
     </td>
  </tr>

  <tr>
     <td bgcolor="#00FF00">Themes</td>
  </tr>
  <tr>
    <td>
       Theme1<br />
       Theme2
    </td>
  </tr>

   <tr>

      <td bgcolor="#00FF00">Ung dung </td>

  </tr>

  <tr>

    <td>
      Ung dung1<br />
      Ung dung2

    </td>

  </tr>

  <tr>

     <td bgcolor="#00FF00">Thong tin wap </td>

  </tr>

  <tr>

       <td>tong so truy cap </td>

  </tr>

</table>

Trang chủ