• ベストアンサー

【HTMLタグ】テーブルを教えてください!

図のようなテーブルを作成したいのですが どなたか教えて頂けないでしょうか? <table border="1"> <tr><td>A</td><td>C</td></tr> <tr><td>B</td><td>D</td></tr></table> ではだめでした。 横書きにしたい部分は<BR>で対応できそうです。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • kyo999
  • ベストアンサー率64% (34/53)
回答No.2

左下のへこんでて枠線のない部分はCSSでないと無理だと思います。 (そういう意味じゃない?) ----- CSSを使った例 ---------------- <html> <head> <style> table { border-collapse: collapse; } td { border: solid 2px black; } .tategaki { text-align: center; } .nocell { border:none; } /** 以下は文字の太さやセルのサイズ **/ table { font-weight:bold; } td { width: 80px; height: 80px; } </style> </head> <body> <table> <tr><td rowspan="2" class="tategaki">縦<br>書<br>き</td> <td>A</td><td>C</td></tr> <tr><td>B</td><td>D</td></tr> <tr><td class="nocell"></td><td colspan="2">横書き</td></tr> </table> </body> </html>

xcmcxm
質問者

お礼

CSSですか!有難うございました。

その他の回答 (2)

noname#100277
noname#100277
回答No.3

http://www.tagindex.com/tool/table.html こんなサイトで作成確認するのも良いでしょう。 但し、作成後は文法が正しいのかの確認の実行必須。 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

xcmcxm
質問者

お礼

これは便利なサイトですね!有難うございました。

  • bin-chan
  • ベストアンサー率33% (1403/4213)
回答No.1

以下のサイトの「セルの伸張」が参考になると思います。 http://www.kanzaki.com/docs/html/htminfo16.html

xcmcxm
質問者

お礼

ありがとうございます。

関連するQ&A