January 29, 2006
テーマ： ホームページ作成の悩み(545)
カテゴリ： ホームページ作成教室
今回のテーマは「 表の空白
」についてです
表と言えば、そう <table> タグですね
前回にも表の基本は説明しましたよね？
バラバラで説明してるので、そろそろトップページに一覧にしてまとめたいと思っています…
今回のテーマ「 表の空白 」はまだでしたね
まずは例から
ここで、少し変えてみます
基本とどこが変わったかお分かりでしょうか？
右下のセルがなくなってますよね
<td>D</td> がなくなってますね
こういうHTMLにすると、右下のセルが空白となります
ちなみに、こういう場合はどうなるか？
一つ上の例とは異なり <td>D</td> 全てを取り除いたのではなく、 D だけを取り除いてますよね？
これでも同じような結果になります
結構みなさんがお悩みの「この右下のセルのような空白ではなく、凹んだ空白が作りたい」
<td></td>の間にスペースを挿入するとこうなります
今回は以上です！
表と言えば、そう <table> タグですね
前回にも表の基本は説明しましたよね？
バラバラで説明してるので、そろそろトップページに一覧にしてまとめたいと思っています…
今回のテーマ「 表の空白 」はまだでしたね
まずは例から
HTML
<table border="1">
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>
表示
| A | B |
|---|---|
| C | D |
ここで、少し変えてみます
HTML
<table border="1">
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td></tr>
</table>
表示
| A | B |
| C |
基本とどこが変わったかお分かりでしょうか？
右下のセルがなくなってますよね
<td>D</td> がなくなってますね
こういうHTMLにすると、右下のセルが空白となります
ちなみに、こういう場合はどうなるか？
HTML
<table border="1">
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td></td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td></td></tr>
</table>
表示
| A | B |
|---|---|
| C |
一つ上の例とは異なり <td>D</td> 全てを取り除いたのではなく、 D だけを取り除いてますよね？
これでも同じような結果になります
結構みなさんがお悩みの「この右下のセルのような空白ではなく、凹んだ空白が作りたい」
HTML
<table border="1">
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td> </td></tr>
</table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td> </td></tr>
</table>
表示
| A | B |
|---|---|
| C |
<td></td>の間にスペースを挿入するとこうなります
今回は以上です！
お気に入りの記事を「いいね！」で応援しよう
[ホームページ作成教室] カテゴリの最新記事
-
HTML教えます その36 February 12, 2006 コメント(6)
-
HTML教えます その35 February 10, 2006
-
HTML教えます その34 February 7, 2006 コメント(1)
【毎日開催】
15記事にいいね！で1ポイント
PR
Freepage List
HANMANI
あくまでも趣味の範囲で、お家で美味しい珈琲を飲もうと頑張る人を応援するブログサイトです。
Category
© Rakuten Group, Inc.
