|
<html> <head> <title>Web</title> <meta charset="utf-8" > </head> <body> <br><br> <table border="1" > <tr> <td width="100px" >Ô 1</td> <td width="100px" >Ô 2</td> </tr> <tr> <td>Ô 3</td> <td>Ô 4</td> </tr> </table> </body> </html> |
- Kết quả đoạn code trên là :
|
- Trong thẻ table có dùng thêm thẻ tr và td , thẻ td nằm trong thẻ tr
- Thẻ tr dùng để chèn thêm hàng vào bảng table
- Thẻ td dùng để chèn thêm ô vào hàng tr
- Thuộc tính border trong thẻ table được dùng để tạo đường viền trong bảng . Nếu trong bảng mà thuộc tính border có giá trị là 1 thì có nghĩa là tạo đường viền đối với bảng đó , nếu trong bảng mà thuộc tính border có giá trị là 0 thì có nghĩa là không dùng đường viền đối với bảng đó
- Ở thẻ td có thuộc tính width dùng để định chiều rộng ô
- Ở ví dụ trên là tạo 1 bảng có 2 dòng (dùng thẻ tr 2 lần , khi ghi là </tr> thì có nghĩa là kết thúc dòng) và mỗi dòng có 2 ô (dùng thẻ td 2 lần mỗi trong mỗi thẻ tr , khi ghi là </td> thì có nghĩa là kết thúc ô).Ô 1 và ô 2 có chiều rộng là 100px (dùng thuộc tính width trong thẻ td)
- Nội dung của ô nằm trong thẻ td (có thể hiểu là nằm giữa chuỗi <td> và chuỗi </td>)
- Trong thẻ td có thuộc tính colspan dùng để gộp ô.Ví dụ để gộp ô 3 và ô 4 trong ví dụ trên , mình viết code lại như sau
|
<html> <head> <title>Web</title> <meta charset="utf-8" > </head> <body> <br><br> <table border="1" > <tr> <td width="100px" >Ô 1</td> <td width="100px" >Ô 2</td> </tr> <tr> <td colspan="2" >Gộp ô 3 và ô 4</td> </tr> </table> </body> </html> |
- Kết quả là :
|
||||
