본문 바로가기
IT/html

html a 태그

by 뉴코딩맨 2023. 2. 19.

HTML에서 a 태그는 하이퍼링크를 만드는 데 사용되는 태그 중 하나입니다. a 태그는 링크 주소를 지정하고, 링크를 클릭했을 때 연결될 URL을 가리킵니다. 이 태그는 링크의 텍스트와 함께 사용되며, 이 텍스트는 사용자가 클릭할 수 있는 링크를 나타냅니다. a 태그는 href 속성을 사용하여 링크 주소를 지정합니다. href 속성 값은 URL이나 파일 경로일 수 있습니다.

 

사용법1

 

a 태그는 href 속성을 통해 링크되는 URL을 지정합니다. 예를 들어, 다음과 같이 작성할 수 있습니다.

 

<a href="http://www.example.com">Example</a>

 

이 코드는 "Example"라는 텍스트를 포함하는 하이퍼링크를 생성합니다. 이 링크를 클릭하면 http://www.example.com으로 이동합니다.

 

사용법2

 

a 태그는 또한 다른 HTML 요소에 링크를 걸 수도 있습니다. 예를 들어, 다음과 같이 작성할 수 있습니다.

 

<a href="#section1">Go to Section 1</a>

 

이 코드는 "Go to Section 1"라는 텍스트를 포함하는 하이퍼링크를 생성합니다. 이 링크를 클릭하면 동일한 페이지 내에서 id가 "section1"인 요소로 이동합니다.

 

사용법3

 

a 태그는 또한 target 속성을 사용하여 링크를 새 창이나 새 탭에서 열 수 있습니다. 예를 들어, 다음과 같이 작성할 수 있습니다.

 

<a href="http://www.example.com" target="_blank">Open Example in a New Tab</a>

 

이 코드는 "Open Example in a New Tab"라는 텍스트를 포함하는 하이퍼링크를 생성합니다. 이 링크를 클릭하면 새 탭에서 http://www.example.com이 열립니다.

 

다른 속성들

 

a 태그는 href와 target 이외에도 다양한 속성을 가지고 있습니다. 이러한 속성을 사용하여 툴팁을 표시하거나 링크에 대한 추가 정보를 제공할 수 있습니다. 다음은 a 태그의 일부 속성들입니다.

  • title: 링크에 대한 툴팁을 지정합니다.
  • rel: 링크와 대상 사이의 관계를 지정합니다.
  • download: 링크를 클릭했을 때 대상을 다운로드하도록 지정합니다.

a 태그는 HTML에서 가장 기본적이면서도 중요한 태그 중 하나이며, 다양한 웹 페이지에서 많이 사용됩니다.

'IT > html' 카테고리의 다른 글

html 주석  (0) 2023.02.20
html img 태그  (0) 2023.02.20
html 목록 태그  (0) 2023.02.18
HTML 이란?  (0) 2023.02.17
html h 태그  (0) 2023.02.17

댓글