HTML - создание нескольких кнопок, которые приводят к тому, что разные HTML-страницы не работают

#html #hyperlink

#HTML #гиперссылка

Вопрос:

У меня есть две кнопки ниже под названием «создать» и «назад».

Обе кнопки должны приводить к разным HTML-страницам, но по какой-то причине работает только create, а back ни к чему не приводит, хотя код в основном такой же, как create , за исключением с <b href"> вместо <a href> .

Я не уверен, что b href это просто недопустимая вещь? Я попытался найти примеры создания кнопок, и все они используют a href , но я не могу использовать ‘a’, потому что обе кнопки имеют разные характеристики в css.

Мне было интересно, как я могу исправить эту проблему? У меня возникли проблемы с получением нескольких кнопок, ведущих на их собственные разные страницы, каждая со своим дизайном / классом в css.

Создание ссылок на страницу с именем ‘create.html «в то время как нажатие на кнопку «Назад» ничего не дает. Это даже не приводит к странице с ошибкой «не существует», я просто нажимаю на текст. Он даже не действует как кнопка.

 #create {
  height: 45px;
  width: 230px;
  border: 3px solid #000;
  box-shadow: 1px 2px #000000;
  background-color: red;
  border-radius: 0.9em;
  position: absolute;
  left: 1000px;
  top: 300px;
}

a {
  display: block;
  width: 100%;
  line-height: 2em;
  color: white;
  font-size: 27px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}

#back {
  height: 45px;
  width: 300px;
  border: 3px solid #000;
  box-shadow: 1px 2px #000000;
  background: blue;
  border-radius: 0.9em;
  position: absolute;
  left: 1600px;
  top: 400px;
}

b {
  display: block;
  width: 100%;
  line-height: 2.5em;
  color: white;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}

 <div id="create"><a href="home.html">CREATE USER</a></div>

<div id="back"><b href="main.html">Go back to the homepage</b></div>

1. Вы пытаетесь использовать b тег для ссылки. Но предполагается, что он используется для привлечения внимания читателя к содержимому элемента в теге doc . Поэтому сделайте это как a вместо

Ответ №1:

Нет, <b> недопустимая ссылка (тег привязки) используется <a> вместо <b> и стиль, как в сниппете.

 #create {
  height: 45px;
  width: 230px;
  border: 3px solid #000;
  box-shadow: 1px 2px #000000;
  background-color: red;
  border-radius: 0.9em;
  position: absolute;
  left: 1000px;
  top: 300px;
}
#create a {
  display: block;
  width: 100%;
  line-height: 2em;
  color: white;
  font-size: 27px;
  text-align: center;

  text-decoration: none;
  border-radius: 5px;
}

#back {
  height: 45px;
  width: 300px;
  border: 3px solid #000;
  box-shadow: 1px 2px #000000;
  background: blue;
  border-radius: 0.9em;
  position: absolute;
  left: 1600px;
  top: 400px;
}
#back a {
  display: block;
  width: 100%;
  line-height: 2.5em;
  color: white;
  font-size: 21px;
  text-align: center;

  text-decoration: none;
  border-radius: 5px;
}

 <div id="create"><a href="home.html">CREATE USER</a></div>

<div id="back"><a href="main.html">Go back to the homepage</a></div>

Ответ №2:

Тег <a> определяет гиперссылку, которая используется для перехода с одной страницы на другую. Если вам нужны разные характеристики css, вы можете использовать разные классы для оформления.

Смотрите: https://www.w3schools.com/tags/tag_a.asp