旅行好きだけど・・・ほとんど行けないですね

旅行好きだけど・・・ほとんど行けないですね

LEVEL2:枠を作る

LEVEL2 枠を作ろう!
ここでは この様に 枠を作ります。

パラメータの紹介は、しなくてもわかるレベルに達してることでしょう。
では、作ってみましょう!
文字列11 文字列12 文字列13
文字列21
文字列22 文字列23
<table border="3">
<tr>
<td>文字列11</td>
<td>文字列12</td>
<td>文字列13</td>
</tr>
<tr>
<td>文字列21</td>
<td>文字列22</td>
<td bgcolor="#ff8888">文字列23</td>
</tr>
</table>

枠をつなげよう!その1
文字列11
文字列12
文字列13の1
文字列13の2
文字列21
文字列22
文字列23
<table border="2">
<tr>
<td rowspan="2">文字列11</td>
<td rowspan="2">文字列12</td>
<td bgcolor="#ff8888">文字列13の1</td>
</tr>
<tr><td bgcolor="#ff8888">文字列13の2</td></tr>
<tr>
<td>文字列21</td>
<td>文字列22</td>
<td>文字列23</td>
</tr>
</table>

枠をつなげよう!その2
文字列11
文字列12
文字列13の1
文字列14
文字列13の2
文字列21
文字列22
文字列23
文字列31
文字列33
文字列34
<table border="2">
<tr>
<td rowspan="2">文字列11</td>
<td rowspan="2">文字列12</td>
<td bgcolor="#ff8888">文字列13の1</td>
</tr>
<td rowspan="2">文字列14</td>
</tr>
<tr><td bgcolor="#ff8888">文字列13の2</td></tr>
<tr>
<td>文字列21</td>
<td>文字列22</td>
<td bgcolor="#ff8888" colspan="2">文字列23</td>
</tr>
<tr>
<td bgcolor="#ff8888" colspan="2">文字列31</td>
<td>文字列33</td>
<td>文字列34</td>
</tr>
</table>

応用例
1234567890
1
2
3
4
5
6
7
8
9
0
これは、文字列の部分にLEVEL1の文字を動かそうを入れるとこの様に動きます。
<marquee direction=right width="30">1234567890</marquee>

<marquee direction=down height="30">
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
0<br>
</marquee>

を<td>と</td>の間に入れてます。
たぶん、ここまで到達出来た人は、わかることでしょう!

LEVEL1に戻る LEVEL3に進む


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: