ゆっくりでいいから…

画像

これまで表示したものをすぐに利用できるように
記録していこうと思います。
基本的な事をわからずにやっているので
間違いなどが多いと思います。
（楽天ブログで表示できるようにチェックしているつもりですが･･）

題名or項目

結果表示

HTMLコード

背景に画像
ﾌﾞﾛｸﾞ

画像を左側
文章を右側
ﾌﾞﾛｸﾞ

今回は画像の右側に文字を表示させています。

<font size="2" color="000000"><img src=" 画像のｱﾄﾞﾚｽ " width="100" height="100" alt="サンタ１" border="0" align="left" hspace=10>今回は画像の右側に文字を表示させています。</font>

<br clear="left">

※左のの画面のサイズに調整しています

画像を右側
文章を左側
ﾌﾞﾛｸﾞ

今回は画像の左側に文字を表示させています。

<font size="2" color="000000"><img src=" 画像のｱﾄﾞﾚｽ " width="100" height="100" alt="サンタ２" border="0" align="right" hspace=10>今回は画像の左側に文字を表示させています。</font>

<br clear="right">

※左の画面のサイズに調整しています

画像を両側
文章を中央
ﾌﾞﾛｸﾞ

文章を中央

<font size="1" color="000000"><img src=" 画像のｱﾄﾞﾚｽ " width="70" height="70" alt="サンタ１" border="0" align="left" hspace=5><img src=" 画像のｱﾄﾞﾚｽ " width="70" height="70" alt="サンタ２" border="0" align="right" hspace=5>
<center> 文章を中央 </center><hr><br clear="all"><hr></font>

※左の画面のサイズに調整しています

文字位置
上部(1行)
ﾌﾞﾛｸﾞ

top　　

上部に表示

<font size="2" color="000000"><b>top　　</b><img src=" 画像のｱﾄﾞﾚｽ " width="70" height="70" alt="ベル" border="0" align="top" hspace=5>上部に表示</font>

※左の画面のサイズに調整しています

文字位置
中央(1行)
ﾌﾞﾛｸﾞ

middle ツリー

中央に表示

<font size="2" color="000000"><b>middle</b><img src=" 画像のｱﾄﾞﾚｽ " width="70" height=70 alt="ツリー" border="0" align="middle" hspace=5>中央に表示</font>

※左の画面のサイズに調整しています

文字位置
下部(1行)
ﾌﾞﾛｸﾞ

bottom リース

下部に表示

<font size="2" color="000000"><b>bottom</b><img src=" 画像のｱﾄﾞﾚｽ " alt="リース" width=70 height=70 border="0" align="bottom" hspace=5>下部に表示</font>

※左の画面のサイズに調整しています

画像位置
左端
ﾌﾞﾛｸﾞ

<div align="left"><img src=" 画像のｱﾄﾞﾚｽ " width="70" height="70" alt="ベル" border="0"></div>

※左の画面のサイズに調整しています

画像位置
中央
ﾌﾞﾛｸﾞ

<div align="center"><img src=" 画像のｱﾄﾞﾚｽ " width="70" height="70" alt="ツリー" border="0"></div>

※左の画面のサイズに調整しています

画像位置
右端
ﾌﾞﾛｸﾞ

<div align="right"><img src=" 画像のｱﾄﾞﾚｽ " width="70" height="70" alt="リース" border="0"></div>

※左の画面のサイズに調整しています

画像の指定
した1色を
透明に