一部文字が表示されない

html
1<link rel = "stylesheet" href = "7kakunin.css">
2
3<table border = "1" align = "center">
4 <tr>
5 <h1>WEB初級テストその１</h1>
6 </tr>
7 <tr >
8 <td>問題１</td><td>課題クリア</td>
9 </tr>
10 <tr>
11 <td>問題２</td><td>課題クリア</td>
12 </tr>
13</table>
14<br>
15<table border="1" align = "center">
16 <tr>
17 <h2>WEB初級テストその２</h2>
18 </tr>
19 <tr>
20 <td>問題１</td><td>課題クリア</td>
21 </tr>
22 <tr>
23 <td>問題２</td><td>課題クリア</td>
24 </tr>
25</table>
26<br>
27<table border="1" align = "center">
28 <tr>
29 <h3>WEB初級テストその３</h3>
30 </tr>
31 <tr>
32 <td>問題１</td><td>課題クリア</td>
33 </tr>
34 <tr>
35 <td>問題２</td><td>課題クリア</td>
36 </tr>
37</table>
38

css
1<style>
2
3h1 {
4   color: red;
5   font-size: 20px;
6   text-align: center;
7}
8
9h2 {
10   color: blue;
11   font-size: 20px;
12   text-align: center;
13}
14
15h3 {
16   color: green;
17   font-size: 20px;
18   text-align: center;
19}
20
21table {
22    margin: auto;
23    border-collapse: collapse;
24    width: 400px;
25}
26
27td {
28   text-align: center;
29   vertical-align: middle;
30   border: 1px solid #000;
31   width: 100px 300px;
32}
33
34</style>

一番上の表の上にもテキストを表示させたいのですが、一番上の表の上だけ文字が表示されません。
解決方法をご教授いただきたいのですが。

行動規範の内容に同意します

回答2件

見出しhはtable内ではなく、外に出しましょう。（trの直下の見出しhは許可されていません）

html
1<h1>WEB初級テストその１</h1>
2<table border="1" align="center">
3  <tr >
4    <td>問題１</td><td>課題クリア</td>
5  </tr>
6  <tr>
7    <td>問題２</td><td>課題クリア</td>
8  </tr>
9</table>
10<br>
11<h2>WEB初級テストその２</h2>
12<table border="1" align="center">
13  <tr>
14    <td>問題１</td><td>課題クリア</td>
15  </tr>
16  <tr>
17    <td>問題２</td><td>課題クリア</td>
18  </tr>
19</table>
20<br>
21<h3>WEB初級テストその３</h3>
22<table border="1" align="center">
23  <tr>
24    <td>問題１</td><td>課題クリア</td>
25  </tr>
26  <tr>
27    <td>問題２</td><td>課題クリア</td>
28  </tr>
29</table>

https://developer.mozilla.org/ja/docs/Web/HTML/Element/tr

「テーブルの見出し」としてならcaptionの方が適切だったかもしれません。

html
1<table border="1" align="center">
2 <caption>
3 <h1>WEB初級テストその１</h1>
4 </caption>
5 <tr>
6 <td>問題１</td><td>課題クリア</td>
7 </tr>
8 <tr>
9 <td>問題２</td><td>課題クリア</td>
10 </tr>
11</table>
12<br>
13<table border="1" align="center">
14 <caption>
15 <h2>WEB初級テストその２</h2>
16 </caption>
17 <tr>
18 <td>問題１</td><td>課題クリア</td>
19 </tr>
20 <tr>
21 <td>問題２</td><td>課題クリア</td>
22 </tr>
23</table>
24<br>
25<table border="1" align="center">
26 <caption>
27 <h3>WEB初級テストその３</h3>
28 </caption>
29 <tr>
30 <td>問題１</td><td>課題クリア</td>
31 </tr>
32 <tr>
33 <td>問題２</td><td>課題クリア</td>
34 </tr>
35</table>