프로그래밍 공부 일기

방법

<button>表示させる内容</button>

<button onclick="loction.href='リンク先のURL'">->location</button>

<button onclick="location.href='https://qiita.com/mzmz__02'">Qiita マイページ(buttonタグで)</button>

다른 방법으로 링크 대상을 button 스타일로 만듭니다.

<a href="https://qiita.com/mzmz__02">Qiita マイページ(aタグで)</a>
<br><br>
<a class="button" href="https://qiita.com/mzmz__02">Qiita マイページ(aタグでスタイルを使って)</a>
<br><br>
<input type="button" onclick="location.href='https://qiita.com/mzmz__02'" value="Qiita マイページ(input buttonで)">
<br><br>
<button onclick="location.href='https://qiita.com/mzmz__02'">Qiita マイページ(buttonタグで)</button>

.button {
  display: inline-block;
  border-style: solid;
  color: black;
  background-color: rgb(225, 224, 224);
  border-width:1px;
  border-color: darkgray;
  text-decoration: none;
}