HP楽しもう!ちぃおんぷどっとこむ
初心者ホームページ作成講座ちぃ助の部屋
|
| 画像と文字のタグを改行<br>を入れないで書いたのに、横に並ばないのはなぜ？ |
↓こういうふうにしたいんだよね＾＾
 |
やっほー。ちぃ助だすっ。 |
とか
|
|
| やっほー。ちぃ助だすっ。 | やっほー。ちぃ助だすっ。 |
実は・・・↓こういう風になっているのです。表を作って表の線を消せばＯＫ
|
やっほー。ちぃ助だすっ。 |
|
|
| やっほー。ちぃ助だすっ。 | やっほー。ちぃ助だすっ。 |
| 表。うひょー |
|
border="3"線のサイズ |
|
<table border="1" cellpadding="2"
cellspacing="3"> <tr> <td>ちぃすけ</td> <td>ちぃすけ</td> </tr> </table> |
|
<table border="1" cellpadding="2"
cellspacing="3"> <tr> <td>ちぃすけ</td> </tr> <tr> <td>ちぃすけ</td> </tr> </table> |
<TR>
<TD align="center">画像のタグ<BR>文字</TD>
</TR>
| 表の中をセンタリングする！（中央にもっていく） |
|
<table border="1" cellpadding="2"
cellspacing="3"> <tr> <td align="center">ちぃすけ</td> </tr> <tr> <td>ちぃすけ</td> </tr> </table> |
| 表に色をつける！ |
| ちぃすけ |
<TABLE border="1" cellpadding="2"
cellspacing="3" bgcolor="#ff80ff">
| ちぃすけ |
<TABLE border="1" cellpadding="2"
cellspacing="3" bgcolor="#ff80ff">
と
<TD bgcolor="#ffffff">ちぃすけ</td>
です。表のTABLEに色を入れて
ちぃすけと書かれていいいるセルに色を入れる！
| 表に画像をつける！ |
| うひょひょー | うひょひょーー |
これは
| <TABLE border="0" width="90%" height="200"> <TBODY> <TR> <TD width="50%" >うひょひょー</TD> <TD background="画像名" width="50%" valign="top">うひょひょーー</TD> </TR> </TBODY> </TABLE> |
width="90%> は、表の全体の横のパーセントでのサイズです。
横一杯に表をのばしたい場合は、100％
画面の半分くらいにしたい場合は50％など・・てきとーにかえてちょ。
height="200" は、表の縦のピクセルでのサイズです。別に指定しなくてもいいので
デザインがヘンになったら消してもいいです。200は好きな数字にかきかえてね。
です。
<TD >うひょひょー</TD> は左側のセル
↓これは右側のセル
<TD background="画像名" width="50%" valign="top">
の、backgroundは背景画像を表示させるタグ。
valign="top"は、表の中で文字を書くとき、標準の位置ではなくて
一番上（top）に文字を書く場合
ちなみに一番上の<TABLE border="1">は、0にすれば表の枠が消えますっ。
↓
| うひょひょー |
うひょひょーー |
|
|
||||||||||
|
|
||||||||||
|
|
||||||||||
これは、表の中に表をいれたのです。 外の表は罫線を0にして 中の表は罫線を0にして余白を1にしてみました。 外の表には、青い色をつけて 中の表には、表ではなくセルに白を入れてみました。 外の表は50％にして 中の表は100％にしてみました。 |
|