Baidu"/> Baidu">

 >  기사  >  웹 프론트엔드  >  html 새 페이지로 이동

html 새 페이지로 이동

PHPz
PHPz원래의
2023-05-27 19:30:072933검색

HTML은 웹 페이지를 구축하는 데 사용되는 마크업 언어입니다. 가장 일반적인 기능 중 하나는 사용자가 클릭하면 다른 페이지로 이동할 수 있는 링크 기능입니다. 이 기사에서는 HTML의 링크 기능을 사용하고 새 페이지로 이동하는 방법을 소개합니다.

1. 태그를 사용하여 링크 만들기

HTML에서는 태그를 사용하여 링크를 만들 수 있습니다. 예를 들어 다음 코드는 Baidu 웹 페이지에 대한 링크를 생성합니다.

<a href="https://www.baidu.com">百度一下,你就知道</a>

그 중 href 속성은 링크의 대상 URL을 지정하고 태그 내의 텍스트는 링크의 표시 텍스트입니다.

2. 현재 페이지에서 링크 열기

기본적으로 링크는 현재 페이지에서 열립니다. 예를 들어, 위의 링크를 클릭하면 현재 페이지에서 Baidu 웹페이지가 열립니다. 링크를 새 페이지에서 열려면 target 속성을 사용하면 됩니다.

3. 새 페이지에서 링크 열기

새 페이지에서 링크를 열려면 아래와 같이 대상 속성을 "_blank"로 지정해야 합니다.

<a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>

이런 식으로 링크를 클릭한 후, 새 브라우저에 표시됩니다. 탭에서 Baidu 웹페이지를 엽니다.

4. 로컬 파일에 연결

HTML에서는 링크 기능을 사용하여 로컬 파일에 연결할 수도 있습니다. 예:

<a href="images/cat.jpg">查看猫咪照片</a>

여기에서는 "cat.jpg"라는 이미지 파일에 대한 링크를 가리킵니다. 사용자가 링크를 클릭하면 이미지 파일이 현재 페이지에서 열립니다.

5. 북마크 링크

링크 기능을 이용하면 외부 웹페이지나 로컬 파일에 대한 링크 외에도 소위 북마크(Bookmark)라 불리는 페이지 내의 특정 위치에 링크를 걸 수도 있습니다. 북마크를 생성하려면 링크의 대상 주소 뒤에 "#+bookmark"를 추가해야 합니다. 예:

<a href="#overview">查看概览</a>

<h2 id="overview">概览</h2>

여기서 먼저 c1a436a314ed609750bd7c7d319db4da 태그에 "overview"라는 id 속성을 추가했습니다. 북마크가 됩니다. 그런 다음 링크의 대상 주소에 "#+bookmark"를 추가하여 북마크를 가리킵니다. 사용자가 링크를 클릭하면 자동으로 페이지의 북마크 위치로 스크롤됩니다.

요약

HTML의 링크 기능을 사용하면 쉽게 다른 페이지로 이동하거나 로컬 파일을 열거나 페이지 내의 특정 위치로 이동할 수 있습니다. 태그를 사용하여 링크를 생성하고, href 및 target 속성을 통해 링크의 대상과 열기 방법을 지정합니다. 동시에 북마크를 사용하여 페이지 내의 특정 위치를 가리킬 수도 있습니다.

위 내용은 html 새 페이지로 이동의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.