Skip to main content

他のページへのリンクを作る

まず、このウェブサイトを開いてみてください。 https://yuna-szk.github.io/

メインのページから、「活動の紹介」や「時間と場所」をクリックするとそれぞれのページにとびますね。
このように、他のページを作ってメインページからリンクでとべるようにしましょう。

ここでは、「About Me」という、自己紹介のページを追加します。

手順#

1. リンク先のページを作る#

index.htmlを作った時と同様に、新しいhtmlファイルを作ります。 VSCodeでindex.htmlが入っているフォルダを開き、新しいファイルを作り「aboutme.html」と名前をつけましょう。

aboutme.htmlには、index.htmlの中身をコピーしてペーストしましょう。

コピーしたら、<body></body>の中身を編集しましょう。

2. index.htmlで、リンク先にaboutme.htmlを指定する。#

リンクはというタグで挿入できますね。 リンク先は”aboutme.html”にしましょう。

ウェブサイトをチェックしましょう! リンクはできてますか?