> 웹 프론트엔드 > HTML 튜토리얼 > HTML 버튼에 하이퍼링크를 설정하는 방법은 무엇입니까? HTML 버튼 하이퍼링크의 네 가지 구현 방법

HTML 버튼에 하이퍼링크를 설정하는 방법은 무엇입니까? HTML 버튼 하이퍼링크의 네 가지 구현 방법

不言
풀어 주다: 2018-10-09 13:54:16
원래의
45827명이 탐색했습니다.

HTML에서는 보기 좋고 편리함을 위해 버튼 하이퍼링크를 설정해야 하는 경우가 있습니다. 그러면 HTML 버튼에 대한 하이퍼링크를 어떻게 설정합니까? 다음으로, 이 글에서는 도움이 필요한 친구들이 참조할 수 있는 HTML 버튼 하이퍼링크의 네 가지 구현 방법을 살펴보겠습니다.

html 버튼에 하이퍼링크 설정하는 방법: 하이퍼링크와 버튼을 결합하는 방법을 사용하세요

html 버튼 하이퍼링크코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<a href="//m.sbmmt.com/">
<input type=button value="php中文网" >
</a>
</body>
</html>
로그인 후 복사

html 버튼 하이퍼링크효과는 다음과 같습니다.

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="//m.sbmmt.com" class="button">php中文网</a>
</body>
</html>
로그인 후 복사

하이퍼링크 설정 방법 3 html 버튼: 양식 양식을 사용하여 html 버튼 하이퍼링크를 설정합니다.

html 버튼 하이퍼링크 코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<form method="get" action="//m.sbmmt.com/">
    <button type="submit">php中文网</button>
</form>
</body>
</html>
로그인 후 복사

html 버튼 하이퍼링크 설정 방법 4: window.location.href 메서드를 사용합니다.

완료 작성 방법:


<a href="链接"> 
  <input type=button onclick="window.location.href(&#39;连接&#39;)">
</a>
로그인 후 복사

지침:


1 이 페이지의 새 페이지로 직접 이동하려면 다음을 사용하세요.

2. 열어야 하는 경우 새 페이지로 이동하려면 다음을 사용하세요.

위 내용은 이 글의 전체 내용입니다. , 당신을 위한 더 많은 흥미로운 콘텐츠가 있습니다. PHP 중국어 웹사이트에 주목하세요! ! !


위 내용은 HTML 버튼에 하이퍼링크를 설정하는 방법은 무엇입니까? HTML 버튼 하이퍼링크의 네 가지 구현 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿