Q&A
実現したいこと
navで設定してある学歴・職歴を押すとその表に飛ばしたい
ここに質問の内容を詳しく書いてください。
HTMLで自己紹介サイトを作っています。navタグをつくって、トップページから好きなところへ飛ぶことができる機能を実装したいです。
発生している問題・エラーメッセージ
画面内遷移ができない
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>エントリーシート・履歴書用 まとめページ</title> <script src="js/jquery-3.2.0.min.js"></script> <script src="js/bootstrap.min.js"></script> <link rel=stylesheet href="css/bootstrap.min.css"> <link rel=stylesheet href="css/style.css"> </head> <body> <header> <h1>エントリーシート・履歴書用 まとめページ</h1> <nav> <ul> <li><a href="#">学歴・職歴</a></li> <li><a href="#">資格</a></li> <li><a href="#">自己PR</a></li> <li><a href="#">趣味</a></li> <li><a href="#">作品集</a></li> </ul> </nav> </header> <div id="keyVisual" class="jumbotron"> <div class="container "> <h1>kouta's Entry Sheet</h1> </div> </div> <div class="container" role="main"> <section> <h2><i class="glyphicon glyphicon-record text-titleIcon"></i>学歴・職歴</h2> <div class="row"> <div class="col-md-12"> <table border="1" > <colgroup span="2" style="background:#ffe6e6"> <colgroup span="2" style="background:#fdf5e0"> <colgroup span="2" style="background:#FFCC4E"></body> </html><tr > <th >年</th> <th >月</th> <th >学校名</th> <th >学科</th> <th >入学・卒業</th> </tr> <tr align="center"> <td>20年</td> <td>3月</td> <td>札幌市立中学校</td> <td></td> <td>卒業</td> </tr> <tr align="center"> <td>2015年</td> <td>4月</td> <td>北海道等学校</td> <td align="center">普通科</td> <td>入学</td> </tr> <tr align="center"> <td>2018年</td> <td>3月</td> <td>北海道等学校</td> <td>普通科</td> <td>卒業</td> </tr> <tr align="center"> <td>2020年</td> <td>4月</td> <td>北海道学校</td> <td>大学科</td> <td>入学</td> </tr> <tr align="center"> <td>2020年</td> <td>4月</td> <td>北海道大学</td> <td>学科</td> <td>入学</td> </tr> <tr align="center"> <td>2024年</td> <td>3月</td> <td>北海道学校</td> <td>修科</td> <td>卒業見込み</td> </tr> <tr align="center"> <td>2024年</td> <td>3月</td> <td>北海道大学</td> <td>シ報学科</td> <td>卒業見込み</td> </tr> </table> </div> </div> </section> </div> <div class="btnPagetop"> <a href="#" class="center-block text-center"><i class="glyphicon glyphicon-chevron-up center-block"></i>Page Top</a> </div> <footer> <div class="text-center"> <small>Copyright © 2023 kouta.ALL rights reserved.</small> </div> </footer>
HTML
試したこと
a href=""この中に学歴・職歴へのリンクを張るのかなと思っておりますが、調べても出てこず、詰まっております。
回答1件
0
ベストアンサー
a href=""この中に学歴・職歴へのリンクを張るのかなと思っておりますが、
その通りです。飛ばしたい箇所のブロックにidを指定して、そのidをa href=""に指定してください。例えば学歴・職歴を囲んでいるsectionに
html
1<section id="hoge">
として、
html
1<a href="#hoge">学歴・職歴</a>
とすれば、その部分に移動します。
投稿2023/05/11 03:35
総合スコア171
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/05/11 03:44