９．テーブルを作ろう。



テーブルって言ってわかります？
テーブルというのは簡単に言って表の事です。
私のページには多用しています。はい。
＃あれ？テーブル好きではなかったのに（汗
まあ、自問自答はおいといて早速タグの説明♪


タグ説明
<table>〜</table>これが表の外枠を作るタグです。
以下に紹介するタグを使って、表を完成させていきます。
<th>〜</th>表の題名などに使われるタグです。
文字が太字になり、中央に表示されます。
（例）このページの「タグ」とか「説明」に使っています。
<tr>〜</tr>横の行を作るタグです。
<td>〜</td>たての行を作るタグです。


ここからは、すぐに覚えなくてもいいタグです。
タグ説明
<table border="(数字)">〜</table>表の線の太さを決めるタグです。
指定しないと「０」になります。
<table bordercolor="(色)">〜</table>表の線の色を決めます。
色は今までどおり、色の名前で指定しても、RGB表記でもかまいません。
<table bgcolor="(色)">〜</table>表の背景の色を決めます。
「body」で指定したとおりの色を使うなら必要ないです。
色は今までどおり、色の名前で指定しても、RGB表記でもかまいません。
<table background="(画像のURL)">〜</table>表に壁紙を張るタグです。
「body」で指定したとおりの色を使うなら必要ないです。
URLは「http://easter.ne.jp/●●/○○.gif」と指定しても「○○.gif」でもかまいません
でも普通、表だけに壁紙張ります？（←個人的意見）

「tableタグ」は奥が深いです。はい。
詳しく知りたい方は、リンクに張ってあるページをのぞいてみてください。

次にサンプルとその表示結果です。

<html>
<head>
<title>サンプルそのはち♪</title>
</head>
<body>
<h1>表のサンプルです。</h1> <br>
<table border="5" bordercolor="blue"> <tr><th>名前</th><th>連絡先</th></tr>
<tr><td>鈴木</td><td>090-aaaa-bbbb</td></tr>
<tr><td>田中</td><td>090-cccc-dddd</td></tr>
<tr><td>渡辺</td><td>090-eeee-ffff</td></tr>
</table> </body>
</html>

下の画像が表示結果♪



というわけで、今回の「第９回テーブルを作ろう」を終わります。
次は・・・何しよう（ぉぃ

戻る 超簡単なHP作成講座 進む

女の子 ｜お絵かき掲示板 ｜ナスカ ｜iPhone修理