[HTML] 링크(Link) :: <a>태그
by 캐떠린a태그 :: 링크, Link
<a></a>- anchor(닻), link
a태그 속성
- a.href: 클릭하면 이동할 URL주소. reference a hyperlink
- a.targt: 열거형. _self, _blank, _parent, _top, 프레임명
- _self: 같은 창에서 링크 이동. 내부 링크용
- _blank: 새 창에서 링크 이동. 외부 링크용
<body>
<h1>링크</h1>
<a href="ex10_list.html">링크입니다.</a>
<h2>내부 링크(같은 사이트내의 이동)</h2>
<a href="ex10_list.html">10번 예제</a>
<h2>외부 링크</h2>
<a href="https://naver.com">네이버로 이동합니다.</a>
<!-- https:// 가 없으면 URL이 아니다!! -->
<h2>이동 형태</h2>
<a href="https://google.com" target="_blank">구글로 이동합니다.</a>
<hr>
<h1 id="title">앵커(문서 내 이동시에 사용 - )</h1>
<ul>
<li><a href="#a1">제주도</a></li> <!-- 일반 링크와 구별하기 위에 앞에 '#' 붙음! -->
<li><a href="#a2">울릉도</a></li>
<li><a href="#a3">독도</a></li>
</ul>
<!-- 옛날방식 > name="식별자(영어/숫자/_)" -->
<h2><a name="a1">제주도</a></h2>
<p>설명입니다.</p>
<p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p>
<h2><a name="a2">울릉도</a></h2>
<p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p>
<h2><a name="a3">독도</a></h2>
<p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p><p>설명입니다.</p>
<hr>
<a href="#title">맨위로</a>
</body>
See the Pen Untitled by 박나래 (@kdzhfgez-the-selector) on CodePen.
*글 작성에 참고한 내용: 학원 쌤의 열정적인 수업
'HTML' 카테고리의 다른 글
| [HTML] 이미지(Image) :: <img> 태그 (0) | 2024.03.20 |
|---|---|
| [HTML] URL(=URI) (0) | 2024.03.20 |
| [HTML] 목록(List) (0) | 2024.03.20 |
| [HTML] 텍스트 서식(Style) (0) | 2024.03.20 |
| [HTML] 구분선, 수평선(Horizontal Rule) + HTML 속성 유형 :: <hr> (0) | 2024.03.20 |
블로그의 정보
All of My Records
캐떠린