整形例１

文章が中心のページの整形例です。
どちらが見やすいか、一目瞭然ですね。
上段はベタ打ち、下段は段組みです。
整形前

このコーナーは数あるＨＴＭＬのダクの中から、テーブルタグだけをピックアップしてご紹介するコーナーです。 「ｔａｂｌｅ」という単語を辞書で引くと「表」という意味を表します。テーブルタグは、その名の通り一般的には表を作成する時に使うタグで、「表組み」とも言われます。しかし、このコーナーではテーブルタグを使って「こんなことも出来るんだ！」というワザをご紹介します。 最近ではスタイルシートも登場し、Ｗｅｂデザインもだいぶ融通がきくようになってきました。しかし、このスタイルシートはブラウザによっては機能しないため、いろいろな環境で観ている人々のことを考慮し、テーブルタグをもっと有効利用されることをお勧めします。 最近は、ホームページ制作ソフトも随分と進化していて、簡単な操作で凝ったものができるようになりました。しかし、大抵のソフトにはクセがあり、少々複雑なことをすると、思うようにブラウザ上で見えなかったりする場合もあります。また、こうしたソフトはテキストの量がどうしても増えるため乱用は避けるべきです。 テーブルタグの使い方としては、大きく二種類に大別されます。一つはテーブルタグそのものの効果を使う使い方です。もう一つはテキストやページ全体のレイアウトの整形に使う使い方です。このコーナーではこの二つの切り口から使い方をご紹介します。左のメニューから選択しご覧下さい。
整形後

このコーナーは数あるＨＴＭＬのダクの中から、テーブルタグだけをピックアップしてご紹介するコーナーです。

「ｔａｂｌｅ」という単語を辞書で引くと「表」という意味を表します。テーブルタグは、その名の通り一般的には表を作成する時に使うタグで、「表組み」とも言われます。しかし、このコーナーではテーブルタグを使って「こんなことも出来るんだ！」というワザをご紹介します。

最近ではスタイルシートも登場し、Ｗｅｂデザインもだいぶ融通がきくようになってきました。しかし、このスタイルシートはブラウザによっては機能しないため、いろいろな環境で観ている人々のことを考慮し、テーブルタグをもっと有効利用されることをお勧めします。 		最近は、ホームページ制作ソフトも随分と進化していて、簡単な操作で凝ったものができるようになりました。しかし、大抵のソフトにはクセがあり、少々複雑なことをすると、思うようにブラウザ上で見えなかったりする場合もあります。また、こうしたソフトはテキストの量がどうしても増えるため乱用は避けるべきです。

テーブルタグの使い方としては、大きく二種類に大別されます。一つはテーブルタグそのものの効果を使う使い方です。もう一つはテキストやページ全体のレイアウトの整形に使う使い方です。このコーナーではこの二つの切り口から使い方をご紹介します。左のメニューから選択しご覧下さい。


色付きで説明すると以下の通りです。解りやすいと思います。
このコーナーは数あるＨＴＭＬのダクの中から、テーブルタグだけをピックアップしてご紹介するコーナーです。

「ｔａｂｌｅ」という単語を辞書で引くと「表」という意味を表します。テーブルタグは、その名の通り一般的には表を作成する時に使うタグで、「表組み」とも言われます。しかし、このコーナーではテーブルタグを使って「こんなことも出来るんだ！」というワザをご紹介します。

最近ではスタイルシートも登場し、Ｗｅｂデザインもだいぶ融通がきくようになってきました。しかし、このスタイルシートはブラウザによっては機能しないため、いろいろな環境で観ている人々のことを考慮し、テーブルタグをもっと有効利用されることをお勧めします。 		最近は、ホームページ制作ソフトも随分と進化していて、簡単な操作で凝ったものができるようになりました。しかし、大抵のソフトにはクセがあり、少々複雑なことをすると、思うようにブラウザ上で見えなかったりする場合もあります。また、こうしたソフトはテキストの量がどうしても増えるため乱用は避けるべきです。

テーブルタグの使い方としては、大きく二種類に大別されます。一つはテーブルタグそのものの効果を使う使い方です。もう一つはテキストやページ全体のレイアウトの整形に使う使い方です。このコーナーではこの二つの切り口から使い方をご紹介します。左のメニューから選択しご覧下さい。

要は３つのブロックから出来ているということです。
メールでもそうですが、ベタ打ちよりも適度な字数で行替えした方が読み易いですよね。
以下にソースを示しておきます。
<CENTER>
<TABLE width="90%" border="0">
<TR>
<TD>
<TABLE width="100%" border="0">
<TR>
<TD width="45%" valign="top">
<FONT SIZE=2 FACE="ＭＳ ゴシック">
このコーナーは数あるＨＴＭＬのダクの中から、テーブルタグだけをピックアップしてご紹介するコーナーです。
<BR><BR>
「ｔａｂｌｅ」という単語を辞書で引くと「表」という意味を表します。テーブルタグは、その名の通り一般的には表を作成する時に使うタグで、「表組み」とも言われます。しかし、このコーナーではテーブルタグを使って「こんなことも出来るんだ！」というワザをご紹介します。
<BR><BR>
最近ではスタイルシートも登場し、Ｗｅｂデザインもだいぶ融通がきくようになってきました。しかし、このスタイルシートはブラウザによっては機能しないため、いろいろな環境で観ている人々のことを考慮し、テーブルタグをもっと有効利用されることをお勧めします。
</TD>
<TD width="10%" valign="top"></TD>
<TD width="45%" valign="top">
<FONT SIZE=2 FACE="ＭＳ ゴシック">
最近は、ホームページ制作ソフトも随分と進化していて、簡単な操作で凝ったものができるようになりました。しかし、大抵のソフトにはクセがあり、少々複雑なことをすると、思うようにブラウザ上で見えなかったりする場合もあります。また、こうしたソフトはテキストの量がどうしても増えるため乱用は避けるべきです。
<BR><BR>
テーブルタグの使い方としては、大きく二種類に大別されます。一つはテーブルタグそのものの効果を使う使い方です。もう一つはテキストやページ全体のレイアウトの整形に使う使い方です。このコーナーではこの二つの切り口から使い方をご紹介します。左のメニューから選択しご覧下さい。
</TD>
</TR>
</TABLE>
</TD></TR>
</TABLE>
</CENTER>
ちょっと邪道かもしれませんが、TD background に画像を指定するとこういう感じにもなります。
下の例は、アニメーションＧＩＦを使った例です。
このコーナーは数あるＨＴＭＬのダクの中から、テーブルタグだけをピックアップしてご紹介するコーナーです。

「ｔａｂｌｅ」という単語を辞書で引くと「表」という意味を表します。テーブルタグは、その名の通り一般的には表を作成する時に使うタグで、「表組み」とも言われます。しかし、このコーナーではテーブルタグを使って「こんなことも出来るんだ！」というワザをご紹介します。

最近ではスタイルシートも登場し、Ｗｅｂデザインもだいぶ融通がきくようになってきました。しかし、このスタイルシートはブラウザによっては機能しないため、いろいろな環境で観ている人々のことを考慮し、テーブルタグをもっと有効利用されることをお勧めします。 		最近は、ホームページ制作ソフトも随分と進化していて、簡単な操作で凝ったものができるようになりました。しかし、大抵のソフトにはクセがあり、少々複雑なことをすると、思うようにブラウザ上で見えなかったりする場合もあります。また、こうしたソフトはテキストの量がどうしても増えるため乱用は避けるべきです。

テーブルタグの使い方としては、大きく二種類に大別されます。一つはテーブルタグそのものの効果を使う使い方です。もう一つはテキストやページ全体のレイアウトの整形に使う使い方です。このコーナーではこの二つの切り口から使い方をご紹介します。左のメニューから選択しご覧下さい。