Как можно сделать ячейку таблицы, а не только текст, кликабельной на веб-сайте, используя HTML и CSS?
Для того чтобы сделать строки или ячейки таблицы кликабельными на HTML странице, можно использовать JavaScript. Например, можно добавить атрибут onclick к элементу <tr> для строк или <td> для ячеек таблицы.
Пример кода для добавления кликабельности на строку таблицы:
```html
<table>
<tr onclick="alert('Вы кликнули на строку!')">
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr onclick="alert('Вы кликнули на строку!')">
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
```
Также можно использовать CSS для изменения фона или стиля строки/ячейки при клике, добавив классы и прописав соответствующие стили в CSS:
```html
<style>
.clickable {
cursor: pointer;
}
.clickable:hover {
background-color: lightgrey;
}
</style>
<table>
<tr class="clickable" onclick="alert('Вы кликнули на строку!')">
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr class="clickable" onclick="alert('Вы кликнули на строку!')">
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>
```
Таким образом, можно сделать строки или ячейки таблицы интерактивными для клика на веб-странице.
1. не использовать таблицу. сверстать на флексбокс, каждую строку обернуть в ссылку.
<a href="#" class="link"> <span class="name">Ремонт1</span> <span class="hours">3-5 часов</span> <span class="price">1190 ₽</span> </a>
2 . javascript: повесить на tr событие onclick
<tr class="link3" data-url="https://yandex.ru" onclick="goToUrl(this)"> <td>Text</td> </tr> <script> function goToUrl(i) { const url = i.dataset.url window.location.href = url } </script>