• ベストアンサー

ページ内、ジャンプの方法。

お願いします。 ホームページをCSSとHTMLで作成してます。 会社案内のページを作成している途中で???困ってます。 ページ内に、  (1):会社概要  (2):社長挨拶  (3):会社沿革  (4):地図 とあります。すべて同じページにずらずらと書いて 下の方向にページが伸びてます。 このとき、例えば、お客さんが (3):会社沿革をクリックしたとき 下のほうにある (3):会社沿革にジャンプさせる方法と、 一番上に戻る記述はどうすればよいのか分かりません。 昨日からネット等で探しているのですが、分かりません。 どうか、教えていただければ幸いです。

  • K-19
  • お礼率35% (55/157)

質問者が選んだベストアンサー

  • ベストアンサー
回答No.4

●テキストにリンクを貼り付けるのに…  <a href="#gaiyou">会社概要</a>  ⇒意味…(ページ指定無しなのでページ内の)#gaiyouへ飛びます。 ●クリックした後の移動場所…  <a name="gaiyou">会社概要</a>  ⇒意味…会社概要にgaiyouと言うアンカーネームを付けています。

参考URL:
http://www.html-css.com/html07.html

その他の回答 (3)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

HTMLのバージョンが判りませんが、HTML4.01なら、id・・・nameでもよい。 <h2 id="message">社長挨拶</a> としておいて、 <a href="#message">社長挨拶</a> idだと、どの要素にもつけられるが、nameは<a>にしか付けられない。nameは古いブラウザでも対応している。 【引用】____________ここから name属性あるいはid属性が設定されているA要素は、他のリンクの終点となり得るアンカーを定める。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Links in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html#h-12.1.3 )]より へんな方向に進まないため、とりあえず はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ) から始めるのがよろしいかと・・・

  • pasocom
  • ベストアンサー率41% (3584/8637)
回答No.2

リンクする方では <A HREF="#アンカーネーム">○○</A> と記述して、リンクさせたい方(飛ばし先)の場所に <A NAME="アンカーネーム">xx</A> と記述します。「アンカーネーム」は任意につけます。 下記サイトもあわせて参照下さい。 「HTML辞典」 http://www.geocities.jp/digitwland/jiten.html

  • akir224
  • ベストアンサー率38% (10/26)
回答No.1

参考URLを張っておきますね。 ご参考にどうぞ。

参考URL:
http://homepage2.nifty.com/tomoarai/html/link.html#marker

関連するQ&A

  • ジャンプするページが作りたい

    xhtml+cssでHPを作成してます。 例えば3秒後に自動的にジャンプするページを作りたいのですが、作り方がいまいちわかりません・・・ どうしたらいいでしょうか。 アドバイス願いますm(__)m サーバー引越しのため、現在のAというページから新サーバーのBというページに自動ジャンプさせたいんです。 こういうのってJAVAでやるんでしょうか? 回答頂ける際にはお手数でも、html等のソースが参照できるようお願いします。

  • ページの自動ジャンプについて

    フレームを利用したHTMLのページで、子フレーム内 のページに <META HTTP-EQUIV="refresh" CONTENT="5;URL=/"> と記述した場合、子フレームのみジャンプしてしまいますが、 親フレームごとあるページにジャンプさせたい時は どのようにすればよいでしょうか。 (子フレーム内のHTMLのみの修正で可能な事で しょうか)

  • 違うページ途中へのジャンプがそのページトップになる

    ソフト:BiND8(すでにメーカー保証対象外) 操作はブロックエディタで実施 ①ジャンプ先:1ページ目の途中のブロック内にアンカー設定。なお1ページ目は全部で30ブロックぐらいある長めのページで、アンカーを設定したブロックはその真ん中ぐらいの位置にあり、ヘッダー位置からかなり下の方です。  HTML表示: <a id=CCCC></a> ②ジャンプ元の設定  設定箇所:2ページ目のバナーボタン画像部分  HTML表示: <a href="index.html#CCCC" ><img id=***** src="****" alt=""></a> この設定で、ジャンプ先がなぜか1ページ目のトップになってしまい、1ページ目途中のブロックにはジャンプしません。 試しにジャンプ先の他のブロックにアンカーを設置しても同様にページトップに遷移します。 また、念のため、HTMLの埋め込みもできるソフトなので、自分でHTMLを書いて入れてみましたが、やはりジャンプ先のページトップに遷移してしまいます。 ちなみにCSSには何も設定していません。 paddingを使って修正できるほどの小さなズレでもありません。 解決方法をご教示ただければ幸いです。

    • ベストアンサー
    • HTML
  • 外部CSSで作成したページの印刷について

    「外部CSS」で作成したページを、印刷プレビューしてみると 「HTML」だけ?の状態のような感じです。 「外部CSS」で作成したページを、CSSが反映した見た通りには、印刷できないのでしょうか? なにか、記述の追加をすれば、できるのでしょうか? または、参考サイトがあれば、教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • CSSの呼出方法と表示速度 (SEO)

    . HTML内で外部CSSファイルを呼び出す方法について、表示速度の面で記述を迷っ ている部分があります。 例えば、ホームページ・記事ページ・製品ページの、3つのページが存在するウ ェブサイトを仮定するとします。 そして、3つのページに共通するCSSをcommon.css それぞれのページに特有なCSS をindex.css、article.css、product.css とするとします。 【方法A】 HTMLのヘッダー部分をテンプレートパートにして、まずcommon.cssについて<link > で記述し、index.css、article.css、product.css についてはその下に条件分 岐で記述して、CSSファイルを呼び出していく 【方法B】 HTMLのヘッダー部分をテンプレートパートにせず、ホームのページのHTMLにcommon.css 及びndex.cssを<link>で2つ記述、記事ページのHTMLにcommon.css及びarticle.css を<link>で2つ記述、製品ページのHTMLにcommon.css及びproduct.cssを<link>で 2つ記述、してCSSファイルを呼び出していく。 Bの方法は管理の手間はかかることになりますが、テンプレートパートを使い条 件分岐をするAと条件分岐をしないBで、各ページで表示速度に違いは出るもの なのでしょうか .

    • ベストアンサー
    • CSS
  • HTML5で作成したページに関して

    HTML5でウェブサイトを作成しています。 知識としては、HTML,CSSを記述して静的ページを作成できる程度で無知な方です。 XHTML1.0で作成していた頃は、キャッシュを無効にする為に↓を記述していました。 <meta http-equiv="cache-control" content="no-cache" /> HTML5で↑と同様の制御をするには、「.htaccess」の知識がないと無理なのでしょうか? HTML5のキャッシュ無効化で検索し、マニフェストファイルの作成や.htaccessの設定が必要と受け取りました。 HTML5では、XHTMLで制御していたようにhead内で記述するコードはないのでしょうか?

    • ベストアンサー
    • HTML
  • CSSを使用したページレイアウト

    今までtableを使用してページを作成してきたんですが、tableをできる限り使用せずHTML+CSSのみでページを作成してみたくなりました。 しかしCSSに関しては、基礎的な仕組みと書き方がわかるくらいで、どのように構成すればいいのかわかりません。 あるサイトのソースを見たらDIVにclassを指定しているようでしたが、実際どのように記述されているのでしょうか? 書籍でもサイトでも何でも良いので、参考になりそうなものがありましたら教えてください。

    • ベストアンサー
    • CSS
  • iPrintのWEB改ページ指定方法

    iPrintで印刷するWEBページを作成し、改ページ指定を CSSで以下の通り記述しましたが、改ページされませんでした。 iPrintでWEBを印刷する際の HTMLまたはCSSで改ページする指定方法を教えてください。 <html> <style type="text/css"> pagebreakafter{ page-break-after:always; } </style> <body> 1ページ目 <!-- 改ページ指定 --> <p class="pagebreakafter"></p> 2ページ目 </body> </html>

  • ボタンを使って別ページへジャンプさせるにはどうするの?

    IBMホームページビルダーの超初心者です。 チュートリアルにしたがってウェブアートデザイナーでボタンを作成したんですが、その使い方が分かりません。 マウスがボタン上にくると色が変るようになってるんですが、そのボタンをクリックしたら別のページへリンクするようにしたいんです。 ところが「挿入」→「リンク」を行おうとしても「リンク」メニューが無効になっています。 HTMLタブをみると、どうやら色を変えるためのリンクが既に貼られているようです。 ボタンを使って別ページへジャンプさせるにはどうすればよいのでしょうか。 どなたか教えてください。

  • flashの再生後に別ページに自動でジャンプするには?

    flashを使ってホームページのタイトルムービーを作っています。タイトルムービーのページで、flashの再生が終わったら、自動的にHTMLベースのトップページにジャンプするようにしたいのですが、どのようにすればよいのでしょうか? 「ENTER」ボタンを使っているページをよく見ますが、できれば使いたくありません。 ちなみに使っているソフトは、flash作成にはFlashMaker、ページ作成にはDreamweaverです。 また、このとき、タイトルムービーのページと、その次に表示されるトップページのファイル名はどのように付けるのが適切でしょうか?

    • ベストアンサー
    • Flash

専門家に質問してみよう