mikanusagi https://blog.hatena.ne.jp/mikanusagi/ CSS HTML 初心者 勉強中。 https://csshtml.mikanusagi.com/ HTML 今回ご紹介するのは、ページ内で任意の場所に飛ばす方法。 すごく簡単です。 原型 例 微妙にずれてしまう場合 原型 ① <a href="#A1"> ここに文字 </a>② <div id=“A1”> ここに文字 </div> ①から②にジャンプできます。 ①と②の “” 内は同じ文字 にします。 (上ではA1にしていますが、半角文字 ならなんでもいいです。) ①の “” 内は、半角文字の前に # をつけます。 ( 文字はなくても大丈夫。その場合は、上記「ここに文字」の部分に 「 &nbsp; 」を配置したらよいかと思います。) 例 それはあちらへ！ ↑クリックしてみてください。どっかへ飛びます… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcsshtml.mikanusagi.com%2Fentry%2F2021%2F06%2F08%2F132346" title="HTMLで同一ページ内にリンクを作る - CSS HTML 初心者 勉強中。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mikanusagi/20180513/20180513030741.png Hatena Blog https://hatena.blog 2021-06-08 13:23:46 rich https://csshtml.mikanusagi.com/entry/2021/06/08/132346 1.0 100%