H5 링크 사용

이번에는 H5링크 사용에 대해 소개해드리겠습니다. H5링크 사용시 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

HTML 링크는 HTML 문서의 생명력을 표현한 것으로 간주할 수 있습니다. HTML 링크만이 전체 HTML 문서를 더욱 유연하게 만들어 원하는 콘텐츠를 쉽게 찾을 수 있습니다.

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

HTML하이퍼링크:

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

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

웹 페이지의 링크 위로 마우스 포인터를 이동하면 화살표가 작은 손 모양으로 변경됩니다.

href 속성은 링크 주소를 설명하기 위해 3499910bf9dac5ae3c52d5ede7383485 태그에 사용됩니다.

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

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

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

링크를 클릭하면 빨간색 밑줄이 그어져 나타납니다.

참고: 이러한 하이퍼링크에 대해 CSS 스타일이 설정된 경우 표시 스타일은 CSS 설정에 따라 표시됩니다.

HTML 링크 구문:

<a href="url">链接文本</a>

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

예:

<a href="/"></a>

코드 표시 구현: Yiju Tutorial

을 방문하세요. 위의 링크를 통해 사용자는 Yiju Tutorials 홈페이지로 이동할 수 있습니다.

여기서 주목해야 할 점은 "링크 텍스트"가 반드시 텍스트일 필요는 없다는 것입니다. 이미지 또는 기타 HTML 요소가 링크가 될 수 있습니다.

HTML 링크 - 대상 속성

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

rreee

링크를 링크 홈페이지로 정의하고 대상 속성이 비어 있습니다. 즉, 링크가 새 창에서 홈페이지를 엽니다.

HTML 링크 - ID 속성

id 속성은 HTML 문서에서 북마크 태그를 생성하는 데 사용할 수 있습니다.
팁: 북마크는 특별한 방법으로 표시되지 않으며 HTML 문서에도 표시되지 않으므로 독자에게 숨겨집니다.
예:

HTML 문서에 ID 삽입:

<a href="http://www.php.com/" target="_blank">访问</a>

HTML 문서에서 "유용한 팁 섹션(id="tips")"에 대한 링크를 만듭니다:

<a id="tips">有用的提示部分</a>

또는 다른 페이지에서 "유용한 팁 섹션(id="tips")"에 대한 링크를 만드세요:

<a href="#tips">访问有用的提示部分</a>

참고 사항:

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

이미지 링크 예:

<a href="http://www.php.cn/html/html-links.html#tips">
访问有用的提示部分</a>

즉시 사용 가능한 예:

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7)6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee创建图片链接:
488640cf767a97efdc20f568dcd2c31f
67cc71036babe836bcaf3cc3cccac3e95db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee无边框的图片链接:
488640cf767a97efdc20f568dcd2c31f
f53d2288983007e7e822d30a5ebb6baa5db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

현재 지정된 페이지가 지정된 위치로 연결됩니다:

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7 6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee跳出框架?94b3e26ee717c64999d7867364b1b4a3 
ca21c75a15e42d50348cfc8abd6c698a点击这里!5db79b134e9f6b82c0b36e0489ee08ed 
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

예제를 보고 매우 흥미를 느끼실 거라 생각하니 빨리 editor를 열고 살펴보세요.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jquery는 모두 선택 및 단일 선택 반전을 실현합니다.

jQuery 작업 배경색 그라데이션 애니메이션 효과

jQuery 플러그인 FusionCharts는 원형 차트를 그립니다

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