「11.<TABLE>タグを覚えよう！」で覚えた<TABLE>タグ。これを応用して自由自在にテーブルを操りましょう！
| ▼練習用のホームページに使ったテーブルです。 | ||||||||
| <TABLE border="2" width="80%"> <TR> <TD>1行目の1コマ目</TD> <TD>1行目の2コマ目</TD> </TR> <TR> <TD>2行目の1コマ目</TD> <TD>2行目の2コマ目</TD> </TR> <TR> <TD>3行目の1コマ目</TD> <TD>3行目の2コマ目</TD> </TR> </TABLE> |
|
|||||||
| ▼線の太さを４に、幅を100%に、１行３列にテーブルを変更した例です。 | ||||||||
| <TABLE border="4" width="100%"> <TR> <TD>1行目の1コマ目</TD> <TD>1行目の2コマ目</TD> <TD>1行目の3コマ目</TD> </TR> <TR> <TD>2行目の1コマ目</TD> <TD>2行目の2コマ目</TD> <TD>2行目の3コマ目</TD> </TR> </TABLE> |
|
|||||||
| ▼線の太さを０に、幅の指定をなくし、３行１列にテーブルを変更した例です。 | ||||||||
| <TABLE border="0"> <TR> <TD>1行目の1コマ目</TD> </TR> <TR> <TD>2行目の1コマ目</TD> </TR> <TR> <TD>3行目の1コマ目</TD> </TR> </TABLE> |
|
|||||||
「11.<TABLE>タグを覚えよう！」で覚えた<TABLE>タグ。これを応用して自由自在にテーブルを操りましょう！
| ▼練習用のホームページに使ったテーブルです。 | ||
| <B><FONT size="+1" color="red">What's New !!!</FONT></B> | What's New !!! | |
| ▼文字サイズを-1に、文字の色を緑に、太字を斜体に変更した例です。 | ||
| <I><FONT size="-1" color="green">What's New !!!</FONT></I> | What's New !!! | |
| ▼文字サイズを+3に、文字の色を指定せず、斜体に変更した例です。 | ||
| <I><B><FONT size="+3">What's New !!!</FONT></B></I> | What's New !!! | |
練習用のホームページ制作で覚えた様々な知識。それを応用するだけでもホームページ制作の幅は広がりますが、タグは他にもたくさんあります。一度にたくさん覚える必要は全くありません。少しづつで良いのでホームページ制作の知識を身に付け、よりよいホームページを制作してみて下さい！
最後にホームページ制作に使えるテンプレートもご用意しておりますので、そちらも是非ご利用下さい。それでは「E.テンプレートも活用してみよう」へGO！
最後にホームページ制作に使えるテンプレートもご用意しておりますので、そちらも是非ご利用下さい。それでは「E.テンプレートも活用してみよう」へGO！