>  기사  >  웹 프론트엔드  >  HTML 링크 튜토리얼에 대한 자세한 설명

HTML 링크 튜토리얼에 대한 자세한 설명

零下一度
零下一度원래의
2017-05-16 14:24:141644검색

HTML은 하이퍼링크를 사용하여 웹의 다른 문서에 연결합니다. 링크는 거의 모든 웹페이지에서 찾을 수 있습니다. 한 페이지에서 다른 페이지로 이동하려면 링크를 클릭하세요.

사용해 보기 - 예

HTML 링크
HTML 문서에서 링크를 만드는 방법.

(이 페이지 하단에서 더 많은 예를 찾을 수 있습니다.)

HTML 하이퍼링크(링크)

HTML은 3499910bf9dac5ae3c52d5ede7383485 태그를 사용하여 하이퍼텍스트 링크를 설정합니다.

하이퍼링크는 단어, 단어, 단어 그룹 또는 이미지일 수 있습니다. 이러한 내용을 클릭하면 새 문서나 현재 문서의 특정 부분으로 이동할 수 있습니다.

웹페이지의 링크 위에 마우스 포인터를 올리면 화살표가 작은 손 모양으로 변합니다.

3499910bf9dac5ae3c52d5ede7383485 태그에는 href 속성이 사용되어 링크 주소를 설명합니다.

기본적으로 링크는 브라우저에 다음과 같이 표시됩니다.

방문하지 않은 링크는 파란색 글꼴과 밑줄로 표시됩니다.

방문한 링크는 보라색과 밑줄로 표시됩니다.

링크를 클릭하면 링크가 빨간색으로 표시되고 밑줄이 그어집니다.

HTML 링크 구문

링크의 HTML 코드는 매우 간단합니다. 다음과 같습니다: :

<a href="url">Link text</a>

href 속성은 링크의 대상을 설명합니다. .

<a href="www.php.cn/">Visit W3CSchool</a>

위의 코드 줄은 다음을 표시합니다.: W3CSchool 방문

이 하이퍼링크를 클릭하면 사용자가 W3CSchool 홈페이지로 이동합니다.

팁: '링크 텍스트'는 텍스트일 필요는 없습니다. 이미지 또는 기타 HTML 요소가 링크가 될 수 있습니다.

HTML 링크 - 대상 속성

대상 속성을 사용하면 링크된 문서가 표시될 위치를 정의할 수 있습니다.

다음 줄은 새 창에서 문서를 엽니다.

<a href="www.php.cn/" target="_blank">Visit W3CSchool!</a>

HTML 연결 - id 속성

id 속성을 사용하여 다음을 수행할 수 있습니다. HTML 문서 책갈피를 만듭니다.

팁: 북마크는 특별한 방법으로 표시되지 않으며 HTML 문서에도 표시되지 않으므로 독자에게 숨겨집니다.

HTML 문서에 ID 삽입:

<a id="tips">Useful Tips Section</a>

HTML 문서에 "유용한 팁 섹션(id="tips")"에 대한 링크 만들기:

<a href="#tips">Visit the Useful Tips Section</a>

또는 다른 페이지에서 "유용한 팁(id="tips") 섹션"에 대한 링크를 만듭니다.

<a href="www.php.cn/html_links.htm#tips">
Visit the Useful Tips Section</a>

기본 메모 - 유용한 팁

참고: 참고: 항상 추가하세요. 슬래시를 하위 폴더로 이동합니다. href=www.php.cn/html"과 같은 링크를 작성하면 서버에 두 개의 HTTP 요청이 생성됩니다. 이는 서버가 주소에 슬래시를 추가한 다음 다음과 같이 새 요청을 생성하기 때문입니다. 여기: href="www.php.cn/html/".

【관련 추천】

1. 특별 추천 :"php Programmer Toolbox" V0.1 버전 다운로드

2. 무료 HTML 온라인 비디오 튜토리얼

3. php.cn 원본 html5 동영상튜토리얼

위 내용은 HTML 링크 튜토리얼에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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