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 указывает связь между документом, содержащим гиперссылку, и целевым ресурсом. Атрибут href указывает адрес гиперссылки. См. ниже в разделе «Шаблон» другие атрибуты, которые можно использовать с <ссылка> тег.
Вот так:
<ссылка rel="stylesheet" href="/screen.
css»>
Примеры
Базовое использование тега
Тег может быть размещен либо там, где ожидаются метаданные, либо в элементе , который является дочерним элементом элемента .
Вот типичное использование элемента , который ссылается на внешнюю таблицу стилей.
<голова>
Основной текст…
Атрибуты
Атрибуты могут быть добавлены к элементу HTML, чтобы предоставить больше информации о том, как элемент должен выглядеть или вести себя.
Элемент принимает следующие атрибуты.
| Атрибут | Описание | ||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
href | Указывает URL-адрес документа ресурса. | ||||||||||||||||||||||||||||||||||||
crossorigin | Этот атрибут является атрибутом настроек CORS. CORS расшифровывается как Cross-Origin Resource Sharing . Назначение атрибута crossorigin — позволить вам настроить запросы CORS для извлеченных данных элемента. Значения кросс-происхождения 9Перечисляются атрибуты 0004. | ||||||||||||||||||||||||||||||||||||
rel | Описывает связь между текущим документом и целевым URI. Можно указать несколько значений, разделенных пробелом.Возможные значения:
| ||||||||||||||||||||||||||||||||||||
rev | Отношение обратной ссылки целевого ресурса к этому документу (или подразделу/теме). | ||||||||||||||||||||||||||||||||||||
media | Указывает, какой носитель использует целевой URL. Используется только при наличии атрибута href .Значение: [Значение должно быть допустимым медиа-запросом. Значение по умолчанию – 9.0003 все ] . | ||||||||||||||||||||||||||||||||||||
одноразовый номер | Представляет криптографический одноразовый номер («число, использованное один раз»), которое может использоваться политикой безопасности содержимого для определения того, будет ли внешний ресурс, указанный ссылкой, загружен и применен к документу. Значение — текст. | ||||||||||||||||||||||||||||||||||||
hreflang | Код языка целевого URL. Чисто консультативный. Значение должно быть допустимым кодом языка RFC 3066. | ||||||||||||||||||||||||||||||||||||
type | MIME-тип содержимого в месте назначения ссылки. Чисто консультативный. | ||||||||||||||||||||||||||||||||||||
referrerpolicy | Политика Referrer для выборок, инициированных элементом. | ||||||||||||||||||||||||||||||||||||
размеры | Указывает размеры значков для визуальных носителей. Можно использовать для фавиконов. Можно указать несколько значений, если они разделены пробелом. Примеры:
|
Глобальные атрибуты
Следующие атрибуты являются стандартными для всех элементов HTML. Поэтому вы можете использовать эти атрибуты с тегом , а также со всеми другими тегами HTML.
-
ключ доступа -
автокапитализация -
класс -
редактируемый контент -
данные-* -
директор -
перетаскиваемый -
скрытый -
идентификатор -
режим ввода -
это -
ИД -
itemprop -
Артикул -
предметная область -
тип изделия -
язык -
часть -
слот -
проверка правописания -
стиль -
tabindex -
Название -
перевод
Полное объяснение этих атрибутов см.
в разделе Глобальные атрибуты HTML 5.
Обработчики событий
Атрибуты содержимого обработчика событий позволяют вам вызывать сценарий из вашего HTML. Скрипт вызывается, когда происходит определенное «событие». Каждый атрибут содержимого обработчика событий имеет дело с другим событием.
-
прерывание -
onauxclick -
размытие -
при отмене -
онканплей -
oncanplaythrough -
при смене -
по клику -
при закрытии -
в контекстном меню -
онкопия -
при обмене -
врезной -
ondblclick -
ондраг -
ондрагенд -
Драгентер -
ондрагзит -
на накладке -
ондраговер -
ондрагстарт -
впускной -
ondurationchange -
пустой -
односторонний -
при ошибке -
онфокус -
данные формы -
на входе -
oninvalid -
нажатие клавиши -
нажатие клавиши -
onkeyup -
onlanguagechange -
под нагрузкой -
загруженные данные -
загруженные метаданные -
запуск при загрузке -
-
ввод с помощью мыши -
для мышей -
onmousemove -
onmouseout -
при наведении мыши -
на мышке вверх -
паста -
при паузе -
в игре -
в игре -
в процессе -
при изменении скорости -
при сбросе -
изменение размера -
при прокрутке -
нарушение политики безопасности -
поиск -
поиск -
по выбору -
при смене слота -
установлен -
при отправке -
приостановить -
обновление по времени -
нагрудник -
onvolumechange -
в ожидании -
на колесе
Большинство атрибутов содержимого обработчиков событий можно использовать для всех элементов HTML, но для некоторых обработчиков событий существуют определенные правила, определяющие, когда их можно использовать и к каким элементам они применимы.
Дополнительные сведения см. в разделе Атрибуты содержимого обработчика событий HTML.
HTML-тег Определение, использование и примеры