戻る

TABLE要素

表を構成する

TABLE
開始タグ:省略不可,修了タグ:省略不可
TR, TD, TH
開始タグ:省略不可 修了タグ:省略可

属性

summary
表の目的や要約を記述する
width
表の幅を指定する。 数字の後に%をつけると、画面の表示領域に応じて相対的に幅がきめられる。 そうでない場合は絶対的指定となる。 指定しない場合はブラウザが勝手に決める。
border
表の線の太さを指定する。0にすると線は表示されない。
rules
frame
id
class
lang
dir
RTLにした場合は表も右上から左下に表示されるようになる。
title
style

TABLE要素は表を構成するのに用いられる。 しかし、この要素だけでは表は構成できず、他の要素も必要となる。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/tr/html4/strict.dtd">
<HTML lang="ja">
  <HEAD>
    <TITLE>新製品 スーパーモエピーの紹介</TITLE>
    <!-- ここには HEAD 要素に含まれるべき物があるんですよ -->
  </HEAD>
  <BODY>
    <!-- ここが本文 -->
    <TABLE summary="秋葉教萌派の教祖様についてすこし紹介"
           border="1" width="90%">
    <CAPTION><EM>私の教祖様</EM></CAPTION>
      <TR><TH>御趣味<TD>萌えること
      <TR><TH>御職業<TD>萌え師
      <TR><TH>御住居<TD>世界の中心秋葉原
      <TR><TH>御兄妹<TD>私の修業不足により教祖様の御兄妹の姿を正確に確認することができませんでした
      <TR><TH>好きな言葉<TD>萌え
      <TR><TH>好きなもの<TD>萌えるもの
      <TR><TH>嫌いなもの<TD>萌えない奴
      <TR><TH>許せない存在<TD>偽りの女
      <TR><TH>野望<TD>世界に萌を拡げる
      <TR><TH>座右の銘<TD>萌こそ全てだ!
    </TABLE>
  </BODY>
</HTML>
    

例をHTMLにしてみました。


戻る
就転職ならデジハリ!