アニメ大好き館

アニメ・フィギュア・マンガ・ゲームの話題を中心に割と好き勝手にやっているブログです😉

※ 当サイトはアフィリエイト広告を利用しています

【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>

 

 

あきらちゃんの日記 - にほんブログ村