02.09.2026

76

Как сделать ссылку на блок html

HTML: Ссылка внутри страницы

HTML ссылки можно также использовать для перехода к определённому месту внутри страницы (не обязательно текущей). В качестве места на странице, к которому будет осуществлён переход по ссылке, используется любой HTML-элемент, который допустимо использовать внутри элемента . Чтобы определить элемент, к которому будет осуществлён переход, ему нужно указать идентификатор с помощью атрибута id:

Заголовок

Теперь, чтобы при клике по ссылке был выполнен переход к элементу, который находится на одной странице с ведущей на него ссылкой, нужно в качестве значения атрибута href элемента написать символ решётки (#), после которого указать идентификатор элемента, к которому будет выполнен переход:

Чтобы перейти к определённому месту на другой странице, нужно указать решётку и необходимый идентификатор после URL-адреса:

ссылка ссылка

Примечание: основная польза от ссылок внутри веб-страницы заключается в том, что на страницах с большим объёмом содержимого, пользователю не приходится прокручивать всю веб-страницу в поисках нужного раздела, а сразу щёлкнув по названию нужного раздела, перейти к нему.

С этой темой смотрят:

  • Как сделать ссылку в html
  • Абсолютные и относительные ссылки html
  • Открытие html ссылки в новой вкладке
  • Как сделать картинку ссылкой
  • HTML тег

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru | razumnikum.ru

Как сделать весь блок ссылкой?

Нашел пожалуй самое простое решение — сделать display: block для ссылки и все! 🙂 В этом случае блок и ссылка совмещаются в одном элементе, проблема решена.

21 фев 2013 в 14:16

Это класcика, особенно если верстаешь меню и элементам списка делаешь float, а ссылкам display:block.

21 фев 2013 в 14:53

div .mydiv:hover ? в css
$(«div.mydiv).click() ? в js

Отслеживать
ответ дан 21 фев 2013 в 13:15
7,418 17 17 серебряных знаков 22 22 бронзовых знака
Спасибо. На hover реагирует, ссылки пока нет. Js, это куда ставить?
21 фев 2013 в 13:54
куда-нибудь в страничку, не? 🙂 я телепатию в школе не прощожил, уж извините)
21 фев 2013 в 13:59

Просто меняешь DIV на A со стилем display:block

 . .my-block < display: block; >.my-block:hover

Отслеживать
371 1 1 золотой знак 5 5 серебряных знаков 13 13 бронзовых знаков
ответ дан 21 фев 2013 в 15:28
854 4 4 серебряных знака 8 8 бронзовых знаков

var target='.block'; jQuery(target).each(function()< jQuery(this).click(function()< location = jQuery(this).find('a').attr('href');>); jQuery(this).css('cursor','pointer'); >);

Отслеживать
ответ дан 25 фев 2013 в 12:58
756 3 3 золотых знака 17 17 серебряных знаков 41 41 бронзовый знак

HTML:

CSS:

div.content < display: block; overflow: hidden; background-color: #ccc; width: 200px; height:200px; border: 1px solid #000; >div.content > a < display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none; >div.content > a div < display: block; overflow: hidden; width: 100%; height: 100%; color: #543454; >div.content > a div p

Отслеживать
ответ дан 22 сен 2016 в 14:57
621 4 4 серебряных знака 14 14 бронзовых знаков

  • html
  • css
  • вёрстка
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Как сделать ссылку на определенное место на странице?

Для этого вам нужно создать якорь. Якорь — закладка с уникальным именем (id) на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Например, чтобы сделать переход с описания компании на контакты:

  1. Перейдите в «Расширенный режим» в левом нижнем углу страницы.
  2. Из меню справа страницы переместите в редактор блок, на который вы хотите сделать ссылку.
  3. Нажмите на блок, в панели его управления выберите «Редактировать HTML блока» и пропишите в теге div атрибут id, например: и нажмите «Сохранить».
  4. Из меню справа страницы переместите в редактор блок, с которого будет осуществляться переход.
  5. Нажмите на него, выделите текст для перехода и в панели инструментов сверху выберите «Ссылку».
  6. В открывшемся меню в первой строке «Обычная ссылка» укажите #contacts и нажмите «Сохранить».

* 4.1. Если вы хотите использовать переход с кнопки, найдите подходящий виджет в меню справа на странице и переместите его в редактор. Нажмите на кнопку два раза, выберите «Ссылку» и следуйте последнему пункту.

Другие вопросы в разделе «Редактирование сайта»

  • С помощью чего редактируется сайт?
  • Как управлять виджетами?
  • Как изменять текст виджетов?
  • Как добавить ссылку?
  • Можно ли вернуть удаленный по ошибке текст или картинку?
  • Можно ли поменять фон и цвет?
  • Как добавить свою карту?
  • Как добавить картинку?
  • Можно ли открывать фотографии в увеличенном размере?
  • Как настроить для фотографий просмотр с прокруткой?
  • Можно ли изменить размер или форму картинки?
  • Как добавить свое видео?
  • Как добавить ссылки на соцсети?
  • Можно ли восстановить информацию, если не нажали «Сохранить» и закрыли редактор?
  • Возможно ли принимать платежи на сайте, созданном на «Джино.Лендинге»?
  • Как добавить ссылку на кнопку?
  • Как сделать меню?
  • Как поменять иконку?
  • Для чего нужен «Расширенный режим»?
  • Как поменять фон страницы?
  • Можно ли разделить страницу на секции с разным фоном?
  • Как сделать кнопку «Позвонить»?
  • Как добавить форму обратной связи?
  • Как добавить анимацию на страницу?

Похожие записи

Как установить границу кнопки html

admin

Как выключить автовоспроизведение видео в яндекс браузере

admin

Как создать копию сервера дискорд

admin