メインコンテンツ
イチ押し!なサイトやページ
Josephが管理人のページ
HPについて
ブログに主流が移ったとはいえ、依然としてHP作成をする人は多いようです。
しかしながら、1からすべてのHP作成術をマスターするのは難しいため、
ほとんどの人は、HP作成サイトに初めから準備してある
テンプレート(HPの原型)を使って作成していることと思います。
ここでは簡単なタグ(いろいろな表示するためのプログラムのこと)を掲載し、
同じようなテンプレートを使いながらでも、
人とちょっと違ったHPを作成するお手伝いができればと考えております。
もちろん以下に挙げたもの以外にもタグにはいろいろなものがありますので、
表示方法が気になるページがあった場合、
「マウスの右クリック→ソースの表示」でタグを見てみるのもいいと思います。
文字について
はじめに、以下においてタグは「<」「>」で囲まれておりますが、
実際は半角の「<」「>」になるのでご注意ください。
(半角のままだとタグの内容が直接反映され、表示できなくなるためです)
1、文字に変化をつける
太文字・・・<b>あいうえお</b> → あいうえお
斜文字・・・<i>あいうえお</i> → あいうえお
アンダーライン・・・<u>あいうえお</u> → あいうえお
取り消し・・・<s>あいうえお</s> → あいうえお
2、文字の大きさ・色を変える
<font color="色のコード" size="1〜7の数字"></font>のタグで囲むと、
文字の色及び大きさを変えることができます。
色だけ変えたいときには<font color="色のコード"></font>だけで、
また大きさだけのときには<font size="1〜7の数字"></font>で結構です。
色のコードは・・・
#ffffff→(白)、
#000000→黒、
#ff0000→赤、
#0000ff→青、
#00ff00→緑
というように数字及びアルファベットの組み合わせでいろいろ変化します。
大きさは1から7へ数字が大きくなるごとに大きくなります。
例えば<font color="#ff0000" size="5">あいうえお</font>なら・・・
あいうえお というように表示されます。
3、文字にリンクを貼る
<a href="アドレス">サイトの名前など</a>で、リンクを貼ることができます。
例えばYahoo!のリンクを貼る場合であれば、
<a href="http://www.yahoo.co.jp/">Yahoo!</a>→
Yahoo!となります。
その他の簡単なタグ
1、改行
改行したいところに<br>を貼ります。
例えば、あいうえお<br>かきくけこ と入力すると、
あいうえお
かきくけこ
と表示されます。このタグは他のものと違って、文字を囲む必要がありません。
2、画像
<img src="画像のアドレスなど">で画像を表示することができます。
例えば私が管理している埼玉新世界のバナーのアドレスが、
http://saishin.k-free.net/bana2.gifなので
<img src="http://saishin.k-free.net/bana2.gif">で、
というように表示することができます。
応用ですが、<a href="アドレス"><img src="画像のアドレスなど"></a>
と入力することで、文字ではなく画像にリンクを貼ることもできます。
例えば<a href="http://saishin.k-free.net/index.html">
<img src="http://saishin.k-free.net/bana2.gif"></a>と入力すれば、
と表示できるようになります。
改行のタグと同様このタグにおいても、文字を囲む必要はありません。