Редактор коду W3Schools - Tryit

<!DOCTYPE html>
<html>
<body>

<p><a href="#C4">Перейти до розділу 4</a></p>
<p><a href="#C10">Перейти до розділу 10</a></p>

<h2>Розділ 1</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 2</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 3</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2 id="C4">Розділ 4</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 5</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 6</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 7</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 8</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 9</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2 id="C10">Розділ 10</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 11</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 12</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 13</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 14</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 15</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 16</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 17</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 18</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 19</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 20</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 21</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 22</h2>
<p>Цей розділ пояснює ba bla bla</p>

<h2>Розділ 23</h2>
<p>Цей розділ пояснює ba bla bla</p>

</body>
</html>