全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.15
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTMLタグ（テーブル）
・テーブルをつかう
前回は、リンクのはり方について学びました。
今回からは、具体的にテーブルタグについて学んでいきます。
基本のタグは
の3つです。
「 <table>～</table> 」は表の 全体 にかかわります。
「 <tr>～</tr> 」は表の 一行 にかかわります。
「 <td>～</td> 」は表の 一マス にかかわります。
使う時は、必ずこの形でいきます。 <table><tr><td>～</td></tr></table>
このように「 td 」→「 tr 」→「 table 」とサンドイッチしていくのです。
たとえばこの例をみてください。
テーブルをつかうと・・・
このように文字のまわりに枠をつくることができました。
ただし、通常ですと枠は表示されませんので、
今回は「 border="" 」属性をつけて枠を表示しています。
ちなみに、「 border="" 」にいれる数字が大きくなると、枠も太くなります。
たとえば「 border="5" 」なら
と、このように枠が太くなります。
逆に枠を表示したくないときは、「 border="0" 」にします。
このテーブルを使うと、レイアウトの自由度が格段に上がります。
じっくり腰をすえてやっていきますので、ぜひ次回もよろしく！
前回は、リンクのはり方について学びました。
今回からは、具体的にテーブルタグについて学んでいきます。
基本のタグは
<table>～</table><tr>～</tr><td>～</td>
の3つです。
「 <table>～</table> 」は表の 全体 にかかわります。
「 <tr>～</tr> 」は表の 一行 にかかわります。
「 <td>～</td> 」は表の 一マス にかかわります。
使う時は、必ずこの形でいきます。 <table><tr><td>～</td></tr></table>
このように「 td 」→「 tr 」→「 table 」とサンドイッチしていくのです。
たとえばこの例をみてください。
テーブルをつかうと・・・
「 <table border="1"
><tr><td>
枠ができました </td></tr></table>
」
↓
↓
枠ができました
このように文字のまわりに枠をつくることができました。
ただし、通常ですと枠は表示されませんので、
今回は「 border="" 」属性をつけて枠を表示しています。
ちなみに、「 border="" 」にいれる数字が大きくなると、枠も太くなります。
たとえば「 border="5" 」なら
「 <table border="5"
><tr><td>
枠ができました </td></tr></table>
」
↓
↓
枠ができました
と、このように枠が太くなります。
逆に枠を表示したくないときは、「 border="0" 」にします。
このテーブルを使うと、レイアウトの自由度が格段に上がります。
じっくり腰をすえてやっていきますので、ぜひ次回もよろしく！
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.12.21 07:18:07
[HTMLタグ（テーブル）] カテゴリの最新記事
-
楽天広場HTML講座 マス目をタテにつなげる 2007.02.18
-
楽天広場HTML講座 マス目をヨコにつなげる 2007.02.15
-
飾り枠（一覧）・・・ 2006.11.10
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
