有希のPC勉強

PCについて勉強したことを残していくため更新しています。一緒に勉強しませんか?

【番外編】ちょっとしたPCもん

リンクをつける

[ここにリンク先のURLを入力:title=ここに表示する文章を入力]

例えば

[http://www.hatena.ne.jp:title=はてな]

と入力すると
はてな
と表示され、文章をクリックするとはてなのTOPページへ飛ぶことが可能。

  • HTMLの場合
<a href="ここにリンク先のURLを入力">ここに表示する文章を入力</a>

これで、

<a href="http://www.hatena.ne.jp">はてな</a>

と入力することで
はてな
このように表示されます。

画像バナーを表示する方法

<a href="ここにリンク先のURLを入力"><img src="ここに画像URLを入力" border="0"></a>

これで、例として上海アリス幻樂団のバナーを使いたい場合は

<a href="http://www16.big.or.jp/~zun/"><img src="http://www16.big.or.jp/~zun/image/banner.gif" border="0"></a>



と表示され、画像をクリックすることで、上海アリス幻樂団のTOPページへ行くことが可能。

会話形式ブログに使えるもの

<table border="1"><td><img alt="" width="100" height="100" src="ここに画像URLを入力" /></td><td width="100%">
ここに文章を入力
</td></table>

たとえば

この画像と
☆有希★
と表示したい場合は

<table border="1"><td><img alt="" width="100" height="100" src="http://www.hatena.ne.jp/users/ku/kuromajosan/profile.gif" /></td><td width="100%">
☆有希★
</td></table>



☆有希★

と表示されます。




今回はこれで。それでは~