2025-01-24T01:44:03

doc/html5/04_링크.md

@@ -0,0 +1,36 @@
+# 링크 태그
+
+## a
+
+HTML에서 링크를 생성하는 데 가장 기본적으로 사용되는 태그는 `<a>` 태그입니다. 앵커(anchor) 태그라고도 불리며, 다른 페이지, 특정 위치, 파일, 또는 이메일 주소로 연결하는 하이퍼링크를 만들 수 있습니다.
+
+```html
+<a href="링크주소" target="_blank">링크 텍스트</a>
+```
+
+* `<a>`: 앵커 태그의 시작과 끝을 나타냅니다.
+* href: 링크할 페이지의 URL 주소를 지정합니다. URL은 상대 경로 또는 절대 경로를 사용할 수 있습니다.
+* target: 링크를 클릭했을 때 링크가 열리는 방식을 지정합니다.
+    - _blank: 새로운 창에서 열림
+    - _self: 현재 창에서 열림 (기본값)
+    - _parent: 부모 프레임에서 열림
+    - _top: 최상위 창에서 열림
+* rel 속성: 링크와 대상 간의 관계를 나타냅니다. (예: rel="nofollow": 검색 엔진에게 링크를 따라가지 말라고 지시)
+* title 속성: 마우스를 올려놓았을 때 표시되는 도구 설명을 지정합니다.
+
+```html
+<a href="https://www.example.com">Example 웹사이트</a>
+<a href="mailto:you@example.com">이메일 보내기</a>
+<a href="#section2">페이지 내의 section2로 이동</a>
+```
+```html
+<!-- 이미지 링크 -->
+<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>
+
+```
+
+