内部リンクの張り方｜ホームページ作成その他

現在地: Home » 初級ホームページ作成講座：目次 » ホームページ作成その他：内部リンクの張り方

内部リンクの張り方

無料(X)HTML CSSエディタの紹介

無料で使えるホームページ作成支援ツールです（当サイトも下記ソフトで作成しています）サイト内では説明上「メモ帳」を利用するようにしていますが、実際のホームページ作成には正直無理があります。お薦めなので是非ダウンロードしておきましょう。

【index.html】ファイルから【aaa.html】ファイルへリンクを張ります。

【index.html】を開き、[表示]→[ソース]で【HTML文書】を表示します。

サンプル図

表示したらソースを下記に張り替えます。（コピペして下さい。）

<html> <head> <title>ホームページ作成</title> </head> <body> <a href="aaa.html">aaa.htmlへのリンク</a> </body> </html>

サンプル図

張り替えたら、[ファイル]→[上書き保存]で保存して下さい。

保存したらブラウザの【更新】をしてみて下さい。下記のように表示出来たら完成です。リンクをクリックしてみて下さい。

サンプル図

同じフォルダ内にあるファイルへのリンクは

<a href="ファイル名">リンク先の名</a>

【aaa.html】ファイルから【index.html】ファイルへリンクを張ります。

【aaa.html】を開き、[表示]→[ソース]で【HTML文書】を表示します。

開いたら、上記同様に下記ソースに張り替えます。

<html> <head> <title>ホームページ作成</title> </head> <body> <a href="index.html">index.htmlへのリンク</a> </body> </html>

サンプル図

張り替えたら、[ファイル]→[上書き保存]で保存して下さい。

保存したらブラウザの【更新】をしてみて下さい。下記のように表示出来たら完成です。リンクをクリックしてみて下さい。

サンプル図

同じフォルダ内にあるファイルへのリンクは

<a href="ファイル名">リンク先の名</a>

以上でリンクの張り方は終了です。これの繰り返しでリンクを増やせます。

別フォルダにリンクファイルがある時は注意が必要です。特に【リンク先ページからトップページへリンクを張る時】です。基本は一緒ですので、まだ【リンクの張り方】を見てない方はそちらを参照して下さい。