はじめに

こんにちは! 投稿をしばらくサボっていた中学2年生のWardHamamatsu67です! 今回は、自分のHTMLのページに、外部のサイトにアクセスできるボタンを設置する方法を紹介したいと思います。Wikipediaなどでよく見かけるものですね。

コード

今回はこの前の記事で使用した「明けましておめでとうございます。」が書かれたページから青看板があるページにアクセスするボタンを作ります。

    <p></p>
        <a href="./blue.html">ここから</a>

ボタンを作るときにはaタグが必要になります。
"href="の後には、"./ファイル名"と書きます。
そして、ボタンを作るときに注意することがあります。それは、aタグとその閉じタグの間に文字を書かないといけないことです!!この作業をしないと、どこにボタンがあるのかがわからなくなるからです。

完成図

「ここから」というボタンが設置されていますね。ではこれを押すとどうなるでしょうか。

はい。無事アクセスできました。

おわりに

どうでしたか。しばらく投稿をサボっていたので何か難しいことを紹介するのかと思ったら、かなり簡単なことを紹介して...!と怒る方もいらっしゃると思いますが、長い間サボることにならなくてよかったです。次回は、これにCSSを合わせたバージョンを紹介したいと思います。
この記事が良いと思った方はいいねとフォローをしてくれると嬉しいです。