>  기사  >  웹 프론트엔드  >  HTML에 앵커를 어떻게 포함하나요?

HTML에 앵커를 어떻게 포함하나요?

WBOY
WBOY앞으로
2023-08-31 15:21:06830검색

HTML에 앵커를 어떻게 포함하나요?

이 기사에서는 HTML에 앵커를 포함하는 방법에 대한 작업을 수행합니다. HTML의 앵커를 이해하기 위해 이 기사를 자세히 살펴보겠습니다.

앵커 요소는 소스 앵커를 대상 앵커에 연결하는 데 사용됩니다. 타겟은 소스 앵커가 연결된 리소스이고, 소스는 다른 사이트를 가리키는 텍스트, 이미지, 버튼입니다.

하이퍼링크는 인터넷을 정보 고속도로로 만드는 핵심 기술 중 하나입니다.

HTML에 앵커를 포함하는 방법을 더 잘 이해하기 위해 다음 예를 살펴보겠습니다.

예 1

아래 예에서는 Jump Anchor 링크를 생성하겠습니다.

으아악

위 스크립트가 실행되면 위 스크립트에 사용된 텍스트와 사용자가 누를 때 페이지 시작 부분으로 이동할 수 있는 언급된 앵커 태그 "Click to Jump"를 보여주는 출력 창이 나타납니다.

예 2

다음 시나리오를 고려하여 다른 웹 페이지에서 앵커로 연결하는 예제를 만듭니다.

으아악

스크립트가 실행되면 위 스크립트에 사용된 텍스트와 앵커 태그를 사용하여 웹페이지에 연결된 링크를 보여주는 출력이 생성됩니다. 사용자가 링크를 클릭하면 새 페이지가 열립니다.

예 3: JavaScript 사용

자바스크립트에 대한 링크를 생성할 아래 예를 살펴보세요.

으아악

주어진 스크립트가 실행되면 "Click to Execute"라는 텍스트가 있는 앵커를 사용하여 웹페이지에 배치된 링크를 포함하는 출력이 제공됩니다.

사용자가 링크를 클릭하면 스크립트가 실행되고 "Welcome to Tutorial Point"라는 경고가 표시됩니다.

위 내용은 HTML에 앵커를 어떻게 포함하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제