枠を表示する
ブラウザで表示した時の見え方
ソースサンプル（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" />
解説
- 「border」は非推奨属性です。サンプルを紹介していますが、できるだけCSSで設定しましょう。
ブラウザで表示した時の見え方
ソースサンプル（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のみを使ってサンプルを紹介しているためテーブルを代用していますが、出来ればCSSで設定しましょう。
ブラウザで表示した時の見え方
ソースサンプル（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>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
HTML
-
枠を表示する
