Как сделать ссылку на текст внутри параграфа

Question

У меня есть две следующие ссылки в моем главном меню, и у меня есть несколько текстов на одной странице с разными заголовками.Когда кто-нибудь нажимает на первую ссылку, я хочу, чтобы мой пользователь переходил непосредственно к первому пункту с заголовком - «Мой заголовок 1», а если кто-то нажимает на вторую ссылку, то я хочу, чтобы мой пользователь переходил непосредственно ко второму пункту.с заголовком «Мой титул 2»

<a> Link to "My Title 1" </a>  ...Link 1   
<a> Link to "My Title 2" </a>   ...Link 2    


<h1> My Title 1 </h1>
  <p> My 500 line texts goes here </p>


<h1> My Title 2 </h1>
  <p> My 600 line texts goes here </p>

Я не знаю, как этого добиться, пожалуйста, покажите мне, пожалуйста?

Заранее спасибо:)

Answer 1

Вам нужно использовать так называемые якоря. Примените идентификатор к каждому заголовку и тот же идентификатор к свойству href ссылки. Убедитесь, что вы добавили хеш (#). Браузер сделает прыжки за вас.

<a href="#title1">Title 1</a>
<h1 id="title1">Title 1</h1>