Тег <caption></caption>

Этот тег определяет заголовок таблицы.

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<table>
<caption>Capitals of the countries</caption>
<tr>
<th>A country</th>
<th>A capital</th>
</tr>
<tr>
<td>USA</td>
<td>Washington</td>
</tr>
<tr>
<td>Ukraine</td>
<td>Kiev</td>
</tr>
</table>
<script>
$(document).ready(function () {
$("table").css("border-collapse", "collapse").css("border", "solid 1px");
$("th").css("border-collapse", "collapse").css("border", "solid 1px");
$("td").css("border-collapse", "collapse").css("border", "solid 1px");
});
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Page</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<table>
<caption>Capitals of the countries</caption>
<tr>
<th>A country</th>
<th>A capital</th>
</tr>
<tr>
<td>USA</td>
<td>Washington</td>
</tr>
<tr>
<td>Ukraine</td>
<td>Kiev</td>
</tr>
</table>
<script>
$(document).ready(function () {
$("table").css("border-collapse", "collapse").css("border", "solid 1px");
$("th").css("border-collapse", "collapse").css("border", "solid 1px");
$("td").css("border-collapse", "collapse").css("border", "solid 1px");
});
</script>
</body>
</html>