図のHTML
私がいつも日記で使用している図のHTMLです。・基本
| １番目 | ２番目 | ３番目 |
|---|---|---|
|
４番目
|
５番目 | ６番目 |
<table border="0" bgcolor="#336699" cellspacing="0" cellpadding="0"> bgcolorに枠線の色を設定します
<tr><td>
<table border="0" cellspacing="1" cellpadding="1" style="font-size:14px">
<tr>
<td width="80" height="40" align="center" bgcolor="#ffff99">
１番目
</td>
<td width="80" align="center" bgcolor="#ccccff">
２番目
</td>
<td width="80" align="center" bgcolor="#ffff99">
３番目
</td>
</tr>
<tr>
<td height="40" align="center" bgcolor="#ccccff">
４番目
</td>
<td align="center" bgcolor="#ffff99">
５番目
</td>
<td align="center" bgcolor="#ccccff">
６番目
</td>
</tr>
</table>
</td></tr>
</table>
・列結合
１番目
２番目
３番目
４番目
５番目
<table border="0" bgcolor="#336699" cellspacing="0" cellpadding="0">
<tr><td>
<table border="0" cellspacing="1" cellpadding="1" style="font-size:14px">
<tr>
<td colspan="2" height="40" align="center" bgcolor="#ffccff">
１番目
</td>
<td align="center" bgcolor="#ffff99">
２番目
</td>
</tr>
<tr>
<td width="80" height="40" align="center" bgcolor="#ccccff">
３番目
</td>
<td width="80" align="center" bgcolor="#ffff99">
４番目
</td>
<td width="80" align="center" bgcolor="#ccccff">
５番目
</td>
</tr>
</table>
</td></tr>
</table>
・行結合
１番目
２番目
３番目
４番目
５番目
<table border="0" bgcolor="#336699" cellspacing="0" cellpadding="0">
<tr><td>
<table border="0" cellspacing="1" cellpadding="1" style="font-size:14px">
<tr>
<td rowspan="2" width="80" align="center" bgcolor="#ffccff">
１番目
</td>
<td width="80" height="40" align="center" bgcolor="#ccccff">
２番目
</td>
<td width="80" align="center" bgcolor="#ffff99">
３番目
</td>
</tr>
<tr>
<td height="40" align="center" bgcolor="#ffff99">
４番目
</td>
<td align="center" bgcolor="#ccccff">
５番目
</td>
</tr>
</table>
</td></tr>
</table>
楽天の日記内ではスタイルシートの外出しができないので、テーブルの中にテーブルを作って細い枠線を作っています。
もちろん、タグ内にスタイルシートを設定すれば、点線等の枠線も使用することができます。
HTMLの説明自体うまくできませんので、不明なタグがありましたらこちらをご利用ください。
とほほのWWW入門
私もかなりお世話になっているサイトです。
「逆引きリファレンス」は使いやすいと思いますよ。
なお、楽天日記内でHTMLを使用する場合は、
・タグ内の改行は<br>で行う
・余分な空白や改行は全て取り除く
ことに注意が必要です。
余分な空白や改行があると、図がきれいに表示されません。
なお、上に記したHTMLをそのままコピーして（空白、改行を除いて）使用することが可能です。
© Rakuten Group, Inc.
