HTML

<a href="..."> 앵커태그

아이티프로 2023. 1. 25.
반응형

HTML의 <a> 태그는 다른 웹 페이지 또는 동일한 웹 페이지의 특정 위치에 대한 하이퍼링크를 만드는 데 사용된다.

<a> 태그를 사용하려면 링크의 대상을 지정하는 데 사용되는 href 속성을 사용해야 한다.

<a href="https://www.naver.com">go naver.com</a>


이 예에서는 <a> 태그를 사용하여 example.com 웹 사이트에 대한 링크를 생성합니다. 웹페이지에 "Example.com 방문"이라는 텍스트가 링크로 표시되며, 사용자가 이를 클릭하면 example.com 웹사이트로 안내된다.

 


또한 <a>를 사용하여 ID 속성을 사용하여 동일한 웹 페이지의 특정 위치에 연결할 수 있으며 "책갈피"라고도 한다.

<div><a href="https://www.naver.com">go naver.com</a></div>
<div><a href="#section1">Go to section 1</a></div>

<div style="padding:200px;">empty div</div>
<h2 id="section1">Section 1</h2>


이 링크를 클릭하면 해당 ID를 가진 웹 페이지 섹션으로 이동하는 링크가 생성된다.

대상 속성을 사용하여 링크를 여는 방법을 지정할 수도 있다. 예를 들어 _blank를 사용하여 새 탭에서 링크를 열거나 _self를 사용하여 동일한 탭에서 링크를 열 수 있다.

 

반응형

'HTML' 카테고리의 다른 글

<style> 태그  (0) 2023.01.25
<h1>, <h2>, <h3> ..<h6>태그  (0) 2023.01.25
<form> <input> <select> <textarea> 태그  (0) 2023.01.25
selector 선택자 - id(#), class(.)  (0) 2023.01.25
<link href="...">  (0) 2023.01.25

댓글