<a href="https://example .com">
<button>Перейти на сайт</button>
</a>
на твой вопрос
про кнопку с текстом
<script>
var ns6 = !document.all ? 1 : 0;
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"}
</script>
<button onclick="expandit(this)">кнопка 1</button>
<span style="display:none" style=&{head};>
<font size="5" color="green"><b>Появился первый текст</font>
</span>
<br><br>
<button onclick="expandit(this)">кнопка 2</button>
<span style="display:none" style=&{head};>
<font size="5" color="blue"><b>А вот и второй текст</font>
</span>