ホームページできるかな/超初心者さん向きHP作成
Web dekirukana.net
サイトメニュー >> ホームページのデザインテンプレートをダウンロードできるサイト
トップページ
HPのはてな?
HPはどこにある?
HPのなかみ
HTMLって?
相対・絶対パス
つくってみよう!
用意するもの
作成手順
HP用素材
基本の小技集
HPを公開!
もっと知ろう!
タグのプレビュー
いろいろな色
特殊文字
記号のよみかた
PCコラム
メール
メールフォーム BBS
掲示板

リンク
リンクについて
お役立ちリンク
自動相互リンク
レンタルサーバー
プロバイダー
広告でおこづかい
参考文献
【クリック募金】


【ウィルス対策】
Click Here!

【HTMLタグ】
みんなのタグ辞書
TAG <index>

【PCトラブル】
Windows.FAQ

【ランキング】
206 Web Ranking
ホームページの情報屋さん

【P R】


Click Here!

Click Here!



リンク

> タグの簡易テスト(別窓)
| 文字でリンク | 画像でリンク | リンクターゲット | 変化するリンク | 同じページ内でのリンク |
| ロールオーバーイメージでリンク |

同じページ内でのリンク

「ホームページできるかな」内でも至るところに使っている、同じページ内でのリンク方法です。
リンクしたい部分に、「アンカーポイント」を記述します。アンカーポイントは、他の部分と区別するための名前です。HTML文書にファイル名があって、そこにリンクするように、同じページ内でリンクするのにも名前が必要なんですね。
<html>
<head>
<title> </title>
</head>

<body>
☆アンカーポイントはリンクしたい部分に記述します☆
☆リンクは表示させたい部分に記述します☆
</body>

</html>
表示例 アンカーポイント記述

<a name="名前(半角英字)"></a>
解説
↑アンカーポイントはブラウザには表示されません。
アンカーポイントには名前の頭に数字を使ってはいけないというお約束があります。上から順に、「1」「2」「3」はダメなんです。「one」「two」「three」や、「page1」「page2」「page3」(先頭でなければ数字は使えます)など、工夫してくださいね。
アンカーポイントはファイル名ではないので、拡張子は必要ありませんよ。名前のみでOKです。

表示例 アンカーポイントへのリンク記述
文字
<a href="#アンカーポイントの名前">文字</a>
違うページのアンカーポイントへのリンク記述
<a href="リンク先.html#アンカーポイントの名前">文字</a>
解説
アンカーポイントへのリンクは、リンク先の名前の前に「#」シャープ記号をつけます。

このページのトップへ ←これもアンカーポイントへのリンクです。



























このページのトップへ
BACK HOME
ホームページできるかな
相対パス・絶対パス HTMLって? ホームページのなかみ ホームページはどこにある? 作成手順 作成サンプル 用意するもの ホームページ用素材 HPを公開!FFFTP 基本の小技集 コラム 特殊文字 記号のよみかた いろいろな色 タグの簡易プレビュー
Copyright(C) 2003-2005 laz All rights reserved.
当サイト内の無断使用及び無断転載を固く禁じます。