(補足&使い方)
表のタグは、
<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> |
(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> |