*「リンク」をつくる [#tb4b1a1a] *同じページへのリンクをつくる [#tb4b1a1a] ページが長いときなどに、 特定の位置に名前をつけておくことで、 そこにリンクすることができます。 **「リンク」をつくる [#w018d67f] ほかのWebページにジャンプする、リンクを作るには、 ''a要素''と''href属性''を使います。 **名前をつける [#z66b3035] 特定の位置に名前をつけるには、 ''a要素''と''name属性''を使います。 <pre> COLOR(red):<a href="COLOR(blue):リンク先のURLCOLOR(red):">COLOR(black):...COLOR(red):</a> COLOR(red):<a name="COLOR(blue):位置名COLOR(red):">COLOR(black):...COLOR(red):</a> </pre> a要素のhref属性に、リンク先のWebページのURLを指定します。 また、ファイルを指定することもできます。 a要素のname属性に、位置な名前を指定します。 a要素にはさまれた部分に名前がつくことになります。 タグの間の内容には、リンク先のWebページのタイトルなど、 リンクであることをあらわす具体的な言葉を設定します。 「ここ」や「ここをクリックしてください」のような、 抽象的な言葉は避けてください。 名前に使えるような文字には、次のような制限があります。 注意してください。 -アルファベット(大文字小文字の区別あり) --ひと文字めはアルファベット -数字(0〜9) -記号(ハイフン「-」、アンダースコア「_」、コロン「:」、ピリオド「.」) **特定の位置へのリンクをつくる [#w018d67f] 名前をつけた位置へリンクするには、 リンクの位置の名前のまえに「''#''」をつけます。 <pre> 例: COLOR(red):<a href="COLOR(blue):http://arena.hyogo-dai.ac.jp/~kawano/COLOR(red):">COLOR(black):KAWANO's PukiwikiCOLOR(red):</a>COLOR(black):<br> COLOR(red):<a href="COLOR(blue):http://www.hyogo-dai.ac.jp/COLOR(red):">COLOR(black):兵庫大学COLOR(red):</a>COLOR(black):<br> COLOR(red):<a href="COLOR(blue):index.htmlCOLOR(red):">COLOR(black):トップページへCOLOR(red):</a>COLOR(black): COLOR(red):<a href="COLOR(blue):#位置名COLOR(red):">COLOR(black):...COLOR(red):</a> COLOR(red):<a href="COLOR(blue):リンク先のURL#位置名COLOR(red):">COLOR(black):...COLOR(red):</a> </pre> 「#」を位置名の前につけることで、リンクすることができます。 リンク先へジャンプすると、 名前をつけた位置がブラウザの最上部に来るように表示されます。 ほかのページの中の特定の位置へリンクするには、 そのページのURLと「#」+位置名を指定します。 <pre> <ul> <li> COLOR(red):<a href="COLOR(blue):#hogeCOLOR(red):">COLOR(black):はじめてのHTMLCOLOR(red):</a> </li> ... </ul> ... ... ... <h2> COLOR(red):<a name="COLOR(blue):hogehogeCOLOR(red):">COLOR(black):はじめてのHTMLCOLOR(red):</a> </h2> </pre> <pre> </pre> &br; &navi2(Lecture/InfoDesignB2004/5th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/5th,prev,toc,next) |