Thứ Ba, 1 tháng 10, 2013

Bài 7 – Các thành phần trong HTML – Thẻ bảng

Để tạo bảng trong HTML, chúng ta dùng cặp thẻ <table></table>.


Một bảng bao gồm các hàng và cột. Để khai báo hàng, bạn dùng thẻ <tr></tr>. Khai báo cột, bạn dùng thẻ <td></td>.
B1: Tạo file bai7.html, nhập đoạn code sau:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html >
<html>
<head>
<title>Bài 7 - Thẻ bảng</title>
</head>
 
<body>
    <table border="1">
        <tr>
            <td>Cột 1, Hàng 1</td>
            <td>Cột 2, Hàng 1</td>
        </tr>
        <tr>
            <td>Cột 1, Hàng 2</td>
            <td>Cột 2, Hàng 2</td>
        </tr>
        <tr>
            <td colspan="2">Gộp 2 cột trong bảng làm 1 cột</td>
        </tr>
    </table>
</body>
</html>
Thuộc tính border trong thẻ <table> dùng để tạo đường viền cho bảng.
Thuộc tính colspan trong thẻ <td> dùng để gộp 2 cột làm một.
B2: Mở file bai7.html bằng trình duyệt
1

0 nhận xét:

Đăng nhận xét