HTML リンクの書き方

言語 HTML
作成日 : 2023年11月22日
初公開日 : 2023年11月22日
更新日 : 2023年11月22日

目次
1.書き方

書き方

サイト内リンク

今回はaタグを使った場合のコードです
ファイル構成は以下だとします

this page
　　

fa
　　　　

a.html
　　　　

b.html
　　　　　　

fb
　　　　　　　　

c.html
　　

fc
　　　　

d.html

サイト内リンク

a.htmlからb.htmlに行きたい場合

<a href="b.html">リンク</a>

a.htmlからc.htmlに行きたい場合

<a href="fb/c.html">リンク</a>

a.htmlからd.htmlに行きたい場合
../は一つ前のフォルダに戻ると言う意味です。

<a href="../fc/c.html">リンク</a>

外部リンク

Youtubeホームページに行きたい場合

<a href="https://www.youtube.com/">リンク</a>

表示