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

Как сделать ссылку, чтобы при нажатии на нее на странице сайта происходил переход к определенному имени в html-таблице, в ячейке которой содержится этот текст. При этом требуется выделить найденное имя (например, изменить цвет, сделать текст жирным или добавить обводку). В случае наличия нескольких одинаковых имен в таблице, требуется выделить только первое встреченное имя или все одинаковые. Ссылка на строку не подходит, так как позиции наименований товаров в таблице часто меняются, хотя сами наименования остаются неизменными.
  • 12 апреля 2024 г. 7:29
Ответы на вопрос 2
Для создания гиперссылки в HTML-таблице, которая будет перенаправлять пользователя к конкретному якорю на странице, можно использовать следующий код:

```html
<!DOCTYPE html>
<html>
<head>
<style>
.highlight {
  color: red;
  font-weight: bold;
  border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <tr>
    <td><a href="#anchor1">Текст 1</a></td>
  </tr>
  <tr>
    <td><a href="#anchor2">Текст 2</a></td>
  </tr>
</table>

...

<h1 id="anchor1">Якорь 1</h1>
<p>Текст, к которому ведет первая ссылка.</p>

<h1 id="anchor2">Якорь 2</h1>
<p>Текст, к которому ведет вторая ссылка.</p>

</body>
</html>
```

В данном примере, при нажатии на ссылку "Текст 1" в таблице, страница будет прокручиваться к якорю с id="anchor1", который расположен ниже в тексте. Точно так же работает ссылка "Текст 2" и якорь с id="anchor2".

Чтобы выделить найденное имя, можно использовать класс CSS, например, "highlight", который выделит текст красным цветом, сделает его жирным и добавит обводку. Пример использования такого класса для выделения найденного имени:

```html
<td><a href="#anchor1" class="highlight">Текст 1</a></td>
```

Таким образом, при создании гиперссылки в HTML-таблице для перехода к конкретному якорю на странице и выделения найденного имени, можно использовать комбинацию ссылок с якорями и стилей CSS для задания эффектов выделения текста.
Использовать стандартные якоря .
Похожие вопросы