リンクをつけてみよう｜ホームページの作り方｜ホームページで広告収入MASTER！

リンクをつけてみよう

画像を表示させる
リンク先を指定するリンク先箇所を指定するリンクの開き方を指定する画像にリンク先を指定する項目リストにリンク先を指定する

リンク先を指定する

HTMLコード	ブラウザ表示画面
<a href="ファイル名.html">リンク先を指定する</a> <!-- 相対リンク、絶対リンクどちらでもOK--> →相対パスと絶対パスについて	リンク先を指定する
コンテンツメニューに戻る

リンク先箇所を指定する

HTMLコード	ブラウザ表示画面
<a href="ファイル名.html#ID名">リンク先箇所を指定する</a> <!-- リンク先指定には「#」と「ID名」を使います。「ID名」は任意で決められます。別ページなら、リンク先指定で「ファイル名.html#ID名」同ページなら「#ID名」を指定します。指定先は「pタグ」「imgタグ」「aタグ」など色々なタグに指定できます。--> ▽例 <p id="ID名"> <img src="ファイル名.gif" id="ID名"> <a href="ファイル名.html" id="ID名">	リンク先箇所を指定する ◎指定先◎
コンテンツメニューに戻る

HTMLコード

ブラウザ表示画面

<a href="ファイル名.html#ID名">リンク先箇所を指定する</a>

<!-- リンク先指定には「#」と「ID名」を使います。

「ID名」は任意で決められます。

別ページなら、リンク先指定で「ファイル名.html#ID名」同ページなら「#ID名」を指定します。

指定先は「pタグ」「imgタグ」「aタグ」など色々なタグに指定できます。-->

▽例
<p id="ID名">
<img src="ファイル名.gif" id="ID名">
<a href="ファイル名.html" id="ID名">

リンク先箇所を指定する

◎指定先◎

コンテンツメニューに戻る

リンクの開き方を指定する

HTMLコード	ブラウザ表示画面
<a href="#" target="_blank">新しいウィンドウで開く</a><br /><br /> <a href="#" target="_parent">親ウィンドウで開く</a> <!-- ウィンドウの開き方指定は「target」で指定します。「_blank」を指定すると別ウィンドウでリンク先を開きます。指定しなければ同一ウィンドウでリンク先を開きます。-->	新しいウィンドウで開く親ウィンドウで開く
コンテンツメニューに戻る

画像にリンク先を指定する

HTMLコード	ブラウザ表示画面
<a href="http://www.wanpug.com/" target="_blank"><img src="../img/i_wanpagubana1.gif" alt="無料イラスト・春・夏・秋・冬/イラストわんパグ"></a>
コンテンツメニューに戻る

項目リストにリンク先を指定する

HTMLコード	ブラウザ表示画面
<ol> <li><a href="ファイル名.html">項目１</a></li> <li><a href="ファイル名.html">項目２</a></li> <li><a href="ファイル名.html">項目３</a></li> <li><a href="ファイル名.html">項目４</a></li> <li><a href="ファイル名.html">項目４</a></li> </ol>	項目１項目２項目３項目４項目４
コンテンツメニューに戻る

SEO		[PR] ��!��u��O ��z�[��y�[�W�J�� C�u��