2012年11月19日月曜日

［HTML］表を作る（table）

線の種類
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
 <table>
<tbody>
<tr><td>あああ</td><td>いいい</td><td>ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td>ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td>×××</td></tr>
</tbody></table>
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
 <table border="1">
<tbody>
<tr><td>あああ</td><td>いいい</td><td>ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td>ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td>×××</td></tr>
</tbody></table>
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
 <table  style="border: 1px solid;">
<tbody>
<tr><td>あああ</td><td>いいい</td><td>ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td>ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td>×××</td></tr>
</tbody></table>
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
 <table border="1" style="border-collapse: collapse;">
<tbody>
<tr><td>あああ</td><td>いいい</td><td>ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td>ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td>×××</td></tr>
</tbody></table>
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
<table style="border: 1px dotted;">
<tbody>
<tr><td>あああ</td><td>いいい</td><td>ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td>ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td>×××</td></tr>
</tbody></table>
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
 <table  style="border: 1px dotted;">
<tbody>
<tr><td style="border: 1px dotted;">あああ</td><td style="border: 1px dotted;">いいい</td><td style="border: 1px dotted;">ううう</td></tr>

<tr><td style="border: 1px dotted;">ＡＡＡ</td><td style="border: 1px dotted;">ＢＢＢ</td><td style="border: 1px dotted;">ＣＣＣ</td></tr>

<tr><td style="border: 1px dotted;">○○○</td><td style="border: 1px dotted;">△△△</td><td style="border: 1px dotted;">×××</td></tr>
</tbody></table>


セルのサイズ変更
あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
<table border="1" style="border-collapse: collapse;">
<tbody>
<tr><td width="70px">あああ</td><td width="80px">いいい</td><td width="80px">ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td>ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td>×××</td></tr>
</tbody></table>

あああいいいううう
ＡＡＡＢＢＢＣＣＣ
○○○△△△×××
<table border="1" style="border-collapse: collapse;">
<tbody align="center">
<tr><td width="70px">あああ</td><td width="80px">いいい</td><td  align="left" width="80px">ううう</td></tr>
<tr><td>ＡＡＡ</td><td>ＢＢＢ</td><td align="left">ＣＣＣ</td></tr>
<tr><td>○○○</td><td>△△△</td><td align="left">×××</td></tr>
</tbody></table>

HTML Tips のページに戻る

時刻:
ラベル:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)