H5 링크 사용-HTML 튜토리얼-php.cn

H5 링크 사용

php中世界最好的语言

풀어 주다： 2018-04-19 17:12:40

원래의

15363명이 탐색했습니다.

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

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

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

HTML하이퍼링크:

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

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

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

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

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

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

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

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

참고: 이러한 하이퍼링크에 대해 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="//m.sbmmt.com/html/html-links.html#tips">
访问有用的提示部分</a>

로그인 후 복사

즉시 사용 가능한 예:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>)</title> 
</head>
<body>
<p>创建图片链接:
<a href="/wy/148886.htm">
<img  border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
<p>无边框的图片链接:
<a href="/wy/148886.htm">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>
</body>
</html>

로그인 후 복사

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title> </title> 
</head>
<body>
<p>跳出框架?</p> 
<a href="http://www.php.com/" target="_top">点击这里!</a> 
</body>
</html>

로그인 후 복사

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

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