目次
aタグを使って別ファイルにリンクする方法について見ていきます。
![](https://teatree-web.com/wp-content/uploads/2022/12/e0791795a25c6069c58070ad5533f2e1-1024x297.jpg)
別ファイルへのリンク
![](https://teatree-web.com/wp-content/uploads/2022/12/67420634e0c32a8bcc69af1ad2673866.jpg)
前回まででリンクの貼り方について見てきました。
詳しくは『【HTMLを書いていこう】リンクの貼り方を解説』を御覧ください
前回ファイルを作っていったので今回はリンクを貼ってサイトを行き来できるようにしていきます。
適当にサイトの中身を作っていきます。
まずはindex.htmlの方からリンクを貼ってきます。
aタグを使っていけばいいのでhref属性に前回設定したファイル名で呼び出してあげます。
同じ階層にある場合は普通にファイル名を書いていけばいいです。
また、同じ階層にない場合もありますのでその場合、まずフォルダを呼び出し/(スラッシュ)を挟んでファイル名を書いてあげます。
今回の場合は<a href=”blog/index.html”>詳細</a>としてあげればいいでしょう。
![](https://teatree-web.com/wp-content/uploads/2022/12/11fb0070948f4fd8bef7ba12bdeb5028.jpg)
また、それぞれのファイルに戻るボタンを作っておくと親切です。
指定のファイル内でaタグを使い、ホームへのポタンを作っていきましょう。
同じ階層にある場合はindex.hemlに飛ぶリンクを作ればいいだけなので<a href=”index.html”>ホームへ</a>と書いていけばおkです。
![](https://teatree-web.com/wp-content/uploads/2022/12/0555a8c46ba45e1629a0b6dd3ee00d97-1024x391.jpg)
違う階層にある場合はまず上の階層に戻ってそこから同じ階層にあるindex.htmlに戻るようにしなければいけないので一つ上の階層のという意味で..(ピリオド2つ)を書いて//(スラッシュ)で囲ったあとにindex.htmlと書いて上げましょう
<a href=”../index.html”>ホームへ</a>と書いてあげればいいでしょう。
![](https://teatree-web.com/wp-content/uploads/2022/12/0555a8c46ba45e1629a0b6dd3ee00d97-1024x391.jpg)
以上