10−1.表の作成

(補足&使い方)
表のタグは、
<table><tr><td>セルの中の文字</td></tr></table>
で構成されています。
だから、(1)の1〜6をまず選んで、次に(1)のタグの(2)(3)の所に(2)の1〜4から選んだ物を(2)(3)を削って付け加え
最後に(2)のタグの(3)の所に(3)から選んだタグを(3)を削って付ければ表の完成です。
もちろん、赤い文字部分は、それぞれ変えてくださいね。
必要に応じてそれぞれ削ったり加えたりください。(これ以外にもあります。)
文字の部分は文字の装飾のタグなどTOPページの1〜5・8・11を加えると表内の文字が装飾されます。
また、<marquee><table><tr><td>セルの中の文字</td></tr></table></marquee>のように
<table>の前に<marquee>を付けると表全体が動きます。
タグの書き方のサンプルを見たい方は、一番下段にありますので、参考にしてみて下さいね。


コピーボタンを押してコピー貼り付けで文字の部分を変えて使ってね!
(1)table(表の作成)
1:線なし<table>(2)(3)</table>
2:線あり<table border="枠の太さ">(2)(3)</table>
3:表全体の文字色指定<table border="枠の太さ" style="color:#文字色">(2)(3)</table>
4:表全体の背景色も指定<table border="枠の太さ" style="color:#文字色" bgcolor="#背景色">(2)(3)</table>
5:表全体の枠の色も指定<table border="枠の太さ" style="color:#文字色" bgcolor="#背景色" bordercolor="#枠色">(2)(3)</table>
6:表全体のサイズも指定<table border="枠の太さ" style="color:#文字色" bgcolor="#背景色" bordercolor="#枠色" width="横幅" height="縦幅">(2)(3)</table>
(2)tr(行の作成)
1:行(指定なし)<tr>(3)</tr>
2:行全体の文字色指定<tr style="color:#文字色">(3)</tr>
3:行全体の背景色も指定<tr style="color:#文字色" bgcolor="#背景色">(3)</tr>
4:行全体のサイズも指定<tr style="color:#文字色" bgcolor="#背景色" width="横幅" height="縦幅>(3)</tr>
(3)th OR td{セル(列)の作成}
1:セル(指定なし)<td>文字</td>
2:見出しセル(太字で中揃え)<th>文字</th>
3:セルの連結(横)<td colspan="連結したいセル数">文字</td>
4:セルの連結(縦)<td rowspan="連結したいセル数">文字</td>
5:見出しセルの連結(横)<th colspan="連結したいセル数">文字</th>
6:見出しセルの連結(縦)<th rowspan="連結したいセル数">文字</th>
7:セルの文字色指定<td style="color:#文字色">文字</td>
8:セルの背景色も指定<td style="color:#文字色" bgcolor="#背景色">文字</td>
9:セルのサイズも指定<td style="color:#文字色" bgcolor="#背景色" width="横幅" height="縦幅">文字</td>
10:セル内の文字を左に配置<td align="left">文字</td>
11:セル内の文字を中央に配置<td align="center">文字</td>
12:セル内の文字を右に配置<td align="right">文字</td>
13:セル内の文字を上に配置<td valign="top">文字</td>
14:セル内の文字を中央に配置<td valign="middle">文字</td>
15:セル内の文字を下に配置<td valign="bottom">文字</td>
 
(使用例:4行4列)
(3)−3
(3)−1(3)−1(3)−7(3)−8
(3)−4(3)−4(3)−1(3)−1
(3)−1(3)−1

<table border="3" style="color:#ffb6c1">
<tr style="color:#ff4500" bgcolor="#00ffff">
<th colspan="4"><marquee behavior="alternate">(3)−3</marquee></th>
</tr>
<tr>

<td>(3)−1</td><td>(3)−1</td><td style="color:#00ff00">(3)−7</td><td style="color:#00bfff" bgcolor="#ff0000">(3)−8</td>
</tr>
<tr>

<td rowspan="2">(3)−4</td><td rowspan="2">(3)−4</td><td>(3)−1</td><td>(3)−1</td>
</tr>
<tr>

<td>(3)−1</td><td>(3)−1</td>
</tr>
</table>



HTMLタグに戻る