TITLE:リンクの作成 *「リンク」をつくる [#d8688aa4] **「リンク」をつくる [#l057d697] ほかのWebページにジャンプする、リンクを作るには、 ''a要素''と''href属性''を使います。 #pre(novervatim){{ COLOR(red):<a href="COLOR(blue):リンク先のURLCOLOR(red):">COLOR(black):...COLOR(red):</a> }} a要素のhref属性に、リンク先のWebページのURLを指定します。 また、ファイルを指定することもできます。 タグの間の内容には、リンク先のWebページのタイトルなど、 リンクであることをあらわす具体的な言葉を設定します。 「ここ」や「ここをクリックしてください」のような、 抽象的な言葉は避けてください。 ***HTMLとブラウザでの表示例 [#z40a3c0b] #pre(novervatim){{ COLOR(red):<a href="COLOR(blue):http://arena.hyogo-dai.ac.jp/~kawano/COLOR(red):">COLOR(black):ウェブデザイン担当者のサイトCOLOR(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): }} #ref(Lecture/JouhouC2010/2nd/link/html02.png,nolink,リンクの例) &br; &navi2(Lecture/JouhouC2010/2nd,next);進んでください。 ---- #navi2(Lecture/JouhouC2010/2nd,prev,toc,next) |