Чтобы сделать кнопку, нужно вставить определённый код на свою страницу.
Переход на другую страницу или на другой сайт можно делать как просто через HTML, так и через Javascript.
Код кнопки:
<button>Текст на кнопке</button>
Внутрь тега кнопки можно вставить тег кратинки вместо текста, например:
<button><img src="адрес картинки"></button>
1 Переход просто через HTML, должен работать даже при выключенном Javascript.
Просто помещаем теги нашей кнопки внутри тегов ссылки:
а) Переход в том же окне:
<a href="http://www.bolshoyvopros.ru/"><button>Текст на кнопке</button></a>
б) Открытие сайта в новом окне:
<a target="_blank" href="http://www.bolshoyvopros.ru/"><button>Текст на кнопке</button></a>
2 Переход через Javascript. Иногда хочется скрыть адрес, на который ведёт кнопка, который высвечивается, если поднести к ссылке курсор мыши. Тогда можно сделать кнопку на Javascript. При таком способе URL адрес не отображается.
Делается это так:
а) Переход в том же окне:
<button onclick='document.location.href = "http://www.bolshoyvopros.ru/";'>Текст на кнопке</button>
б) Открытие сайта в новом окне:
<button onclick='window.open("http://www.bolshoyvopros.ru/");'>Текст на кнопке</button>
Тут нужно быть внимательным, так как тут внутри одинарных кавычек стоят двойные. Можно написать и наоборот - внутри двойных одинарные. Но нельзя два раза написать одинарные или двойные. Также, если разместить этот код ещё внутрь чего-то, где тоже кавычки, то это будут уже третьи кавычки и работать не будет, поэтому в таких случаях нужно писать не через кавычки, а вставлять содержимое в переменную и её уже вписывать, например так:
<script>
a="http://www.bolshoyvopros.ru/";
</script>
<button onclick="window.open(a);">Текст на кнопке</button>
