「・・・から選ぶ」の作り方

質問

例えば下記ホームページの
http://www.kao.com/jp/products/

「製品名から選ぶ」
｜あ｜か｜さ｜た｜な｜・・・
あ行
アジエンス
・
・
・

という部分を自分のホームページで実現するにはどのような方法
があるのでしょうか？

もしどこかのホームページに、ソースのこの部分をコピペして使って
下さいと教えてくれているページがあるならそれを教えていただける
と嬉しいです。

もしくは購入はしてませんが、市販のホームページビルダーのような
ソフトにそういった機能の実装もできるように入っているのでしょうか？もし市販ソフトとかにあるのなら、なるべく安価にできるソフト
を教えていただけないでしょうか？

よろしくお願いいたします。

回答No.2

kouji_124 · ベストアンサー

この程度の事であれば市販のソフトを使っても使わなくても問題なく出来ます。

質問については「アンカー」タグ(<a>タグ)で行っていると思われます。
通常は別のページにリンクを貼るために使いますが、同一ページ内でも利用可能です。

先ず、参考のホームページを例にすると。。。
<a href="#a">あ</a>|<a href="#ka">か</a>|<a href="#sa">さ</a>|・・・

<a name="a">あ</a>

<a name="ka">か</a>

<a name="sa">さ</a>

上記の様にすれば良いです。

アンカータグの解説はこちら。
http://www.tohoho-web.com/html/a.htm

私もホームページを作成する際に参考にさせていただいたページのURLを乗せておきます。
トップページ：http://www.tohoho-web.com/
HTMLリファレンス：http://www.tohoho-web.com/html/index.htm

回答No.1

asapinya

これは単純にHTMLのアンカータグ（<a ～>)で作成できますよ。
name属性を使います。
「ｈｔｍｌ　アンカー　ｎａｍｅ」などで検索するとたくさんでてきますので参考にしてみてください。

ほとんどのＨＰ作成ソフトには機能が付いているはずですが、その前にHTMLの勉強を一通りされることをお勧めします。