HTML로 앵커 텍스트를 작성하는 방법

앵커 텍스트라는 단어가 낯설 수도 있지만, 하이퍼링크에 관해서는 매우 명확하게 알아야 하므로 앵커 텍스트에 대해 이야기하면 앵커 링크를 하이퍼링크라고도 합니다. 그렇다면 앵커텍스트가 무엇인지 알아야겠죠? 오늘은 앵커텍스트 활용에 대해 알아보겠습니다.

링크된 콘텐츠

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

을 추가해야 합니다. htef="/abc/"와 같은 상대 경로는 이 사이트의 앵커 텍스트를 나타냅니다.

target 대상 값은 다음과 같습니다.

_blank - 새 창에서 링크 열기 _parent - 상위에서 링크 열기 form _self -- 현재 양식에서 링크를 엽니다. 이것이 기본값입니다. value_top -- 현재 양식에서 링크를 열고 전체 현재 양식을 바꿉니다(프레임 페이지)

대상에 값이 없으면 값이 있다는 의미입니다. 이 페이지의 상위 형식으로 열림 링크에서 일반적으로 사용되는 속성

A 태그:

1), href: 대상 주소(웹사이트)를 엽니다. 일반적으로 대상 주소를 입력합니다. 예를 들어 href="http://www.php.cn /"는 http://www.php.cn/

2) 웹페이지를 엽니다. 대상: 대상 메서드 열기

없는 경우 a 태그의 이러한 요소는 기본적으로 웹페이지를 탐색할 때 해당 링크 웹페이지를 다시 로드하는 것입니다

_blank: 새 탭 창 페이지를 만들고 이 속성을 설정한 후 앵커 텍스트를 클릭하고 해당 새 탭 웹페이지 창 카드를 엽니다.

_parent: 부모가 웹페이지를 엽니다. 이 속성은 이 페이지의 앵커 텍스트가 다시 로드되는 페이지로 이해될 수 있습니다. html 프레임 iframe 웹페이지의 경우 대상 URL 주소를 열기 위해 전체 웹페이지가 다시 로드됩니다.

이 두 가지 열기가 일반적으로 사용됩니다. 하나는 새 창을 만드는 것이고, 하나는 대상을 설정하지 않고 이 페이지의 앵커 텍스트 주소를 다시 로드하는 것이고, 다른 하나는 전체를 다시 로드하는 것입니다. 웹 페이지 상위(대상을 설정하지 않는 것과 유사)와 동일한 효과가 있습니다.

html 기능

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

html 응용 프로그램 예

<a href="http://www.php.cn/" target="_blank" title="转到PHP主页">php</a>

html 응용 프로그램 범위

html a를 사용하여 그림에 대한 앵커 텍스트 하이퍼링크 만들기

exp:

<a href="http://www.php.cn/" target="_blank" title="转到php主页"><img src="http://www.php.cn" /></a>

텍스트 콘텐츠에 대한 앵커 텍스트 하이퍼링크를 만들 수 있습니다

<a href="http://www.php.cn/">php</a>

html 응용 프로그램 확장

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

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

Exp:

1. 먼저 웹페이지 본문 상단에

<span id="top" name="top"></span>

를 추가합니다. 2. 본문으로 이동하면 클릭한 후 상단 위치로 이동하여 <를 추가해야 합니다. ;a href="#top"> 맨 위로 돌아가기

이렇게 하면 "맨 위로 가기"를 클릭하여 페이지 상단으로 빠르게 이동할 수 있습니다.

사용 구문:

1 추가할 위치로 이동해야 합니다. text href 값은 # + 영문 이름 지정

으로 시작됩니다. 2. 추가할 위치인 으로 이동한 후 추가해야 합니다. id 및 name 값은 ​​​​참고하세요.

앵커 텍스트 사용은 여기까지입니다. 필요한 것은 친구가 저장할 수 있으며 이 사이트의 다른 업데이트에 계속 관심을 가져주세요.

추천 도서:

Div와 CSS를 배우는 방법

CSS의 위치를 ​​사용하는 방법

CSS 테두리 사용 방법

위 내용은 HTML로 앵커 텍스트를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!