2006年09月21日 15:35

今日のブログ
2行分に渡って表示するにはどうしたらいいの?
<table>
<tr><td rowspan="2">1</td><td>2</td></tr>
<tr><td>21</td></tr>
</table>
rowspan="2"が2行分使いますよというタグです。



21






2006年09月17日 16:53

今日のブログ2
次に同様に2行にしてみます。ところがセルの幅
は、一番大きいものに自動的になります。
そのため1のセルは21のセル幅に合わされ
大きくなり左寄せになっているのがわかります。
そこでセルの中央に設定する必要が出てきます。
そこで<td bgcolor="red" align="center"
を追加すればOKです









21
22
23
24
25


◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


今日のブログ
次に同様に2行にしてみます










21
22
23
24
25


◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


2006年09月13日 15:02

今日のブログ2
全てのテータの文字の色を白に設定をします!!
いやいや3は赤にします。
<table>
<tr>
<td bgcolor="red"><font color="white"></font></td>
<td bgcolor="blue"><font color="white"></font></td>
<td bgcolor="yellow"><font color="Red"></font></td>
<td bgcolor="green"><font color="white"></font></td>
<td bgcolor="black"><font color="white"></font></td>
</tr>
</table>
はこのようになります。
実際は分かりやすくするために<table border="1">
のように枠の太さを1に設定しています
どうですか???










◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


今日のブログ
文字の色の設定をします!!
背景色が黒、文字の色が黒
当然まっくろで文字は見えません!!
そこで文字の色を白にしてみます。
<table>
<tr>
<td bgcolor="red">1</td>
<td bgcolor="blue">2</td>
<td bgcolor="yellow">3</td>
<td bgcolor="green">4</td>
<td bgcolor="black"><font color="white"></font></td>
</tr>
</table>
はこのようになります。
実際は分かりやすくするために<table border="1">
のように枠の太さを1に設定しています
昨日の問題が解決されました。よかった。










◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


2006年09月12日 16:21

今日のブログ2
その他のセルにも色を設定してみることに
します。
青、黄色、緑、黒など
やってみましょう!!

<table>
<tr>
<td bgcolor="red">1</td>
<td bgcolor="blue">2</td>
<td bgcolor="yellow">3</td>
<td bgcolor="green">4</td>
<td bgcolor="black">5</td>
</tr>
</table>
はこのようになります。
実際は分かりやすくするために<table border="1">
のように枠の太さを1に設定しています
でもココで問題発生。背景色が黒で文字の色が黒だと文字がみえな〜い!!!!!!!!










◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


今日のブログ
一行だけのテーブルで
今日はデータを入れる入れ物をセルと呼びます。
このセルに色をつけてみることにします。
太字が追加されたところです。
意味はセルの背景色を赤にせよ。
です。

<table>
<tr>
<td bgcolor="red">1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
</table>
はこのようになります。実際は分かりやすくするために
<table border="1">のように
枠の太さを1に設定しています






◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


2006年09月08日 16:07

今日のブログ3
同様に5行目まで作成することにします。
基本的には<tr></tr>を追加するだけです。
<table>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
</tr>
<tr>
<td>31</td><td>32</td><td>33</td><td>34</td><td>35</td>
</tr>
<tr>
<td>41</td><td>42</td><td>43</td><td>44</td><td>45</td>
</tr>
<tr>
<td>51</td><td>52</td><td>53</td><td>54</td><td>55</td>
</tr>
</table>
はこのようになります。実際は分かりやすくするために
<table border="1">のように
枠の太さを1に設定しています















2122232425
3132333435
4142434445
5152535455


◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


今日のブログ2
続きで今日は2行目を作成します。
基本的には<tr></tr>を追加するだけです。
<table>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
</tr>
</table>
はこのようになります。実際は分かりやすくするために
<table border="1">のように
枠の太さを1に設定しています。








2122232425


◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ


今日のブログ
では今日はテータを沢山1行に表示してみましょう!!
データをいれる入れ物は
<td></td>でした。これを1行の中に5つ作ることにします。

<table>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
</table>
これで完成です。実際は分かりやすくするために
<table border="1">のように
枠の太さを1に設定しています。







◆今日のブログ◆
1:少し役にたった2:役にたたなかった→人気blogランキングへ

子育てママ
え!本当に、そんなにもらえるの
子育てママ 助かってます!









  • ライブドアブログ