Thẻ <caption> trong HTML được dùng để tạo tiêu đề (caption) cho bảng (table). Chỉ có thể định nghĩa một caption cho một bảng. Caption mặc định sẽ được căn giữa ở phía trên bảng. Hãy xem ví dụ dưới đây để triển khai thẻ <caption> trong HTML:
Ví dụ
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid blue; } </style> </head> <body> <table> <caption>Chi phí</caption> <tr> <th>Miền</th> <th>Chi phí</th> </tr> <tr> <td>Phát triển sản phẩm</td> <td>500000</td> </tr> <tr> <td>Marketing</td> <td>500000</td> </tr> <tr> <td>Dịch vụ</td> <td>100000</td> </tr> <tr> <td>Hỗ trợ</td> <td>100000</td> </tr> <tr> <td>Bảo trì</td> <td>100000</td> </tr> <tr> <td colspan="2">Tổng ngân sách = 1.300.000 VNĐ</td> </tr> </table> </body> </html>Kết quả
Trong ví dụ trên, chúng ta đã tạo một bảng với các cột. Caption được thiết lập bằng thẻ <caption>:
<caption>Chi phí</caption>