<table> <caption>$BNs%0%k!<%W$NNc(B</caption> <colgroup > <col span="2" width="1*"> <col width="3*"> </colgroup> <colgroup span="2" width="2*"> </colgroup> ... </table>
$B$3$NNc$G$O!"Fs$D$NNs%0%k!<%W$KJ,$1$i$l$F$$$^$9!#(B $B:G=i$N(B 3 $BNs$H!"(B $BB3$/(B 2 $BNs$,9=B$2=$5$l$F$*$j!"3F%0%k!<%W$K4^$^$l$k3FNs$NI}$O!"I=A4BN$NI}$KBP$7$F!"(B 1:1:3:2:2 $B$GJ,3d$9$k$h$&$K;XDj$5$l$F$$$^$9!#(B
$BD9$5$NAjBP;XDj$K4X$7$F$O!"!V(B$BD9$5$N;XDj(B$B!W$b;2>H$/$@$5$$!#(B
$B$3$NAjBPHf$rMxMQ$9$k>l9g$O!"I=A4BN$NI}$r;XDj$7$F$*$1$J$$$H!"I=$rB.$d$+$KI=<($9$k;v$,=PMh$^$;$s!#(B TABLE $BMWAG(B$B$N(B width $BB0@-$GL@<(E*$K;XDj$7$^$9!#(B
table $BA4BN$NI}(B
$B3FNs$NI}$rAjBPHf$G;XDj(B$B$9$k>l9g$O!"I=A4BN$NI}$b;XDj$7$F$*$+$M$P$J$j$^$;$s!#I=A4BN$NI}$O(B table $BMWAG$N(B width $BB0@-$G;XDj$7$^$9!#(B
- width = length [CN]
- $BI=A4BN$NI}$r!";k3P7O%V%i%&%6$rBP>]$K;XDj$7$^$9!#(B
- $BCM$,%Q!<%;%s%HCM$N>l9g!"%f!<%6%(!<%8%'%s%H$,$=$N;~E@$GMxMQ$G$-$k?eJ?J}8~$NI}!J:81&%^!<%8%s$N4V!K$KBP$9$k3d9g$H$J$j$^$9!#(B
- $BI}$N;XDj$,$J$$>l9g!"I=$NI}$O%f!<%6%(!<%8%'%s%H$K$h$C$F7hDj$5$l$^$9!#(B
- $BHs?d>)B0@-$G$OM-$j$^$;$s$,!"0l1~%9%?%$%k%7!<%H$G;XDj$9$k$h$&$K4+$a$i$l$F$$$^$9!#(B
CSS $B$G$NI}$N;XDj(B
CSS $B$N(B 'width' $B%W%m%Q%F%#$O!"MWAG$NI}$r;XDj$G$-$^$9!#(B
CSS
table { width: 25em }
col.head { width: 5em }
col.data { width: auto }
HTML
<table> <colgroup> <col class="head"> <col span="2" class="data"> </colgroup> ... </table>
$BI=<(Nc!((B
| header1 | data1,1 | data1,2 |
|---|---|---|
| header2 | data2,1 | data2.2 |
| width | <length> | <%> | auto | inherit |
|---|
- $B%F%-%9%H(B inline $BMWAG!"(B TABLE $B9T!"9T%0%k!<%WMWAG$r=|$/A4$F$NMWAG$KE,MQ2DG=$G$9!#(B
- $B=i4|CM$O(B
code$B$G$9!#(B - $B;RB9MWAG$KCM$,7Q>5$7$^$;$s!#(B
- % $B;XDj$OMxMQ$G$-$kI}A4BN$r$b$H$K7W;;$5$l$^$9!#(B
inline $BMWAG$G$b!"2hA|$d%$%s%i%$%s!&%U%l!<%`$J$I$NCV49MWAG$K$OE,MQ2DG=$G$9!#9T4XO"$G$O!"(B TR, THEAD, TBODY, TFOOT $BMWAG(B$B$K$OE,MQ$G$-$^$;$s!#(B
| SEO | [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送 | ||
