HTML에서는 보기 좋고 편리함을 위해 버튼 하이퍼링크를 설정해야 하는 경우가 있습니다. 그러면 HTML 버튼에 대한 하이퍼링크를 어떻게 설정합니까? 다음으로, 이 글에서는 도움이 필요한 친구들이 참조할 수 있는 HTML 버튼 하이퍼링크의 네 가지 구현 방법을 살펴보겠습니다.
html 버튼에 하이퍼링크 설정하는 방법: 하이퍼링크와 버튼을 결합하는 방법을 사용하세요
html 버튼 하이퍼링크코드는 다음과 같습니다.
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="http://www.php.cn/"> <input type=button value="php中文网" > </a> </body> </html>
html 버튼 하이퍼링크효과는 다음과 같습니다.
설명: 태그의 href 속성은 하이퍼링크 대상의 URL을 지정하는 데 사용됩니다.
html 버튼에 하이퍼링크 설정 방법 2: link 및 css 스타일 설정을 사용하여 하이퍼링크를 버튼 모양으로 설정
HTML 버튼 하이퍼링크 코드는 다음과 같습니다.<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-decoration: none; color: initial; } </style> </head> <body> <a href="http://www.php.cn" class="button">php中文网</a> </body> </html>
하이퍼링크 설정 방법 3 html 버튼: 양식 양식을 사용하여 html 버튼 하이퍼링크를 설정합니다.
html 버튼 하이퍼링크 코드는 다음과 같습니다.<!DOCTYPE html> <html> <head> <title></title> </head> <body> <form method="get" action="http://www.php.cn/"> <button type="submit">php中文网</button> </form> </body> </html>
html 버튼 하이퍼링크 설정 방법 4: window.location.href 메서드를 사용합니다.
완료 작성 방법:<a href="链接"> <input type=button onclick="window.location.href('连接')"> </a>지침:
2. 열어야 하는 경우 새 페이지로 이동하려면 다음을 사용하세요.
위 내용은 HTML 버튼에 하이퍼링크를 설정하는 방법은 무엇입니까? HTML 버튼 하이퍼링크의 네 가지 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!