A href li: css — How to make the HTML link activated by clicking on the ?

Leave a Comment / Разное / By /

Сотрудники

Сотрудники

asdasdasdasd

Руководство

Директор

Приходько Ольга Владимировна

Директор

Приходько Ольга Владимировна

Заместитель директора по учебно-воспитательной работе. И.о. заместителя директора по учебно-методической работе

Михайлова София Николаевна

Заместитель директора по учебно-воспитательной работе. И.о. заместителя директора по учебно-методической работе

Михайлова София Николаевна

Заместитель директора по финанcово-хозяйственной деятельности

Садияева Марина Яралиевна

Заместитель директора по финанcово-хозяйственной деятельности

Садияева Марина Яралиевна

Руководитель отдела комплексной безопасности

Яловегин Виталий Борисович

Руководитель отдела комплексной безопасности

Яловегин Виталий Борисович

Главный бухгалтер

Сидельникова Лилия Васильевна

Главный бухгалтер

Сидельникова Лилия Васильевна

Первый заместитель директора

Асонов Алексей Николаевич

Первый заместитель директора

Асонов Алексей Николаевич

Руководитель отдела маркетинговых коммуникаций

Журавлева Екатерина Сергеевна

Руководитель отдела маркетинговых коммуникаций

Журавлева Екатерина Сергеевна

Руководитель отдела по организации практики и трудоустройству студентов

Фатеева Наталия Николаевна

Руководитель отдела по организации практики и трудоустройству студентов

Фатеева Наталия Николаевна

Заместитель директора по учебно-методической работе

Солдатова Елена Вячеславовна

Заместитель директора по учебно-методической работе

Солдатова Елена Вячеславовна

Руководитель отдела по воспитательной и внеучебной работе со студентами

Кузнецова Наталья Юрьевна

Руководитель отдела по воспитательной и внеучебной работе со студентами

Кузнецова Наталья Юрьевна

Веб-страница

 — HTML-кодирование.

Можете ли вы использовать в «ли» (список)?

спросил

Изменено 7 лет, 9 месяцев назад

Просмотрено 13 тысяч раз

Я новичок в HTML-кодировании. По сути, когда я пытаюсь связать свои страницы вместе через . Если бы вы могли посмотреть на мой код и, пожалуйста, попытаться мне как-то помочь, это было бы здорово.

 
<голова>
 Информация о Бирмингеме 



<тело>
<дел>
<дел>
     
 Информация|Бирмингем
<дел>

<ул>
  • Главная
  • Покупки
  • Искусство
  • Еда
  • Ночная жизнь
    • html
    • веб-страница

    5

    Тег href, указывающий на html-файл, на который вы хотите сослаться. Если ваш домашний файл index.html, он должен быть Home

    Остальные будут примерно такими:

     
  • Покупки
    • 

  • Искусство
    • 

  • Еда
    • 

  • Ночная жизнь
    •

    Просто имейте в виду, что они должны указывать на файлы html, которые находятся в корневом каталоге.

    2

    Ваши ссылки должны включать полное имя файла «т. е. home.html, а не home», и вы также должны убедиться, что файлы других страниц находятся в том же каталоге, что и текущая страница, чтобы это работало.

    Другая проблема в вашем коде заключается в том, что вы забыли закрыть тег

      . Вы должны добавить
    непосредственно перед .

    Также не рекомендуется размещать список внутри тега заголовка

    в вашем случае. Если вы делаете это из соображений стилизации, вам лучше использовать csss для стилизации списка.

    Зарегистрируйтесь или войдите в систему

    Зарегистрируйтесь с помощью Google

    Зарегистрироваться через Facebook

    Зарегистрируйтесь, используя адрес электронной почты и пароль

    Опубликовать как гость

    Электронная почта

    Требуется, но не отображается

    Опубликовать как гость

    Электронная почта

    Требуется, но не отображается

    html — Как сделать действительную ссылку

    спросил

    Изменено 7 лет, 3 месяца назад

    Просмотрено 34к раз

    Я пытаюсь создать неупорядоченный список, в котором элементами списка являются ссылки, а не только текст внутри них.

    Но это недействительно. При проверке моего кода с помощью https://validator.w3.org/check я получаю сообщение

    Элемент a не разрешен как дочерний элемент ul в этом контексте.

    Это код:

     
<голова>
    <мета-кодировка="utf-8">
    тест
    <стиль>
        ул {
            стиль списка: нет;
        }
        а {
            текстовое оформление: нет;
            цвет: #212121;
            размер шрифта: 1em;
            семейство шрифтов: Arial, Helvetica, без засечек;
        }
        #контейнер {
            отступ: 20 пикселей;
        }
        .действительный {
            цвет фона: бланшированный миндаль;
        }
        .инвалид {
            цвет фона: аквамарин;
        }
        .nav-элемент {
            ширина: 120 пикселей;
            высота: 34px;
            поле: 4px;
            высота строки: 34px;
            выравнивание текста: по центру;
            граница: сплошная 1px #212121;
        }
    
      
<тело>
    <дел>
        <ул>
            
  •  html">действительно
    • 
            
  • неверный
    •

    Недопустимое расположение

  • — это то, чего я хочу достичь с точки зрения поведения , когда весь элемент
  • можно выбрать в качестве ссылки.

    Если я хочу поддерживать действительный код, как лучше всего получить выбираемый

  • ?

    • HTML
    • CSS
    • проверка

    6

    Этот формат равен недопустимо 

     
  • недействительно
    •

    Допустимый формат:

     
  • действительный
    •

    Что касается вашей проблемы с якорем, заполняющим пространство li , небольшой трюк css решит эту проблему.

     а {
 текстовое оформление: нет;
 дисплей: блок;
 ширина: 100%;
 высота: 100%;
}

    1

    Вы не можете обернуть свой li якорем, если все, что вы хотите, это сделать доступным для выбора все внутри вашего li, а не только текст, вы можете добиться этого с помощью CSS. Удалите любые отступы по умолчанию из ваших тегов li и заблокируйте отображение якорей.

     ли {
    заполнение: 0;
}
а {
    дисплей: блок;
    ширина: 120 пикселей;
    высота: 34px;
}

    это заставит якорь заполнить li и, таким образом, сделать все это кликабельным.

    Есть два способа сделать текст li кликабельным

    1) Добавить событие onlclick, которое нравится

  • Ваш текст

    • 2) Добавьте тег внутри li и добавьте CSS к тегу, как показано ниже

     
  • Ваш текст< /li>
ли а {
    дисплей:блок;
}

    • Второй вариант покрывает внутреннюю область li

    Якорь не может содержать li в качестве своего дочернего элемента, поэтому вы должны поместить тег привязки внутри элемента li как:

    Просто замените ul на это.
    И добавьте css:

     li a{
 дисплей:блок;
}
 
     <дел> <ул>