無料ホームページの作り方

見出しを入れるのは<th>〜</th>の中に入れるのですが、フォントタグでは色の指定はできません。

border="数字"の数字を大きくすると線を太く指定できます。
border="0"に指定すると線を消すことができます。

タグのソース	ブラウザ表示
<table border="5"> <tr> <td> この場所に文字や画像のタグを入れます<br> この中で普通に編集すればいいのです </td> </tr> </table>	この場所に文字や画像のタグを入れます この中で普通に編集すればいいのです

■テーブルのまわりの色を指定

bordercolor="カラーコード"を指定するとまわりの色を指定できます。

タグのソース	ブラウザ表示
<table border="5" bordercolor="#cc33ff"> <tr> <td> この場所に文字や画像のタグを入れます<br> この中で普通に編集すればいいのです </td> </tr> </table>	この場所に文字や画像のタグを入れます この中で普通に編集すればいいのです

■テーブルの中の余白を指定

cellpadding="数字"を指定すると余白を指定できます。

タグのソース	ブラウザ表示
<table border="5" bordercolor="#cc33ff" cellpadding="5"> <tr> <td> この場所に文字や画像のタグ<br> この中で普通に編集 </td> </tr> </table>	この場所に文字や画像のタグ この中で普通に編集

■テーブルの背景色を指定

bgcolor="カラーコード"を指定すると背景色を指定できます。
テーブルの中に背景画像を指定する場合は、background="画像ファイル名"と入れてください。

タグのソース	ブラウザ表示
<table border="5" bgcolor="#ccffff" bordercolor="#cc33ff" cellpadding="5"> <tr> <td> 文字や画像のタグ<br> この中で編集 </td> </tr> </table>	文字や画像のタグ この中で編集

■テーブルを横に増やす

<tr>〜</tr>の中に<tb>〜</td>を増やすことで、横に増えます。

タグのソース	ブラウザ表示
<table border="1"> <tr> <td>文字</td> <td>文字</td> <td>文字</td> </tr> </table>	文字 文字 文字

■テーブルを縦に増やす

<tr>〜</tr>を増やしてその中に<tb>〜</td>を増やすことで、縦に増えます。

タグのソース	ブラウザ表示
<table border="1"> <tr> <td>文字</td> <td>文字</td> <td>文字</td> </tr> <tr> <td>文字</td> <td>文字</td> <td>文字</td> </tr> <tr> <td>文字</td> <td>文字</td> <td>文字</td> </tr> </table>	文字 文字 文字 文字 文字 文字 文字 文字 文字

■テーブルの上と下を分ける

colspan="数字"を使うことで、上と下を分けることができます。
いろいろ試して、どんな表示になるか確認してください。

タグのソース	ブラウザ表示
<table border="1" align="center" bordercolor="#ff00cc"> <tr> <td colspan="3" align="center">文字</td> </tr> <tr> <td>文字</td> <td>文字</td> <td>文字</td> </tr> </table>	文字 文字 文字 文字

スポンサードリンク