Как сделать ссылку на сайт, чтобы переходить при нажатии на слово?

Как сделать ссылку на сайт, чтобы переходить при нажатии на слово? - коротко

Для перехода по нажатию на слово используйте HTML‑тег <a href="https://example.com">слово</a>. В атрибуте href указываете нужный URL, а внутри тега пишете отображаемый текст.

Как сделать ссылку на сайт, чтобы переходить при нажатии на слово? - развернуто

Для создания гиперссылки, при которой пользователь переходит на нужный ресурс после клика по отдельному слову, достаточно использовать элемент <a> в HTML. Этот тег позволяет задать адрес перехода через атрибут href и указать любой текст внутри тега – именно он будет отображаться как кликабельное слово.

<a href="https://example.com">слово</a>

В результате слово «слово» будет подчеркнуто (по умолчанию) и при нажатии откроет страницу https://example.com. Чтобы контролировать внешний вид ссылки, применяют стили CSS:

<a href="https://example.com" class="my-link">слово</a>
<style>
.my-link {
 color: #0066cc; /* цвет текста */
 text-decoration: none; /* убрать подчеркивание */
 cursor: pointer; /* указатель мыши */
}
.my-link:hover {
 text-decoration: underline; /* подчеркивание при наведении */
}
</style>

Если требуется, чтобы ссылка открывалась в новой вкладке, добавляют атрибут target="_blank":

<a href="https://example.com" target="_blank">слово</a>

Для более сложных сценариев (например, переход после выполнения JavaScript‑кода) используют обработчики событий:

<a href="#" id="link">слово</a>
<script>
document.getElementById('link').addEventListener('click', function(event) {
 event.preventDefault(); // отменяем стандартный переход
 // здесь может быть любой код
 window.location.href = 'https://example.com';
});
</script>

В Markdown синтаксисе ссылка оформляется так:

[слово](https://example.com)

При рендеринге в HTML получится тот же элемент <a>.

Список основных шагов:

1. Выберите слово, которое должно стать ссылкой.
2. Оберните его тегом <a> и укажите адрес в атрибуте href.
3. При необходимости добавьте атрибут target="_blank" для открытия в новой вкладке.
4. При желании настройте внешний вид через CSS.
5. Если нужен динамический переход, привяжите обработчик события click и выполните переход программно.

Эти простые правила позволяют быстро превратить любой текстовый фрагмент в рабочую гиперссылку, обеспечивая удобную навигацию для посетителей сайта.