「007 スペクター」21世紀のボンドにスペクター
100万ポイント山分け!1日5回検索で1ポイントもらえる
>>
人気記事ランキング
ブログを作成
楽天市場
083418
HOME
|
DIARY
|
PROFILE
【フォローする】
【ログイン】
♪ちょこっと気になるホムペ♪
width="200" height="300"
テーブルタグの基礎
テーブルの基礎的な構造を理解した上で、さらにテーブルタグの使い方を学んでみますか( ´・ω・`)・・この発言3回目か?
■<table width="数値" height="数値"> ~ </table>
<table>タグ、<tr>タグ、<td>タグ
に追加すると、表のサイズを指定することができます。
width="数値"
横のサイズをピクセル数かパーセントで指定します
height="数値"
縦のサイズをピクセル数かパーセントで指定します
※ サイズの指定がない場合は、表の大きさは内容により自動調整されます。
ちなみに、自分なりの方法では、サイズの指定をする場合、ピクセル数で指定します。
パーセント(%)指定をすると、細かい設定ができないからです。
【使用例】
例1.
横幅を80%(パーセント指定)に指定した場合(width指定のみ)
<table border="3" width="80%">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
</table>
↑のタグにより、↓のようにHP上に表示されるようになります
セル1
セル2
セル3
例2.
横幅を700ピクセル、縦を80ピクセルに指定した場合
<table border="3" width="700" height="80">
<tr>
<td>セル1</td>
<td>セル2</td>
<td>セル3</td>
</tr>
</table>
↑のタグにより、↓のようにHP上に表示されるようになります
セル1
セル2
セル3
例3.
行幅を指定する場合(tdタグのピクセル指定)
<table border="3">
<tr>
<td width="100">セル1</td>
<td width="350">セル2</td>
<td widht="250">セル3</td>
</tr>
</table>
↑のタグにより、↓のようにHP上に表示されるようになります
セル1
セル2
セル3
↓の画像をクリックするとトップページに戻ります。
↓↓↓ 【CLICK HERE】 ↓↓↓
↑↑↑ 【CLICK HERE】 ↓↓↓
ジャンル別一覧
出産・子育て
ファッション
美容・コスメ
健康・ダイエット
生活・インテリア
料理・食べ物
ドリンク・お酒
ペット
趣味・ゲーム
映画・TV
音楽
読書・コミック
旅行・海外情報
園芸
スポーツ
アウトドア・釣り
車・バイク
パソコン・家電
そのほか
すべてのジャンル
人気のクチコミテーマ
避難所
【防災用品】‐「家具転倒防止」‐「防…
(2026-06-06 03:46:40)
懸賞フリーク♪
昔懐かしいレモンかき氷サワー 昔懐…
(2026-08-12 23:39:28)
ビジネス・起業に関すること。
ごめんなさいの言える人になろう。
(2026-08-12 07:20:06)
© Rakuten Group, Inc.
X
共有
Facebook
Twitter
Google +
LinkedIn
Email
Design
a Mobile Website
スマートフォン版を閲覧
|
PC版を閲覧
人気ブログランキングへ
無料自動相互リンク
にほんブログ村 女磨き
LOHAS風なアイテム・グッズ
みんなが注目のトレンド情報とは・・・?
So-netトレンドブログ
Livedoor Blog a
Livedoor Blog b
Livedoor Blog c
楽天ブログ
JUGEMブログ
Excitブログ
Seesaaブログ
Seesaaブログ
Googleブログ
なにこれオシャレ?トレンドアイテム情報
みんなの通販市場
無料のオファーでコツコツ稼ぐ方法
無料オファーのアフィリエイトで稼げるASP
ホーム
Hsc
人気ブログランキングへ
その他
Share by: