画像と文字の配置

リクエスト記事です。


ピグでアイコン画像を作ったけど、
文字が下のほうにしか並ばないんです…

という質問を受けました。

えーとですね、
これはHTMLタグの挿入で解決します。


通常、画像を挿入し、そのまま横に文字を入れると

下にあわせて表示されます。

真ん中に寄せるにはタグ内に

「align="middle"」を追加します。

上にあわせるにはタグ内に

「align="top"」を追加します。

判りやすいように枠で囲んでみました。

HTMLタグを挿入するときは、
半角英数字で表記します。

命令が違うときは半角のスペースを空けます。

これをHTMLタグ表示モードで追記するか、
タグ編集エディタでタグを打ち込むようにします。



タグなんてわかんない!
ってかたは

真ん中寄せ
<IMG ALT="画像題名" SRC="画像のURL" BORDER="0" ALIGN="middle">

上寄せ
<IMG ALT="画像題名" SRC="画像のURL" BORDER="0" ALIGN="top">

↑をコピーして、画像のURLを挿入してください。


ちなみに、
タグ内の「BORDER」とは、囲み枠のこと。
BORDER="1"にすると、一番細い線で囲みが出来ます。
BORDER="5"にすると、5pxの囲み枠が出来ます。


タグは大文字でも小文字でも
同じ命令として実行されますが
画像やサイトのURL、メールアドレスは
大文字・小文字を区別して
別のものとして扱いますので
間違わないように気をつけましょうね。