html — список (тег ) кликабельный без ссылки (тега )
Мне надо оставить список, то есть работать с тегом li.
Возможно ли сделать эллемент списка кликабельный без добавления тега
<a></a> ?
<!DOCTYPE html> <html> <head> <style> a:link, a:visited { text-decoration: none; display: inline-block; background-color: white; border: none; padding: 0px 12px; width: 12em; color: black; } a:hover, a:active { background-color: #edebeb; } </style> </head> <body> <ul> <li><a href="#">спискок кликабельный</a></li> </ul> </body> </html>
тег blazor добавила, потому что веб проект блазор, c#, возможно есть событие, которое можно приписать к списку, или еще что то мне незнакомое
- html
- css
- blazor
Или так
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } a { } .list__container { display: flex; flex-direction: column; align-items: flex-start; } .list__container > *::before { content: '•'; display: inline-block; position: static; color: black; margin-right: 4px; } .list__container > * + * { margin-top: 10px; }
<div> <a href="/путь">/путь</a> <a href="/путь">/путь</a> <a href="/путь">/путь</a> </div>0
.listdetail-item { background-color: white; border: none; padding: 0px 12px; width: 12em; cursor: pointer; } .listdetail-item:hover, listdetail-item:active { background-color: #edebeb; }
<!DOCTYPE html> <html> <head> </head> <body> <ul> <li> спискок кликабельный </li> </ul> </body> </html>
все утро искала, но нашла как только вопрос задала 🙂
Зарегистрируйтесь или войдите
Регистрация через Google Регистрация через Facebook Регистрация через почтуОтправить без регистрации
ПочтаНеобходима, но никому не показывается
Отправить без регистрации
ПочтаНеобходима, но никому не показывается
By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.
Шпаргалка HTML — тег SyntaxHighlighter.config.clipboardSwf = ‘plugins/syntax/scripts/clipboard.swf’; SyntaxHighlighter.all();
- Главная»
- HTML-Шпаргалка»
- a
Поддержка браузеров
Пример
<a href ="http://ruseller.com">Ссылка на Ruseller.com</a>
Описание и использование
Тег <a> определяет якорь. Якорь можно использовать двумя способами:
1. Создать ссылку на другой документ, используя атрибут href
2. Создать закладку в текущем документе, используя атрибут name
Элемент a чаще всего называют ссылка или гиперссылка.
Самым важным атрибутом элемента a является — href. Он определяет расположение документа по ссылке.
По умолчанию, ссылки во всех браузерах выглядят следующим образом:
— непосещенная ссылка подчеркнута и синяя
— посещенная ссылка подчеркнута и фиолетовая
— активная ссылка подчеркнута и красная
Разница между HTML и XHTML
Нет
Советы и примечания
Используйте CSS для оформления ссылок!
Необязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
charset | char_кодировка | Определяет набор символов документа, на который идет ссылка |
coords | координаты | Определяет координаты ссылки |
href | URL | Определяет расположение ссылки |
hreflang | код_языка | |
name | название_секции | Определяет название якоря |
rel | текст | Определяет отношение между текущим документом и документом по ссылке |
rev | текст | Определяет отношение между документом по ссылке и текущим документом |
shape | default rect circle poly |
Определяет форму ссылки |
target | _blank _parent _self _top название_фрейма |
Определяет в каком окне откроется ссылка |
Стандартные атрибуты
Атрибут | Значение | Описание |
---|---|---|
accesskey | буква | Определяет клавишную комбинацию для получения доступа к элементу |
class | имя_класса | Определяет имя класса для элемента |
dir | rtl ltr |
Определяет направление текста для контента в элементе |
id | id | Определяет уникальный id для элемента |
lang | код_языка | Определяет код языка для контента в элементе |
style | определение_стиля | Определяет инлайновый стиль для элемента |
tabindex | номер | |
title | текст | Определяет дополнительную информацию об элементе |
xml:lang | код_языка | Определяет код языка для контента в элементе, в XHTML документах |
Событийные атрибуты
Атрибут | Значение | Описание |
---|---|---|
onblur | скрипт | Скрипт будет выполнен после потери элементом фокуса |
onclick | скрипт | Скрипт будет выполнен при клике |
ondblclick | скрипт | Скрипт будет выполнен при двойном клике |
onfocus | скрипт | Скрипт будет выполнен при получении фокуса |
onmousedown | скрипт |
Скрипт будет выполнен при нажатии кнопки мышки |
onmousemove | скрипт | Скрипт будет выполнен при движении курсора мышки |
onmouseout | скрипт | Скрипт будет выполнен, когда курсор мышки покинет пределы элемента |
onmouseover | скрипт | Скрипт будет выполнен, когда курсор мышки находится над элементом |
onmouseup | скрипт | Скрипт будет выполнен, когда кнопка мышки будет отпущена |
onkeydown | скрипт | Скрипт будет выполнен при нажатии клавиши |
onkeypress | скрипт | Скрипт будет выполнен при нажатии клавиши и последующего разжатия |
onkeyup | скрипт | Скрипт будет выполнен при разжатии клавиши |
Шпаргалка HTML:
ТОП-10 Хостеров:
Смотреть весь рейтинг
Шпаргалки:
Рекомендуем
HTML-тег
Тег HTML
представляет собой ссылку на внешний ресурс.
Тег
часто используется для ссылки на внешнюю таблицу стилей, но его также можно использовать для других целей, таких как помощь поисковым системам путем предоставления ссылок на соответствующие ресурсы, предоставления информации о структуре навигации веб-сайта и т. д.
Хотя тег
можно использовать для создания так называемой «гиперссылки», это , а не , используется для создания «кликабельной» гиперссылки, с которой знакомо большинство веб-пользователей. Для создания такой ссылки используйте тег
.
Синтаксис
<ссылка rel="stylesheet" href="/screen. css»>
Примеры
Базовое использование тега
Вот типичное использование элемента
, который ссылается на внешнюю таблицу стилей.
<голова>
Основной текст…
тело>Атрибуты
Атрибуты могут быть добавлены к элементу HTML, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя.
Элемент
принимает следующие атрибуты.