« ココログで、古いエントリーの以前ついたコメントに名前付けジャンプリンク貼る方法。(トラックバックも出来ます) | トップページ | あらあら、Macでこんなに便利なウィジェットがあって簡単に追加出来るのに使ってなかった(汗) »

2010年8月 8日 (日)

ココログで画像アップ後、左配置を右に、右にしたのを左にとか自在にやっちゃいたい時(汗)

 エントリーに画像アップとレイアウト。

 元記事に忠実にレイアウトをやりたい時や、後で、レイアウトを微修正したい時に役立つ、アップ画像とレイアウトに関するタグ知識の肝。

 

2010071710071708im右配置です。
2010071710071708im_2左配置です。


 

タグはそれぞれ下記、どこが違うかというと赤字の所です。

<p><a href="http://soba.txt-nifty.com/.shared/image.html?/photos/uncategorized/2010/08/02/2010071710071708im.jpg" onclick="window.open(this.href, '_blank', 'width=250,height=160,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img width="160" height="102" border="0" alt="2010071710071708im" title="2010071710071708im" src="http://soba.txt-nifty.com/zatudan/images/2010/08/02/2010071710071708im.jpg" style="float: right; margin: 0px 0px 5px 5px;" /></a>右配置です。<br clear="all" />

<a href="http://soba.txt-nifty.com/.shared/image.html?/photos/uncategorized/2010/08/02/2010071710071708im_2.jpg" onclick="window.open(this.href, '_blank', 'width=250,height=160,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img width="160" height="102" border="0" alt="2010071710071708im_2" title="2010071710071708im_2" src="http://soba.txt-nifty.com/zatudan/images/2010/08/02/2010071710071708im_2.jpg" style="float: left; margin: 0px 5px 5px 0px;" /></a>左配置です。
</p>
<br clear="all">

 

 上記は同じ画像タグでも、クリックすると拡大したりするココログが自動生成するタグです。下記のように、単純に画像タグ中に<img src="ア" alt="イ" align="ウ">とalign属性を使う事も出来ます。

1、
似顔絵右配置


2、
本田ゆみ 左配置


 以下、タグです。
<p>1、<br />
<img align="right" alt="似顔絵" src="http://soba.txt-nifty.com/zatudan/0Photo/hopemotomu.jpg" />右配置</p>
<br clear="all" />

<p>2、<br />
<img align="left" alt="本田ゆみ" src="http://soba.txt-nifty.com/zatudan/0Photo/hondayumi.jpg" /> 左配置</p>
<br clear="all" />

3、
似顔絵 本田ゆみ 右左に画像を配置し、その間にテキストを入れる事も出来ます。


 「右左に画像を配置し、その間にテキストを入れる」時のタグは下記です。右配置画像、左配置画像、テキスト文の順になっています。素直に、左配置画像タグ、右配置画像タグ、テキストと書いても良いです。いずれにしろ、テキストは真ん中でも最後に書きます。<br clear="all">で最後を締め、次の段落はその下に書きます。

3、<br />
<img align="right" src="http://soba.txt-nifty.com/zatudan/0Photo/hopemotomu.jpg" alt="似顔絵" />
<img align="left" src="http://soba.txt-nifty.com/zatudan/0Photo/hondayumi.jpg" alt="本田ゆみ" /> 右左に画像を配置し、その間にテキストを入れる事も出来ます。</p>
<br clear="all" />

始めに戻る

ひなたぼっこ

 

ひなたぼっこは良質な情報への中継点

(↓クリックすると拡大)
自民党は自Endバナー 自民党は自Endバナー の猫ちゃんつながりブログを倭国大乱を記録するブログの数々として見つける毎に適宜追加。但し結構忘れてます(汗)

 ココログ利用で、即行で以下のTBPライブリンクをサイドエリアへはりたければ⇒一輪のバラをクリック。

 以下、登録・スタートさせたトラックバック・ピープルです。
主権者国民連合主権者は私たち国民自民党政治民主党政治社民党や共産党にトラックバックしてます。

 

※原発関連で3冊:

知事抹殺 つくられた福島県汚職事件 佐藤 栄佐久 (著)

原子炉時限爆弾 広瀬 隆 (著)

隠される原子力・核の真実―原子力の専門家が原発に反対するわけ 小出 裕章 (著)

|

« ココログで、古いエントリーの以前ついたコメントに名前付けジャンプリンク貼る方法。(トラックバックも出来ます) | トップページ | あらあら、Macでこんなに便利なウィジェットがあって簡単に追加出来るのに使ってなかった(汗) »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/91038/49093286

この記事へのトラックバック一覧です: ココログで画像アップ後、左配置を右に、右にしたのを左にとか自在にやっちゃいたい時(汗):

« ココログで、古いエントリーの以前ついたコメントに名前付けジャンプリンク貼る方法。(トラックバックも出来ます) | トップページ | あらあら、Macでこんなに便利なウィジェットがあって簡単に追加出来るのに使ってなかった(汗) »