HTML 하이퍼 링크 태그의 대상 속성에 대한 자세한 설명

하이퍼 링크 <a> 태그는 링크 지점을 나타내며 영어로 앵커의 약어입니다. 그 목적은 현재 위치의 텍스트 나 그림을 다른 페이지, 텍스트 또는 이미지에 연결하는 것입니다. 그러나 구문 구조는 그것에 대해 조금 알려지지 않았으며,이를 사용하기 위해서는 구문 구조를 이해해야합니다. <a> 태그의 기본 구문 구조는 다음과 같습니다.

<a

클래스 = 유형

id = 값

href = 참조

이름 = 값

rel = 동일 | 다음 | 부모 | 이전

rev = 값

대상 = 창

스타일 = 가치

제목 = 제목입니다

onclick = 함수

OnMouseOut = 함수

OnMouseOver = 함수> 연결 </a>

태그의 구문 구조에서, 다른 링크 효과를 달성하기 위해 하이퍼 링크를 설정할 때 선택할 수있는 많은 매개 변수가 있음을 알 수 있습니까? !

1._blank <a href = example.html target = _blank> 예 </a> 브라우저가 새 창을 열어 example.html 문서를 표시합니다.

2._parent <a href = example.html target = _parent> 예 </a> 부모 프레임 세트 문서를 가리키

3._self <a href = example.html target = _self> example </a> 문서를 현재 페이지 상자에 클릭하십시오.

4._top <a href = example.html target = _top> 예 </a> 모든 페이지 프레임을 제거하고 프레임 세트 문서를 document.html로 바꾸십시오.

팁 1 : 파일 헤더에서 웹 페이지를 참조하지 않는 다른 사람의 페이지 프레임 만들기 : <base target = _top>

팁 2 : 현재 페이지에서 연결 또는 새로 고침을 열고 현재 페이지에 제출 한 후 파일 헤더에 추가하십시오 : <base target = _self>

클래스 및 ID 옵션은 링크 지점이 속하는 유형 및 할당 된 ID 번호를 설정하는 데 사용되며 일반적으로 설정되지 않습니다. 가장 일반적으로 사용되는 두 가지 매개 변수는 HREF와 이름입니다. 여기서 HREF는 링크 주소를 설정하는 데 사용되는 하이퍼 텍스트 참조의 약어입니다. 링크 주소는 URL 주소 여야합니다. 특정 경로가 제공되지 않으면 기본 경로는 현재 페이지의 경로와 동일합니다. 링크 된 파일은 여러 상황으로 나뉩니다. HTML 파일 인 경우 현재 브라우저에서 직접 열립니다. 실행 파일 (.exe 파일) 인 경우 직접 실행되거나 다운로드됩니다. 우리가 다운로드 한 파일은이 기능으로 만들어집니다. Word 형식 파일과 같은 텍스트 파일 인 경우 브라우저에서 열리고 편집 및 처리 할 수 ​​있습니다.

rel : 링크 설정 간의 관계를 나타냅니다. rel = 동일하게 연결될 파일 이이 파일과 동일하다는 것을 의미합니다. rel = 다음은 링크 될 파일이 다음 페이지임을 의미합니다. rel = 부모는 링크 될 파일이 상위 파일이고 rel = 이전 페이지임을 의미합니다.

REV : 백 링크를 설정하는 데 사용됩니다.

대상 : 프레임 창을 사용할 때 링크 할 창을 설정하고 대상 = _bank는 새 창을 열어 웹 페이지를 열 수 있습니다.

제목 : 링크 지점이 선택 될 때 제목을 표시하도록 설정하는 데 사용됩니다.

Onclick : 이벤트에 해당합니다. 링크 지점을 클릭하면이 이벤트가 트리거되고 해당 서브 루틴이 실행됩니다.

OnMouseOver : OnClick과 유사하게 마우스가 링크 지점으로 이동할 때 해당 이벤트가 트리거됩니다.

ONMOUSEOUT : 마우스가 마을 연락처에서 옮겨진 후 해당 이벤트가 트리거됩니다.

<a href = index.htm> 홈 페이지로 돌아 가기 </a>

<a href = sound.wav> 음성 파일 재생 </a>

<a href = javascipt.open ()> 해당 프로그램 실행 </a>

<a herf = document.doc> 처리를위한 해당 문서를 엽니 다. </a>

많은 네티즌은 다운로드 효과를 제공하는 방법을 묻기 위해 썼습니다. 실제로 여전히 하이퍼 링크이지만 다운로드 파일은 웹 사이트에 업로드해야합니다. 예 : 다운로드 할 웹 페이지 기술 파일 패키지가 있습니다. 파일 이름은 HomePageJq.zip이며 웹 사이트에 업로드되었습니다. 이 링크의 코드는 다음과 같이 작성할 수 있습니다. <a href = homepagejq.zip> 웹 페이지 기술 파일 패키지를 다운로드하려면 여기를 클릭하십시오.

2. 새 창에서 링크 된 웹 페이지를 엽니 다.

대상 값을 _blank로 설정하십시오. 예 : 새 창에서 me.htm에 대한 웹 페이지를 엽니 다. 이 효과를 생성하는 코드는 다음과 같습니다.

3. 마우스를 링크로 이동하고 지침 줄을 표시합니다.

이 효과를 얻으려면 제목 매개 변수 값을 설정하십시오. 예 : 마우스가 Huangshan Villager 링크로 이동하면 표시됩니다. 웹 페이지 제작 기술을 소개하는 전문 웹 사이트입니다. 이 링크의 코드는 다음과 같습니다. <a href = hscf.htm title = 이것은 웹 페이지 제작 기술을 소개하는 전문 웹 사이트입니다.> Huangshan Villager </a>.

이것은 OnMouseOver 매개 변수를 설정하여 얻은 효과입니다. 예 : 마우스가 링크로 이동하면 창이 팝업되어 창에 마우스 호버 효과 데모가 표시됩니다! . 이 링크의 코드는 다음과 같습니다. <a href = 기타 웹 페이지 .htm onmouseover = alert ( '마우스 오버 효과 데모!')> 링크 </a>. 비슷한 방식으로 마우스를 누른 후 프레젠테이션 창을 팝업하고 마우스가 떠날 때 프리젠 테이션 창을 팝업하는 효과를 만들 수 있습니다.

이 페이지의 일부에 링크하려면 (즉, 파일에서 점프) 매개 변수 이름을 사용하여 링크 지점의 이름을 지정해야합니다. 텍스트 조각을 선택하면 링크 이름 매개 변수로 이름을 지정할 수 있습니다. 동일한 파일의 소위 점프는 독자가 매우 긴 파일을 읽을 때 콘텐츠의 특정 부분에만 관심이 있다면 점프 읽기 방법을 사용할 수 있음을 의미합니다. 기본 형식은 다음과 같습니다.

<a href =#링크 포인트 이름> Part 2 </a> 1 부 컨텐츠

<이름 = 링크 포인트 이름> </a> 2 부 실제 컨텐츠

이런 식으로 두 번째 부분의 하이퍼 링크를 클릭하면 두 번째 부분의 실제 내용으로 자동 전송됩니다. 이름 매개 변수로 정의 된 링크 지점 이름은 마음대로 표시 될 수 있지만 링크 된 HREF 매개 변수의 링크 지점 이름은 이와 일치해야합니다. 그 앞에 #을 추가하는 것을 잊지 마십시오.

이 메소드는 위의 예와 유사하지만 웹 페이지의 파일 이름은 HREF 매개 변수의 링크 지점 이름에 추가해야합니다. 예 : Page1.htm과 Page2.htm 두 개의 웹 페이지가 있으며 각 페이지에는 콘텐츠의 두 부분이 있습니다. 이제 Page1.htm에서 하이퍼 링크를 만들려고합니다. 링크를 누른 후 Page2.htm의 두 번째 부분으로 이동합니다. 그런 다음이 작업을 수행 할 수 있습니다. 먼저 Page2.htm의 두 번째 부분의 시작 부분에서 다음과 같은 코드를 작성하십시오. <이름 = 링크 포인트 이름> </a>; Page1.htm : <a href = pagw2.htm#링크 포인트 이름> Page2의 2 부 </a>에 이와 같은 링크 코드를 작성하십시오.

하이퍼 링크를 클릭하면 클라이언트의 이메일 관리 소프트웨어가 귀하에게 편지를 쓰기 시작합니다. 예를 들어,이 코드 라인 : <a href = mailto : [email protected]> 편지를 써주세요 </a>. 이 링크를 클릭하면 저에게 편지를 보내주십시오. 이메일 관리 소프트웨어 (예 : OE)는 문자 작성 기능을 자동으로 시작하고 이메일 주소가 수신자의 주소 표시 줄에 추가되었습니다.

링크는 텍스트를 캐리어로 사용할 수있을뿐만 아니라 캐리어로서 이미지를 사용할 수있을뿐만 아니라 사진의 특정 부분을 캐리어로 사용하며 위의 두 효과 모두를 달성 할 수 있습니다. 방법은 동일하지만 차이는 캐리어, 즉 링크의 사각형 괄호의 두 쌍 사이의 부분이므로 다른 예제는 제공되지 않습니다.