ここが中盤の山場になります。これが理解できると出来ないではサイトの見た目に雲泥の差が生じます。ではでは、頑張って下さい!
広告
皆さんは表と言えばエクセルやロータスなどの表計算を想像するでしょうが、ホームページではレイアウトを整える重要な役割を果たします。
例)ごんたのプロフィール
枠無し(表があることを感じさせない)
|
枠表示(実はこうなっています)
|
表を使わなくても出来そうですが、訪問者のブラウザがどのフォントを使用しているかによって文字間隔がそれぞれ違いますのでレイアウトがガタガタになってしまいます。
又、こんな事も表を使わないと出来ません。
枠無し(表があることを感じさせない)
|
枠表示(実はこうなっています)
|
これをもう少し発展させると....
| 例)スポーツニュース | |||||||
|
枠無し(表があることを感じさせない)
|
|||||||
|
枠表示(実はこうなっています)
|
大体分かりましたね。
↓全てを指して「表」と呼び それぞれのマスは「セル」と言います
| 名前 | すずき ごんた |
| 年齢 | 3歳 |
| 住所 | 小屋 |
| 職業 | 番犬 |
| 趣味 | 散歩 |
| 電話番号 | わからん・・・ |
では実際に表を使ってみましょう。
・表の挿入
・セル内の配置
・表の配置
・背景の挿入
・背景に画像
・セルの間隔とは
・セルの間隔を設定
・ユーザビリティー