【実験1】大きな画像の配置 一枚の大きな画像をWebサイトのレイアウトに合わせて小さくスライスし、<table>タグで組み合わせて実験します。 |
 |
 |
テーブルタグの<td>内で改行やタブが入った状態のものです。 <td>内の改行やタブはブラウザで確認すると半角スペース同様の表示をするので、テーブル画像の間にすき間ができてとても見栄えが悪いです。 ※ブラウザによってはすき間ができない場合もあります。 タグ(抜粋)を見る 実際の画面を見る |
 |
 |
<td>内の改行やタブをなくすと、各画像がすき間なく張り合わせることができました。 タグ(抜粋)を見る 実際の画面を見る |
 |
▼テーブルタグで画像を張り合わせるときには、細かいタグチェックが必要になってくると思います。
▼<td>内の改行やタブは、画像を張り合わせるときには注意を払わないといけないなと思いました。
|