초보자용 기사: 태그를 사용하여 링크(공유)를 만드는 방법

奋力向前
풀어 주다: 2021-07-30 17:15:48
원래의
5493명이 탐색했습니다.

이전 글 "img 태그를 사용하여 이미지 효과를 추가하는 방법(지식)을 단계별로 가르쳐주세요"에서는 img 태그를 사용하여 이미지 효과를 추가하는 방법을 소개했습니다. 다음 문서에서는 <a> 클릭 링크를 만드는 방법을 설명합니다. 한번 살펴보세요. <a></a>

초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법

<a> 태그: HTML의 하이퍼링크 태그로, 일반적으로 "<a></a>" 쌍으로 나타납니다. <a></a>”成对的形式出现。

<a>功能:就是跳转页面,通过单击一行文字跳转新页,它是HTML的核心功能。

href属性:指定链接地址,在<a></a>元素内部指定要显示的文字。

代码示例如下

<a href="https://www.php.cn">php中文网</a>
로그인 후 복사

代码效果图如下

초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법

<a>不但可以包含文字,还可以包含其他元素,比如<h1>

代码示例如下

<a href="https://www.php.cn">
<h1>我是PHP中文</h1>
</a>
로그인 후 복사

代码效果图如下

초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법

<a>可以包含图片(之前的文章有详细说图片元素)。

代码示例如下

<a href="https://www.php.cn">
<img  src="https://img.php.cn/upload/image/682/458/838/1627535900680707.jpg"    style="max-width:90%"  style="max-width:90%" alt="초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법" >
</a>
로그인 후 복사

代码效果图如下

태그를 사용하여 링크(공유)를 만드는 방법" title="162763474027335초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법" alt="초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법"/>

单击上面任何一个链接,会发现新页面都会在当前页打开,当前页会被覆盖。有时我们不想谑当前页被覆盖掉,能不能让它在新标签页里打开呢?

没问题,我们可以用target属性指定单击跳转方式。

target属性:一共有以下几个值,其中前两项最常用

  • _blank:在新窗口中打开;

  • _self:默认。在相同的框架中打开;

  • _parent:在父框架集中打开;

  • _top:在整个窗口中打开。

parent和top两项涉及<iframe>元素,可以暂时忽略,一般我们只是经常用到target=&#39;_self&#39;target=&#39;_blank&#39;,分别用于在当前页面打开,和在一个新的页面打开。

现在我给大家代码示例加上target=”_blank”

<a> 기능:

텍스트 줄을 클릭하면 새 페이지로 이동하는 기능입니다.

href 속성: 링크 주소를 지정하고 <a> 요소 안에 표시할 텍스트를 지정합니다.

코드 샘플은 다음과 같습니다🎜
<a href="https://www.php.cn"target=”_blank”>php中文网</a>
로그인 후 복사
🎜코드 렌더링은 다음과 같습니다🎜🎜초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법🎜🎜<a></a>는 텍스트뿐만 아니라 <h1>와 같은 다른 요소도 포함할 수 있습니다. >🎜🎜코드 예시는 다음과 같습니다 🎜rrreee🎜코드 렌더링은 다음과 같습니다🎜🎜초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법🎜🎜<a>에는 사진이 포함될 수 있습니다(이전 기사에서 사진 요소에 대해 자세히 설명했습니다). 🎜🎜코드 샘플은 다음과 같습니다🎜rrreee🎜코드 렌더링은 다음과 같습니다🎜🎜초보자용 기사: <a> 태그를 사용하여 링크(공유)를 만드는 방법🎜🎜위 링크 중 하나를 클릭하면 현재 페이지에 새 페이지가 열리고 현재 페이지를 덮어쓰게 됩니다. 때로는 현재 페이지를 덮어쓰고 싶지 않을 때도 있습니다. 새 탭에서 열리게 할 수 있나요? 🎜🎜문제 없습니다. target 속성을 사용하여 클릭 점프 방법을 지정할 수 있습니다. 🎜🎜🎜target attribute🎜: 총 ​​다음과 같은 값이 있으며, 그 중 처음 두 개가 가장 일반적으로 사용됩니다🎜
  • 🎜_blank : 새 창에서 열기 🎜
  • 🎜_self: 기본값. 동일한 프레임에서 열기 🎜
  • 🎜_parent: 상위 프레임 세트에서 열기 🎜
  • 🎜_top 창 전체를 열어보세요. 🎜
🎜parent 및 top은 <iframe> 요소를 포함하므로 일시적으로 무시할 수 있습니다. 일반적으로 target='_self'를 자주 사용합니다. 및 target='_blank'는 각각 현재 페이지와 새 페이지에서 여는 데 사용됩니다. 🎜🎜이제 코드 예제에 target="_blank"를 추가합니다🎜🎜Code example🎜rrreee🎜이 링크는 시각적으로 변하지 않지만 클릭하면 새 탭 페이지가 열립니다. 에서 링크 주소를 엽니다. 🎜🎜추천 학습: 🎜Html 비디오 튜토리얼🎜🎜

위 내용은 초보자용 기사: 태그를 사용하여 링크(공유)를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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