【HTML】ブログで使える枠・表

　ブログで使える枠・表

　ほぼ自分用メモ。

シンプル枠①

枠①	枠②
枠③	枠④

<table>
  <tr>
    <td>枠①</td> <td>枠②</td>
  </tr>
  <tr>
    <td>枠③</td> <td>枠④</td>
  </tr>
</table>

シンプル枠②

枠①	枠②	枠③
枠④	枠⑤	枠⑥

 <table>
  <tr>
    <td>枠①</td> <td>枠②</td><td>枠③</td>
  </tr>
  <tr>
    <td>枠④</td> <td>枠⑤</td><td>枠⑥</td>
  </tr>
</table>

シンプル枠③

枠①

枠③

枠③

  <table>
 <tr>
<td>枠①</td> 
 </tr>
<tr>
 <td>枠③</td> 
</tr>
<tr>
 <td>枠③</td> 
</tr>
</table>  

複雑な枠A-①

枠①	枠②
	枠③
	枠④
	枠⑤

<table border="3">
<tbody>
<tr>
<td rowspan="4">枠①</td>
<td>枠②</td>
</tr>
<tr>
<td>枠③</td>
</tr>
<tr>
<td>枠④</td>
</tr>
<tr>
<td>枠⑤</td>
</tr>
</tbody>
</table>

複雑な枠A-②

枠①	枠②	枠③
	枠④	枠⑤

 <table border="3">
<tbody>
<tr>
<td rowspan="2">枠①</td>
<td>枠②</td><td>枠③</td>
</tr>
<tr>
<td>枠④</td><td>枠⑤</td>
</tr>

</tbody>
</table>

複雑な枠B-①

枠①
枠②	枠③

<table>
<tbody>
<tr>
<th colspan="2">枠①</th>
</tr>
<tr>
<td>枠②</td>
<td>枠③</td>
</tr>
</tbody>
</table>

複雑な枠B-②

枠①
枠②	枠③	枠④

<table>
<tbody>
<tr>
<th colspan="3">枠①</th>
</tr>
<tr>
<td>枠②</td>
<td>枠③</td>
<td>枠④</td>
</tr>
</tbody>
</table>

複雑な表B-③

枠①
枠②	枠③	枠④
枠②	枠③	枠④

<table>
<tbody>
<tr>
<th colspan="3">枠①</th>
</tr>
<tr>
<td>枠②</td>
<td>枠③</td>
<td>枠④</td>
</tr>
<tr>
<td>枠②</td>
<td>枠③</td>
<td>枠④</td>
</tr>
</tbody>
</table>

複雑な枠A＋B①

枠①
枠②	枠③
	枠④
	枠⑤
	枠⑥

<table>
<tbody>
<tr>
<th colspan="2">枠①</th>
</tr>
<tr>
<td rowspan="4">枠②</td>
<td>枠③</td>
</tr>
<tr>
<td>枠④</td>
</tr>
<tr>
<td>枠⑤</td>
</tr>
<tr>
<td>枠⑥</td>
</tr>
</tbody>
</table>

複雑な枠A＋B②

枠①
枠②	枠③	枠④
	枠⑤	枠⑥

<table>
<tbody>
<tr>
<th colspan="3">枠①</th>
</tr>
<tr>
<td rowspan="2">　枠②　</td>
<td>　枠③</td>
<td>　枠④　</td>
</tr>
<tr>
<td>　枠⑤　</td>
<td>　枠⑥</td>
</tr>
</tbody>
</table>

複雑な枠A＋B③

枠①
枠②	枠③
	枠④

<table>
<tbody>
<tr>
<th colspan="3">枠①</th>
</tr>
<tr>
<td rowspan="2">　枠②　</td>
<td>　枠③</td>
</tr>
<tr>
<td>　枠④　</td>
</tr>
</tbody>
</table>

1冊ですべて身につくHTML & CSSとWebデザイン入門講座 [ Mana ]