- ベストアンサー
正しいテーブルタグ
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
</td>などの閉じタグは必須ではありませんが、 正しいかどうかの判断だと、正しくありません。 ので、面倒でも閉じタグは入れることをお勧めします。
その他の回答 (4)
- sr-agent
- ベストアンサー率43% (594/1373)
古いブラウザの場合ですと、閉じタグを書き忘れることによって 表の中身そのものが全く表示されないことがあります。 実際IEで見ている自分には見えてもネスケのユーザーさんからページが真っ白なんだけど、と過去に指摘された経験があります。 <table summary="前回の優勝者と、今回の参加者の名前と得点についての説明" border="1"> <tbody> <tr><td>前回優勝者</td><td>今井</td></tr> <tr><th>名前</th><th>得点</th></tr> <tr><td>川原</td><td>36284</td></tr> <tr><td>吉本</td><td>39835</td></tr> </tbody> </table> できたら上記のように書きましょう。
お礼
ありがとうございました。
- EFA15EL
- ベストアンサー率37% (2659/7009)
閉じタグは必須と思って下さい。 ブラウザ側ではほとんど解釈してくれますが、 全てのブラウザで対応しているわけではないし、レイアウト崩れの原因になります。 閉じタグを入れたからと言ってソースが重くなる事はありませんし、妙な所で手抜きをしない方が後々の為です。
お礼
ありがとうございました。
- MicroK2O
- ベストアンサー率53% (33/62)
基本的にタグは囲ってください <table> <tr><td>前回優勝者</td><td>今井</td></tr> <tr><th>名前</th><th>得点</th></tr> <tr><td>川原</td><td>36284</td></tr> <tr><td>吉本</td><td>39835</td></tr> </table> tableタグのパラメータborderで何がしたいかわかりません。 太さを変えたいならborder="数字"等にすべきです。 詳しくは下記を参照するといいでしょう。 #前回優勝者はcaptionタグで上に持ってきてもいいかもしれません。
お礼
ありがとうございます。 参考サイトで</tr>などが省略可能なことも分かりました。
とじタグを入れたほうがいいと思います。 あとは、属性の値を設定します。 <table border="1"> <tr><td>前回優勝者</td><td>今井</td></tr> <tr><th>名前</th><th>得点</th></tr> <tr><td>川原</td><td>36284</td></tr> <tr><td>吉本</td><td>39835</td></tr> </table>
補足
ありがとうございます。 </td>などは必須のタグですか? このテーブルはとても長いので必須でなければ省略可能のものは省略したいです。
関連するQ&A
- テーブルタグについて
私は今テーブルタグでレイアウトする勉強をしています。よくHPでみかける作り方ですが、セルを縦に設定したいと思っています。作り方がテーブルタグの中にテーブルタグをいれて作っているようなのですが、実際私が作ってみると、左右のテーブルの位置が行数が違ってくると少ない行数の方が上下にセンタリングされてしまい、トップの位置がずれてしまいます。 何回もHPを見て、これはと思うタグをいれてやってはみたのですが、うまくいきません。 下に私が作った「html」をのせましたので、どなたかわかる方、教えてください。お願いします。 <参考html> <html> <head> </head> <body> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <table> <tr> <td> <table border="1"> <tr> <td>これは日本昔話です。</td> </tr> <tr> <td>むかしむかしあるところにおじいさんとおばあさんが住んでいました。ある日おじいさんは芝刈りに、おばあさんは川へせんたくにいきました。</td> </tr> </table> </td> </tr> </table> </td> <td> <table border="1"> <tr> <td> <table border="1"> <tr> <td>私はWEBの勉強をしています。</td> </tr> <tr> <td>なかなかむずかしいです。。</td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
- ベストアンサー
- HTML
- テーブルタグの横のスペース
テーブルを右寄せに置いて、 その横に少しスペースを空けたいのですが… どこにどのタグを入れたらよいでしょうか? 使用しているタグは <Table Border> <Tr> <Td> 文字</Td> </Tr> </Table> この形の物です。
- 締切済み
- HTML
- テーブルタグ
<table bgcolor="lightpink" cellspacing="5" cellpadding="5"><tr><td style="border:3px solid white;"> 文字 </td></tr></table> このタグの、色の反転版(つまりテーブル本体の色が白、周りの線がピンク)のタグを教えてください!
- ベストアンサー
- その他(インターネット・Webサービス)
- テーブルタグについて
過去ログにもあったのですが理解できずに再びです。すいません。 表とタイトル(文章の頭)との距離がかなり離れてしまうんです。 クリックするとその間には一本のラインが入っています。(左側) 改行に関するミスなんでしょうか? 間違っている部分を教えてください。よろしくお願いいたします。 <table border=10 units=pixels width=85% height=100> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>6</th> <th>7</th> <th>8</th> </tr> <tr> <td align=center valigh=middle>A</td> <td align=center valigh=middle>B</td> <td align=center valigh=middle>C</td> <td align=center valigh=middle>D</td> <td align=center valigh=middle>E</td> <td align=center valigh=middle>F</td> <td align=center valigh=middle>G</td> <td align=center valigh=middle>H</td> </tr>
- 締切済み
- HTML
- テーブルタグ内の文字位置を統一する方法について
ひとつのページにある複数のtableタグのうち、ひとつだけタグ内の文字位置を一括で統一する方法を教えてください。<td>タグにvalign="top"などと一つずつ記載していくしかないのでしょうか。 たとえば、とあるページに下記の2つのテーブルタグがあるとして <table border=1 width=5> <tr><td>適当</td> </table> <table border=1 width=5 この場所で一括設定する方法="知りたいです"> <tr><td>このテーブルだけ</td> <td>全部</td> <tr><td>文字位置を上で</td> <td>統一したいです</td> </table>
- ベストアンサー
- HTML
- テーブルタグについて質問
テーブルを横に二つ並べたのですが 赤い線と中のセルに間に隙間があいてしまいます 上にぴったりつけたいので、TD valign="top"を使いましたが上手くいかず 困っています。 以下、自己流ソースです <TABLE border="3" bordercolor="red" height="60%" cellpadding="0"> <TR> <TD valign="top"> <TABLE border="1" width="100%" cellpadding="0"> <TR> <TD><img src="image/****.jpg"></TD> </TR> </TABLE> </TD> <TD valign="top"> <TABLE border="1" cellpadding="0"> <TR><TD width="30%" align="right"><B>****</TD><TD>****</B></TD> </TR> <TR><TD>****</TD><TD>****</TD></TR> <TR> <TD>****</TD><TD>****</TD></TR> <TR> <TD>****</TD><TD>****</TD></TR> <TR> <TD>****</TD><TD>****</TD></TR> <TR> <TD>****</TD><TD>****</TD></TR> <TR> <TD>****</TD><TD>****</TD></TR></TABLE> </TD> </TR> </TABLE>
- ベストアンサー
- その他(インターネット・Webサービス)
- テーブルタグについてなんですけど・・・
下記のテーブルタグを使うと <Table Border> <Tr BgColor=#d5eaff> <Td>あ</Td><Td>い</Td> </Tr> <Tr BgColor=#ffffd5> <Td>う<Td><Td>え</Td> </Tr> </Table> これをHPに編集して反映させてみると上にテーブルと同じ色の棒線みたいなものが現れるんです。 http://heo.jp/tag/table/bgcolor.html ここから、テーブルタグを頂きました。 どなたか、わかる方がいましたら回答お願いします。
- 締切済み
- その他(インターネット・Webサービス)
- 一気に「テーブルの2列目のtdタグを右詰にする
<html> <head> <title>test</title> </head> <body> <table border=1> <tr><th>No</th><th>aaaaaaa</th></tr> <tr><td>1</td><td>bbb</td></tr> <tr><td>2</td><td>ccc</td></tr> </table> </body> </html> このようなテーブルで 右側の2列目のtdタグを右詰にしたいのですが、 一気に「テーブルの2列目のtdタグを右詰にする」と言う方法は有りますか? 今は <html> <head> <title>test</title> <style type="text/css"> td.example1 { text-align: right; } </style> </head> <body> <table border=1> <tr><th>No</th><th>aaaaaaa</th></tr> <tr><td>1</td><td class="example1">bbb</td></tr> <tr><td>2</td><td class="example1">ccc</td></tr> </table> </body> </html> このようにしていますが 一つ一つタグを付けるのは非効率的と思っています。
- ベストアンサー
- HTML
- テーブルタグ表示が上手くいかない(html・CSS
下のタグを使うと、ブログに下記画像上部のように表示されているのですが 理想としては画像の下部分のように綺麗に表示したいです。 自分なりに何度かタグを弄っているのですが何度やっても画像上部のように乱れて表示されてしまい ムキー!っとなってます。 大変申し訳ないのですが、画像の下部分のように表示できるタグを教えてください。 何卒お願いします。 画像内のピンクの部分は実際には<img src="で指定された画像になります。 使ったタグ <table border="1"> <td><table id="table-03"> <colgroup> </colgroup><tr> <td><a href="jpg"><img src="i.jpg" alt="" width="150" height="220" class="aligncenter size-full wp-image-227" /></a></td> <td><table id="table-03"> <colgroup> </colgroup> <tr> <tr><td>あああ名</td> <td>いいい</td> </tr> <tr> <td>ううう</td> <td>えええ</td> </tr> <tr> <td>おおお</td> <td>かかかかか~</td> </tr> </table></td> </tr> </table> </DIV> </colgroup><tr> <td><a href="jpg"><img src="i.jpg" alt="" width="150" height="220" class="aligncenter size-full wp-image-227" /></a></td> <td><table id="table-03"> <colgroup> </colgroup> <tr> <tr><td>あああ名</td> <td>いいい</td> </tr> <tr> <td>ううう</td> <td>えええ</td> </tr> <tr> <td>おおお</td> <td>かかかかか~</td> </tr> </table></td> </tr> </table> </DIV>
- ベストアンサー
- ブログ
お礼
省略可能なのは一般的な話であって、正して定義では</tr>などは必須ということですね。 ありがとうございました。