> 웹 프론트엔드 > CSS 튜토리얼 > html의 하이퍼링크 태그

html의 하이퍼링크 태그

php中世界最好的语言
풀어 주다: 2017-11-21 17:33:26
원래의
3220명이 탐색했습니다.

html의 hyperlink태그 a 태그는 매우 강력합니다. A 태그의 구문, 일반적으로 사용되는 속성 및 응용 프로그램 확장에 대해 살펴보겠습니다. 당신은 아직 모른다.

html 구문

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>
로그인 후 복사

동시에 앵커 text_anchor 링크를 하이퍼링크라고도 합니다.

URL, URL에는 http://+도메인 이름

상대 경로를 추가해야 합니다(예: htef="/abc/"). 이는 이 사이트의 앵커 텍스트를 나타냅니다.

대상 목표 값은 다음과 같습니다.

_blank -- 새 창에서 Open link_parent - 상위 양식에서 링크 열기 _self - 현재 양식에서 링크 열기, 기본값입니다. _top - 현재 양식에서 링크를 열고 현재 양식 전체를 바꿉니다( 프레임 페이지)

대상에 값이 없으면 이 페이지의 상위 형식으로 링크를 여는 것을 의미합니다.

A 태그에서 일반적으로 사용되는 속성:

href: 대상 주소(웹사이트) 열기, 일반적으로 채우기 대상 주소에 있습니다. 예를 들어 href="http://www.PHP.cn/", 방문자가 이 앵커 텍스트에 해당하는 웹페이지에서 마우스를 클릭하면 웹페이지 http://www.PHP.cn/

가 열립니다.

target: 대상 메소드 열기

a 태그에 해당 요소가 없는 경우 기본값은 웹페이지 탐색 시 해당 링크 웹페이지를 다시 로드하는 것입니다.

_blank: 새 라벨 창 페이지를 생성하고 이 속성을 설정한 후 텍스트를 앵커하고 해당 새 라벨 웹페이지 창 카드에서 해당 주소를 엽니다.

_parent: 부모가 웹페이지를 열 때 이 속성은 HTML 프레임 iframe의 경우 이 페이지의 앵커 텍스트를 다시 로드하는 웹페이지로 이해될 수 있습니다. 웹 페이지 전체가 대상 URL 주소를 열기 위해 다시 로드됩니다. 대상을 여는 데 일반적으로 사용되는 두 가지 방법이 있습니다. 하나는 새 창을 만드는 것이고, 다른 하나는 URL을 가리키도록 이 페이지의 앵커 텍스트 주소를 다시 로드하는 것입니다. 대상을 설정하지 않고 동일한 효과로 전체 웹 페이지 상위를 다시 로드합니다(대상을 설정하지 않는 것과 유사).

html a function


뉴스 웹사이트 등 자주 보고 사용하는 페이지 A에서 B 페이지로 이동하려면 앵커 링크를 사용하세요. 제목을 보고 흥미를 느낄 때 마우스를 클릭하여 들어갑니다. 다른 페이지 자세히 알아보세요. 이것은 html 하이퍼링크를 적용한 것입니다.

html 응용 프로그램 예

<a href="http://www.PHP.cn/" target="_blank" title="转到php主页">php</a>
로그인 후 복사

html 응용 프로그램 범위

html a를 사용하여

images

exp에 대한 앵커 텍스트 하이퍼링크 만들기:

<a href="http://www.PHP.cn/" target="_blank" title="转到php主页"><img src="http://www.PHP.cn/css-images/css-logo.gif" /></a>
로그인 후 복사

텍스트 콘텐츠에 대한 앵커 텍스트 하이퍼링크 만들기

<a href="http://www.PHP.cn/">php</a>
로그인 후 복사

html 응용 프로그램 확장

같은 페이지의 앵커 텍스트 - 같은 페이지에서 지정된 위치로 위아래로 이동

페이지 하단의 "Back to Top" 링크를 클릭하면 웹 페이지의 상단으로 이동하는 경우를 종종 볼 수 있습니다. .

Exp:

1 먼저

을 추가합니다. 본문으로 이동하려면 클릭하세요. 맨 위로 돌아가기

이런 방법으로 "맨 위로 돌아가기"를 클릭하면 웹의 상위 위치로 빠르게 이동할 수 있습니다. 페이지.

HTML에는 하이퍼링크 태그를 사용하는 방법이 너무 많습니다. 필요한 친구는 저장할 수 있습니다. 이 사이트의 다른 업데이트에도 계속 관심을 가져주세요.

관련 읽기:

순수한 CSS로 애니메이션 효과 버튼 만들기


CSS로 표 테두리 스타일을 설정하는 방법

CSS에서 텍스트를 굵게 표시하는 방법

위 내용은 html의 하이퍼링크 태그의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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