gardening2

我が家の植物と動物です

①過去の記事は、カレンダーやバックナンバーから

②私へは、メッセージを送る、から

横2枚に画像を入れる!

2014-05-24 16:51:58 | Weblog

右サイドバートップの文字サイズを大にしてご覧ください。2枚の画像が横に並ぶように、あなた様のパソコンのブログ表示幅を広げてください。

cocoa様のブログ記事→http://blog.goo.ne.jp/mm1418/e/829295743ae10717dfa0672b9a7c3670?fm=rss です。下のタグを教えてくださって有難うございます。

タグの原型
<a href="" border="0"><img src="" border="0"></a>

復讐も兼ねて、もう1度整理します。

2枚の画像を横並べしたいとき右横に文字を入れたいときに使っててください。マージンを指定していないと画像と画像、画像と文字が密着するので、私は次のようにしました。

<a href="◆1" border="0"><img src="◆1" border="0" width="250"  hspace="5" /></a> ---1枚目画像

<a href="◆2" border="0"><img src="◆2" border="0" width="250"  hspace="5" /></a> ---2枚目画像

Enterキーを押すと、[画像2枚挿入]Enter↓[文章]Enter↓[画像2枚or1枚or文章]---

上のタグの説明

  • a href="◆"-------画像フォルダ↓→、◆部分に、オリジナル画像URLを入れる。※
  • border= 0 の意味 ------表示画像の枠線を消す。
  • <img src="◆" width="250" ※と同じURLを入れると、width(250)幅のの画像が表示される。
  • 画像1枚の時にカーソルを右上位置にするときは、style="FLOAT: left;を使う。
  • ブログ人の時のマージン指定を真似て、MARGIN: 0px 5px 5px 0px" / にした。4個指定すると[上][右][下][左]の順になる。
  • hspace="5"の方が使いやすそう。これも、cocoa様のブログ記事にありました。画像間の空白幅です。
  • </p><br clear="all" /><p>が効かないけれど、<br clear="left">作業中には反応したのに?。次の文字や画像が切り下がる。
  • 右サイドバーの画像を使用される場合は、上のタグは不要です。この記事中、不等号の<>は、大文字にしているので、この枠上HTMLを押して、タグを使用するときは、不等号を小文字にしてください。

  • Ctrlキーを押しながらZを押すと、直前に消えた文字や画像が復活します。

  • gooブログではパソコン画面の表示幅をを広げると中央の表示幅も連動で広がるので、操作が必要です。

画像入りブログを作成したいときに、最初に画像をアップするのが、gooブログ特徴でしょうか。

 

 画像表示幅は250にしました。画像間は5で良さそうです。3枚の画像が任意の幅で縮小できました。

右サイドの小画像は120です。3枚の画像が任意の幅で縮小できました。

hspace=を、"5" → "20" にすると、画像間が開きます。

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

忙しい時は、右の画像クリック1つで画像が入ります。勿論、小画像でもです。ブログをご覧になる時、画面表示幅に応じて、大画像が変化します。素晴らしいのですが裏目に出て、私には扱いにくいです。

説明はここに書けば良いですし。ちょっと違ったことをしようとすれば、四苦八苦ですが。

HTMLタグ、反応するのと反応しないのがあります。これから勉強です。2014.5.25 15時に修正しました。


4 コメント

コメント日が  古い順  |   新しい順
良かったですね! (どんぐり)
2014-05-25 09:27:14

少しずつ解決してきましたね!
良かったですね!
良かったです。 (cocoa)
2014-05-25 15:29:14
私の雑な説明にも
詳しい解説も付けられてさすがです。

因みに画像左側に文字は右側に寄せるタグはalign=left
右に画像寄せるタグは align=right
<a href="◆1" border="0"><img src="◆1" border="0" width="250"align=left hspace="5" /></a>

最近は使いませんが
長い文章に画像を入れ込むときに使います。

blogを始めたころにblogの友(今は解約された)に教えていただきました。
 


ブログの使い方 (cocoa)
2014-05-25 15:48:50
ご存知かとは思いますが
gooのblog 編集画面 欄外上部に使い方があります。
そこにgooで使えるHTMLタグ一覧が出ています。

以前のgooで使えたタグが最近は使えなくなり
残念です。
Unknown (kazuyoo60)
2014-05-25 17:45:49
◆どんぐり様へ
有難うございます。一歩ずつです。

◆cocoa様へ
有難うございます。お礼を言いたくても、貴ブログのコメント欄は閉じられてますし、Emeilも分からなくて、失礼していました。。
つたないHPを作った時に、ネットでHTMLタグを探していたのです。骨格はOCN内に用意されていました。ブログ人でもHTMLが使えたので、ある程度は修正できました。
右左指定でしょう。hspace="5" にすると、大小の横画像が下で揃いますね。
テキストエディターと併用しようかなと考えています。切り替え画面、時間、何もかも不慣れです。

コメントを投稿