家庭菜園

HOME
旅   情   報
地 元 情 報
ホ ー ム ペ ー ジ 作 成 情 報
ド ラ イ ブ
そ   の   他

電車で行ける日帰の旅

日帰温泉地(千葉県内)

佐倉チュウリップ祭

富士見のポイント

HPのリンクの貼り方

検索ランクUPの方法

ホームページの作成法

HPテーブルの作成法

東北ドライブ

伊豆ドライブ

餃子の作り方

パソコンの買換

リンクの貼り方(ホームページ作成参考資料)



         今回はホーページの中で色々のページ及び場所にリンクさせる記述方法(HTMLソース)
         について目的別に簡単に説明いたします。


リンクには、絶対リンク・相対リンクがある。

@絶対リンク:http;//www表示

    http//www.....(URL)


A相対リンク:ファイル同士の位置示す。(基準ファイルから見てどこに有るかをしめす表示方法)

    □ 自分のwebページ内での表示に使う
            フォルダーを移動するごとに「/」(スラスシュ)を入れる
    □ 自分の製作中のファイルに対し、上流にあるファイル一つ階層が上がる毎に「../」をつける。


    □ 同じフォルダ内にあるファイルを指定する場合 : ファイル名

    □ 同じフォルダ内の下位フォルダにあるファイルを指定する場合:下位フォルダ/名ファイル名 

    □ 別フォルダにあるファイルを指定する場合
            ../../同位フォルダ/下位フォルダ名/ファイル名
            ../同位フォルダ名/ファイル名
            ../同位ファイル名 


Aについては具体的には下記のようになる。

(1)別ファイルにリンク
紫色のmi.htmlからa.htmlからf.htmlのそれぞれの別ファイルにリンクさせる場合のタグの記述のしかたに ついて記載します。
【注意】説明を解りやすくするためにa.html〜f.htmlとしているファイル名は、実際に記載する場合は(ホ−ムページ として公開する場合には、検索ロボットが認識できるようにする為)必ず全てindex.htmlとすること。
また、一つのフォルダー内に2つのファイルが存在する場合は、一つのフォルダー内に同じファイル名は作れませんので、その際 のファイル名は、index_2.htmlとすること。
別ファイルにリンク


(2)ファイル内の指定場所にリンク
ファイル内の自分の指定する場所(H)にリンクさせる場合の方法を説明します。
ファイル内の指定場所にリンク

リンク文字の色の変更法・文字下線の消し方等は、省略

HOME

頁トップ