枠を表示する

ブラウザで表示した時の見え方

薔薇

ソースサンプル(HTML)

<img src="./img/rose.gif" alt="薔薇" border="3" width="200" height="140">

ソースサンプル(XHTML)

<img src="./img/rose.gif" alt="薔薇" border="3" width="200" height="140" />

解説


ブラウザで表示した時の見え方

薔薇

ソースサンプル(HTML)

<table bgcolor="#993300" border="1" cellpadding="0" cellspacing="5" summary="sample1">
<tr><td><img src="./img/rose.gif" alt="薔薇" width="200" height="140"></td></tr>
</table>

ソースサンプル(XHTML)

<table bgcolor="#993300" border="1" cellpadding="0" cellspacing="5" summary="sample1">
<tr><td><img src="./img/rose.gif" alt="薔薇" width="200" height="140" /></td></tr>
</table>

解説


ブラウザで表示した時の見え方

薔薇

ソースサンプル(HTML)

<table bgcolor="#999999" border="8" cellpadding="2" cellspacing="2" summary="sample2">
<tr><td><img src="./img/rose.gif" alt="薔薇" width="200" height="140"></td></tr>
</table>

ソースサンプル(XHTML)

<table bgcolor="#999999" border="8" cellpadding="2" cellspacing="2" summary="sample2">
<tr><td><img src="./img/rose.gif" alt="薔薇" width="200" height="140" /></td></tr>
</table>

ブラウザで表示した時の見え方

薔薇

ソースサンプル(HTML)

<table bgcolor="#f5f5f5" border="8" cellpadding="2" cellspacing="2" summary="sample3">
<tr><td><img src="./img/rose.gif" alt="薔薇" width="200" height="140"></td></tr>
</table>

ソースサンプル(XHTML)

<table bgcolor="#f5f5f5" border="8" cellpadding="2" cellspacing="2" summary="sample3">
<tr><td><img src="./img/rose.gif" alt="薔薇" width="200" height="140" /></td></tr>
</table>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]