2014年01月13日

記事内リンクのテスト、枠のテスト

オジサンが新規ブログと格闘しています。

記事内でリンクを貼る場合を勉強しています。
この記事は削除することもあります。

入会についてはこちら 「こちら」という文字にリンクを貼ってリンク先を表示させるには?????


すいません。。。夜中も3時を前にして、、、、志なかばに、こんやも寝ます(*_*)

◆2014(平成26年1月17日午後11時41分頃テスト 枠のテスト

【使い方】は、ブログのエントリを書く際に、
<div class="waku1">***</div>
<div class="waku2">***</div>
をコピペして、***の場所に中身を書けばOK。
1は、紺色のやや太目の枠線。
2は、濃いグレーのやや細めの枠線になります。

尚、CSSを直接本文に書き込む方法もあります。
<div style="border:2px solid #0000aa;padding:0.5em;">…</div>
と書けば、その場で状態を確認できます。

上の様に書く代わりに、CSSに書いておいて簡略化して書いていると考えてくださってOKです。

尚、<div>には、それ自体に改行する機能がありますから、改行が過ぎてすかすかになっちゃう時には、敢えて前の文章にくっつけて、

以下に引用します。<div class="waku2">…</div>それゆえ…

みたいに改行を入れずにくっつけて書くと間延びするのを避けられます。
<div class="waku1">引用したい場合などに囲む、枠1</div>
<div class="waku2">引用したい場合などに囲む、枠2</div>
<div style="border:2px solid #0000aa;padding:0.5em;">引用したい場合などに囲む、3番目の方法</div>


引用したい場合などに囲む、枠1

引用したい場合などに囲む、枠2

引用したい場合などに囲む、3番目の方法



posted by 6782発起人A at 02:35| Comment(3) | TrackBack(0) | 入会のご案内 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
N−PTA Web本部 開設おめでとうございます。
リンクの張り方ですが・・・HTMLタグは使えないのでしょうか?
<a href="http://アドレス">文字</a>
は使えないのかなぁ?
Posted by なまこさん at 2014年01月13日 21:45
なまこさん>アドバイスありがとうございます。htmlのtagで記述する方法ができるかどうかやってみます。なんかアイコンを使えば直ぐにできるとか・・・ないのかなぁと探していました(^^;


Posted by 6782発起人A at 2014年01月13日 23:31
なまこさん>ありがとうございました。
seesaaのヘルプから、リンクを貼るアイコンがあることを学びました(^^;
初めてのことばかりで、手探りで行っています。よちよち歩きです(^^;
Posted by 6782発起人A at 2014年01月13日 23:42
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。