無料ホームページの作り方
| TOP | 文字の表示 | 文字のタグ | カラーコード | 背景表示画像表示 | リンクを入れよう |
| テーブルを使う | 文字を動かす | スタイルシート | ページの公開 | リンク | SEO |
■ページからページにリンクを入れる
TOPで作ったのと同じ方法で、次のページを作ります。
index.htmlは最初のページですが、次からは好きな名前で作ってください。
次のページをtop.htmlで作ったとします。
index.htmlの<body>〜</body>内に下のを入れてください。
<a href="top.html">文字</a>
表示された文字をクリックすると、top.htmlが開くようになります。
abc.htmlを作ったとしら <a href="abc.html">文字</a>
ファイル名を変えれば、いくつもページが作れるってことです。
掲示板とかを借りた場合は、
<a href="掲示板のアドレス">BBS</a>
リンク先アドレスは、自分で作ったファイル名とか掲示板、ブログのアドレスなんかを入れてください。
| タグのソース |
|---|
| <a href="リンク先アドレス"><img src="画像ファイル名" border="0"></a> |
■ページを残さないで次のページ開くようにする
フレームページなんかのリンクでしたら、この方法を使います。
上が文字でリンク、下が画像でリンク
| タグのソース |
|---|
| <a href="リンク先アドレス" target="_top">文字</a> |
| <a href="リンク先アドレス" target="_top"><img src="画像ファイル名" border="0"></a> |
■ページを残して次のページ開くようにする
自分のページから別のページにリンクするときに使います。
上が文字でリンク、下が画像でリンク
| タグのソース |
|---|
| <a href="リンク先アドレス" target="_blank">文字</a> |
| <a href="リンク先アドレス" target="_blank"><img src="画像ファイル名" border="0"></a> |
■リンク先文字にマウスが乗ったとき説明を表示する
target="_blank"の部分は省略してもいいし、_topに変更してもいいです。
| タグのソース |
|---|
| <a href="リンク先アドレス" target="_blank" title="説明を入れる">文字</a> |
■文字をクリックしたり画像をクリックするとメール画面を出す
これは自分のメールアドレスが出るので、メールフォームを借りたほうがいいでしょう。
上が文字、下が画像
| タグのソース |
|---|
| <a href="mailto:メールアドレス">文字</a> |
| <a href="mailto:メールアドレス"><img src="画像ファイル名" border="0"></a> |
■ページが上下に長いときは、同じページ内でリンクする
<a href="#タイトル">リンク文字</a>の部分は、上でリンクします。
下の表示したい場所に<a name="タイトル">と入れると、入れた場所に移動します。
#○○とname="○○"を同じに指定すればいいのです。
| タグのソース |
|---|
| <a href="#タイトル">リンク文字</a> <a name="タイトル"> |
■リンク画像にマウスが触れると別の画像にする
| タグのソース |
|---|
| <a href="リンク先アドレス"><img src="最初の画像ファイル名" border="0" onmouseover="this .src='マウスを乗せたときの画像ファイル名'"onmouseout="this .src='最初の画像ファイル名'"></a> |
スポンサードリンク