Блог

Главная - Вопросы по программированию - Возникли проблемы со связыванием кнопки

Возникли проблемы со связыванием кнопки

#html #css

#HTML #css

Вопрос:

Я только изучаю html и у меня вопрос о связывании кнопки. Не могли бы вы сказать мне, что я здесь делаю не так?

 </style>
<body>
<button onClick="name.html" class="button" ><span>name </span> </button>
<br>

Комментарии:

1. </style> <body> <кнопка onClick=»maroeska.html » class=»button» ><span>Мароеска</span> </button> <br>

2. Почему бы не использовать a тег, если вы хотите перенаправить на новую страницу: <a href="maroeska.html" class="button" ><span>Maroeska </span></a>

3. Кнопка не является якорем (иначе ссылкой), стоит прочитать документацию, на которую я ссылался, и понять различия.

Ответ №1:

В вашем приложении вы должны использовать привязочную ссылку, потому что кнопка в основном используется в формах. Соответствующий HTML-тег <a> . Если вы хотите, чтобы ваша ссылка выглядела как кнопка, вы можете присвоить ей класс и создать его с помощью CSS.

 <a href="name.html" class="button">name</a>

   
<style>
    .button {
          background-color: #4CAF50;
          border: none;
          color: white;
          padding: 15px 32px;
          text-align: center;
          text-decoration: none;
          display: inline-block;
          font-size: 16px;
    }
</style>