Можете ли вы сделать перекрестную ссылку на веб-странице, используя только HTML и CSS, без сценариев или программирования?

Question

Я все еще изучаю HTML и CSS и не знаю языков сценариев или программирования. Мне нужно сослаться на изображение, таблицу или заголовок в теле моей веб-страницы, например, «см. Таблицу 6» или «см. Изображения в [текст заголовка 2]», где указан номер таблицы или текст Заголовок 2 может измениться. Перекрестная ссылка - это ссылка на это место на странице.

Я знал, как сделать ссылку на область на веб-странице, но не могу понять, как изменить текст ссылки, если заголовок или заголовок изменятся.

Вот HTML. У меня есть H4, который является линейным заголовком, и ссылка внизу, ведущая к H4. Я думаю.

<div>
<h4 id="Item1">This is an inline heading.</h4>&nbsp;&nbsp;This is the default browser font and font-size because no font is specified.  This is text inside a div.
</div>
<ul>
    <li style="list-style:square url(images/pentpurple.png");">Text for first bullet.</li>
    <li>More text.</li>
</ul>

<ol>
    <li>Text for number one.</li>
    <li>More text.</li>
</ol>

<p>This is a link to <a href id="#Item1">the in-line heading</a> on this web page and this is <a href="https://facebook.com">an outside link</a>.</p>