※ ChatGPTを利用し、要約された質問です(原文:HTMLについて)
HTMLテンプレートの作成方法について
このQ&Aのポイント
HTML初心者の方がテンプレートを作成する際に、1枠と2枠の頭が揃わない問題についてご質問いただきました。
質問の内容はHTMLのテーブル要素の使い方に関するもので、テンプレート作成時に頭が揃わないという具体的な問題があります。
解決方法としては、テーブルの幅指定やセルの結合・分割などを適切に行うことで頭が揃うようになります。
HTML初心者です。いろいろ調べながら下記の画像のテンプレートを作っているのですが、1枠と2枠の頭が揃いません。わかる方教えてください。画像が見づらいかもしれませんが宜しくお願い致します。
<html>
<body>
<br><center>
<font size="6" color="#00000">
<b>タイトル</b>
</font>
<hr>
<br><br>
<table width="800" height="500" cellpadding="15" cellspacing="10" BORDER="4" bgcolor="F3F30E">
<tr>
<td width="50%" rowspan="4" BGCOLOR="F2F276" ALIGN="left" VALIGN="top">
<font color="#00000" size="4"><b><u>
1
</u></b></font>
<br><br>
<font size="3" color="#00000">
</font>
</td>
</tr>
<tr>
<td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top">
<font color="#00000" size="4"><b><u>
2
</b></u></font>
<br><br>
<font size="3" color="#00000">
</font>
</td>
</tr>
<tr>
<td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top">
<font color="#00000" size="4"><b><u>
3
</b></u></font>
<br><br>
<font size="3" color="#00000">
</font>
</td
</tr>
<tr>
<td width="50%" bgcolor="F2F276" ALIGN="left" VALIGN="top">
<font color="#00000" size="4"><b><u>
4
</b></u></font>
<br><br>
<font size="3" color="#00000">
<b></b>
</font>
</td>
</tr>
</table>
</body>
</html>
お礼
ありがとうございました。
補足
回答ありがとうございます。大変助かりました。 他に、訂正箇所などあればご指摘ください。