１２．テーブルの大きさを指定しよう♪

やってきました第１２回。
今回はもう少しテーブルを掘り下げて見ようと思います。

さっそく、前回説明しなかったタグの追加を


タグ説明
<table align="(left・center・right)">〜<table>表の場所の指定です。
<div align>とまったくいっしょです。
<table width="*">〜<table> テーブルの横幅の大きさを指定するタグです。「＊」は、ピクセルまたは％指定になっています。
また「％指定」の場合、ブラウザに対しての割合ですので注意してください。
<table height="*">〜<table> テーブルの縦幅の大きさを指定するタグです。「＊」は、ピクセルまたは％指定になっています。
また「％指定」の場合、ブラウザに対しての割合ですので注意してください。



とりあえず、このぐらいです。
さらにテーブルマスターになろうとする方は、とほほさんに行って下さい。
でわ、さっさとサンプルを書きます。


サンプル

<html>
<head>
<title>サンプルそのじゅういち♪</title>
</head>
<body>
<table border=5 align="center" width="70%" height="70%"> <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修理