Ссылка не работает в HTML. Я использовал тег "<a href="fileName"></a>"

Question

Моя ссылка не работает в HTML, и я не знаю почему.

<div class="banner-text">
    <ul>
                <li><h3><a href="chawla.html">HOME</a></h3></li>
                </li><h3><a href="about.html">ABOUT US</a></h3></li>
                </li><h3><a href="cont.html">CONTACT</a></h3></li>
                </li><h3><a href="stud.html">STUDENT's CORNER</a></h3></li>
    </ul>
    <h1 class="big">CHAWLA CLASSES</h1>
</div>

Answer 1

Используйте валидатор .

Только элементы <li> могут быть дочерними элементами <ul> элементов.

Поместите ссылки в элементы списка, а не в другие наоборот.

Дополнительно:

• Элементы заголовка 3-го уровня должны использоваться для заголовков . Если все содержимое элемента списка является заголовком, вы используете неправильную разметку. Примените CSS, если вы хотите отформатировать элементы списка.
• Программы чтения с экрана обычно пишут слова, написанные ВСЕМИ ЗАГЛАВНЫМИ буквами. Если вы хотите, чтобы что-то было визуально , отображаемым заглавными буквами: используйте свойство CSS text-transform.

Answer 2

Вы должны изменить его вот так

<ul>
  <li> <a href="chawla.html">Home</a> </li>
   <li> <a href="about.html">About Us</a> </li>
  <li> <a href="cont.html">Contact</a> </li>
  <li> <a href="stud.html">Student's Corner</a> </li>
</ul>

ОБНОВЛЕНИЕ: Хорошо, проверяю еще раз, но работает. Есть скриншоты

1

2

Answer 3

Поместите тег привязки внутри тега <li>. Если не работает, go - в консоль разработчика, чтобы отследить его.