テーブル(表) 基礎

楽天ブログ便利帳 - タグ帳 - テーブル(表)基礎
 
 テーブル(表)のタグは、四角い枠を作ります。
これを使って、
 ・一つの枠で見出しにする。
 ・ 複数の枠で表を作る。
 ・ 文字や画像などをレイアウトする。
といった事が出来ます。
ここでは、
 ・テーブルタグの基本
 ・テーブルタグを使う際の注意点
 ・楽天ブログでの使い方
を紹介します。
 
一つの枠
タグ
こう書くと

<TABLE BORDER>
<TR>
<TD>
一つの枠</TD>
</TR>
</TABLE>
 

こうなる  
一つの枠
 
解説  【一つの枠】が出来ました。
タグそれぞれの役割を説明します。

<TABLE>  テーブル(表)の開始

  <TR>   
行の開始

   <TD>
  枠の開始
 一つの枠 </TD> 枠の終了

  </TR>  
行の終了

</TABLE>
 テーブル(表)の終了
 
 
【フリーページ】、【トップ自由欄】に書く場合。
 
【自動改行なし(<BR>タグで指定)】
特徴

 【自動改行なし<BR>タグで指定)】の特徴は、
<BR>と書いた所だけ改行される事です。
言い方を変えると、<BR>と書いた部分でしか改行されません。
 

書き方  
ああああああ<BR>
いいいいいい
<TABLE BORDER>
<TR>
<TD>
一つの枠</TD>
</TR>
</TABLE>

ううううううう<BR>
ええええええ<BR>

おおおおおお
 
利点  この様に、見易く、整理しながら書けます
自動改行なし】 を選ぶ最大の利点です。
『タグ帳』で紹介するタグも、コピペして、そのまま使えます。
 
補足  『文章』と『テーブルタグ』について一言。

ああああああ<BR>
いいいいいいここ
<TABLE BORDER>
<TR>
<TD>一つの枠</TD>
</TR>
</TABLE>ここ
ううううううう <BR>
ええええええ<BR>
おおおおおお
 
 
『ここ』と書いてある部分は、
<BR>が無くても、自然と改行されます。
デザインの好みやバランスに合わせて書いて下さい。
 
   
【フリーページ】、【トップ自由欄】に書く場合。
 【
自動改行(初心者向け)
特徴

 【自動改行(初心者向け)】 (<BR>を使わない)
で書く場合、少し注意が必要です。
<TABLE>から</TABLE>まで、
『改行』・『空白』を入れず、一気に書かないといけない、という点です。
そうしないと、テーブルのバランスが崩れてしまいます。
 

書き方

 
ああああああ
いいいいいい
<TABLE BORDER><TR><TD>一つの枠</TD></TR></TABLE>
ううううううう
ええええええ
 

利点  この様に書きます。
・文章がメイン
・テーブルは一部だけ
という時には、文章のデザインがし易いので、
この 【自動改行】 が便利です。
    しかし、もし
「タグ</TD>を一つ消してしまった」
といった事が起きていても、気が付きません。
「表がなんだかおかしい」
といったトラブルが起きて来ます。

トラブルの防止 + デザインし易く


 そこで、まず、
 
   
あああああ
いいいいい
<TABLE BORDER>
 <TR>
  <TD>
一つの枠</TD>
 </TR>
</TABLE>

ううううううう
ええええええ
 
   という様に、見易く書きます。
そして、後から
   
ああああああ
いいいいいい
<TABLE BORDER><TR><TD>一つの枠</TD></TR></TABLE>
ううううううう
ええええええ
 
   と『改行』・『空白』を消して、テーブルタグを一列にします。
複雑な表を作る場合でも、こうする事で、
表のイメージが湧き、デザインし易くなります。
 
   
【日記】 に書く場合。
特徴

 【自動改行】 についての指定はありません。
自動改行(初心者向け)】 の場合と同じ様に、
『改行』・『空白』を入れず、一列で書きます。
 

書き方

 
ああああああ
いいいいいい
<TABLE BORDER><TR><TD>一つの枠</TD></TR></TABLE>
ううううううう
ええええええ
 

利点・補足  注意点や、バランスを崩さないコツは、
自動改行(初心者向け)】を参照して下さい。