ありがとうございます。
＜table＞の基本的な形は
＜table＞
＜tr＞
＜td＞
ホームページの作成方法＜br＞
＜/td＞
＜/tr＞
＜/table＞
でしたね。
枠を表示させるには、border="1"と加えます。
＜table border="1"＞
＜tr＞
＜td＞
ホームページの作成方法＜br＞
＜/td＞
＜/tr＞
＜/table＞
こうですね。
仮に、border="0"にすると枠が表示されなくなります。
続けて、枠の横幅を指定します。
横幅を指定するにはwidthという属性を使います。
例えば、300と指定する場合は、
＜table border="1" width="300"＞
＜tr＞
＜td＞
ホームページの作成方法＜br＞
＜/td＞
＜/tr＞
＜/table＞
となります。
どういうふうに表示されるかというと、
このようになります↓
ホームページの作成方法 |
続けて、
枠と文章の間に間隔を入れるには、
cellpaddingという属性を使います。
仮に、値を１０に設定します。
＜table border="1" width="300" cellpadding="10"＞
＜tr＞
＜td＞
ホームページの作成方法＜br＞
＜/td＞
＜/tr＞
＜/table＞
とすると、このように表示されます↓
ホームページの作成方法 |
続けて、枠の感覚を変更するには、
cellspacingという属性を使います。
値を２０に設定するとしたら、
＜table border="1" width="300" cellpadding="10" cellspacing="20"＞
＜tr＞
＜td＞
ホームページの作成方法＜br＞
＜/td＞
＜/tr＞
＜/table＞
このように表示されます↓
ホームページの作成方法 |
最後に、枠の縦幅を変更するには、
heightという属性を使います。
値を300に指定すると、
＜table border="1" width="300" height="300" cellpadding="10" cellspacing="20"＞
＜tr＞
＜td＞
ホームページの作成方法＜br＞
＜/td＞
＜/tr＞
＜/table＞
このように表示されます↓
ホームページの作成方法 |
このheightは、文章を増やしていけば、
自動的に縦幅も広がっていくので、
文章が多い場合は、
あえて使う必要はないかもしれません。
昨日も言いましたが、
tableはよく使うタグなので、
必ずマスターしておきましょう！
～～～～～～～～～～～～～～～～
ホームページを格安で作成いたします。
例）
きょーよぶ出張整体院
TODAY
見やすく、シンプルで、伝わるホームページを目指します。
お気軽にご相談ください。