ホームページで表を作りたいのですが

質問

近々ホームページに比較をするための表を取り入れようかと思っています。
具体的には画像を参照して下さい。
このような表の作り方が乗っているサイトなどがあれば教えて下さい。

回答No.4

quindecillion · ベストアンサー

#2の者です。
「テーブルタグを使わずに表示したい」ということでしたら、いくつか思い浮かぶ方法があります。
エクセルで作成してWEBページ保存したものを使用する方法があります。
もちろん、標準の色は固定の物しか使えないのでそこはマクロか作成後のソースから色の部分を拾い出して変更でしょうか。でも、これでもソースをみると一応テーブル使ってるみたいなんです。
これじゃ意味がないと思いますので別の方法。

テーブルタグを全く使わないならイメージという方法はいかがでしょうか？
画像ならテーブルタグなんて使いません。エクセルをキャプチャーして貼り付けたら済みというわけですので作成も簡単です。ただ、色の細やかな設定はやはりマクロでということになりそうですけれど・・・。

しかし、きっと、こんなやり方ではないんだと思いますので、他の方法を更に探してみました。

http://www.chikkun.com/computer/jobs/layoutWithoutTable.html
http://css.uka-p.com/
検索語句「HP 表 テーブルを使わない」
CSSで作るという方法です。#1の方が#3で紹介されたDIVでかこむ方法です。

http://hac-design.com/css/table.html
こちらのサイトが一番画像に近いテーブルを使わない表の作り方のサイトでしょうか。
検索語句「CSS テーブル作成」

お答えになっているかわかりませんが、参考になれば幸いです。
また見当外れでしたら申し訳ありません。自分ではこれが限界です。

お礼

回答ありがとうございます。
是非参考にさせていただきます。

回答No.3

pai3_14

ANo.1です。
参照画像のような表やもっと複雑な表も、Webで画像以外で表示するには
標準のHTML言語で記述します。
そして　表を記述するのには <DIV> タグでも出来なくはありませんが
複雑な表は<DIV> タグでは行・列の概念が無いので非現実的です。
TABLEタグの場合、罫線の種類、色、背景色、などすべて属性パラメータとして
セルごとに記述して表示します。
ためしに、あなたのお気に入りの表があるページで
右クリック　＞　ソースの表示　
としてみてください。
そのページの記述が見えますので、その中の
<TABLE> ～　</TABLE>　の部分をコピーして
自分の HTMLページに張り込めば　同じ表が出来ます。
ただし　そのページが class=""　などとスタイルシートを利用してるなら、
　上部の
<link href="http:・・・.css" rel="stylesheet" type="text/css">
　という部分もコピーしないと再現しませんが。
でも、実際に公開する場合は 他人の CSSを利用するのはやめましょう。

お礼

参考にさせて頂きます。

回答No.2

quindecillion

こちらのサイトなどいかがでしょうか？
http://www.kanzaki.com/docs/html/htminfo16.html

http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/hp5.html

色々やりかたも有りますし、紹介サイトも多数存在しますので
「HTML　表」等で検索されますと結構な数が見つかると思います。

また、気に入ったレイアウトの表を作成しているサイトのソースコードを見て勉強するのもいい方法です。

勉強になるかわかりませんが、上記検索用語で検索したときにYahooで先頭にくるサイトは
色々細かい設定を選んだら勝手にコードを書き出してくれるようです。
http://sunafukey.fc2web.com/htmltag/tablelist.html

色々と参考にされて自分の気に入ったサイトをお作り下さい。

お礼

回答ありがとうございます。
しかし、私が知りたいのはテーブルタグでの表ではなく、
参照画像のような表です。

回答No.1

pai3_14

HTML タグ 表　などのワードで検索すれば
いくらでもありますよ。
例えば
http://www.tagindex.com/html_tag/table/table.html

お礼

回答ありがとうございます。
しかし私が知りたいのはこのようなシンプルな表ではなく、
参照画像のような表です。