html-examples/doc/html5/04_링크.md

링크 태그

a

HTML에서 링크를 생성하는 데 가장 기본적으로 사용되는 태그는 <a> 태그입니다. 앵커(anchor) 태그라고도 불리며, 다른 페이지, 특정 위치, 파일, 또는 이메일 주소로 연결하는 하이퍼링크를 만들 수 있습니다.

<a href="링크주소" target="_blank">링크 텍스트</a>

• <a>: 앵커 태그의 시작과 끝을 나타냅니다.
• href: 링크할 페이지의 URL 주소를 지정합니다. URL은 상대 경로 또는 절대 경로를 사용할 수 있습니다.
• target: 링크를 클릭했을 때 링크가 열리는 방식을 지정합니다.
  • _blank: 새로운 창에서 열림
  • _self: 현재 창에서 열림 (기본값)
  • _parent: 부모 프레임에서 열림
  • _top: 최상위 창에서 열림
• rel 속성: 링크와 대상 간의 관계를 나타냅니다. (예: rel="nofollow": 검색 엔진에게 링크를 따라가지 말라고 지시)
• title 속성: 마우스를 올려놓았을 때 표시되는 도구 설명을 지정합니다.

<a href="https://www.example.com">Example 웹사이트</a>
<a href="mailto:you@example.com">이메일 보내기</a>
<a href="#section2">페이지 내의 section2로 이동</a>

<!-- 이미지 링크 -->
<a href="https://www.example.com"><img src="image.jpg" alt="이미지 설명"></a>
<!-- 버튼 링크 -->
<a href="https://www.example.com" class="button">버튼 클릭</a>
<!-- 다운로드 링크 -->
<a href="document.pdf" download="document.pdf">문서 다운로드</a>