웹프로그래밍 HTML (4) <a> 링크태그(앵커태그)

📋오늘의 목표📋

문서,텍스트,앵커,컨테이너요소에 대해서 알아보자

📕 <a> 링크태그(앵커태그)

링크를 생성해서 해당 위치로 이동할 수 있도록 한다.

<a href="#some-element-id">회사 소개로 이동하기</a>
<br>
<div id="some-element-id">회사 소개</div>

📖 href속성 : 이동 주소

이동할 위치이다. 내부링크라면 id속성을 이용해 선언한다.

<a href="#some-element-id">회사 소개로 이동하기</a>
...
<h1 id="some-element-id">회사 소개</h1>

👉실행화면

회사 소개로 이동하기

회사 소개

📖 target속성 : 어디에 어떻게 표시할지 나타낸다.

• "_self" 속성값: 현재 창에 표시 (기본으로 설정되어 있다.)
• "_blank"속성값: 새로운 창에 표시

<a href="http://www.naver.com/" target="_blank">네이버</a>

👉실행화면

네이버

🏅오늘의 느낀점🏅

주요 태그들에 대해서 알아보았는데 <h1> <p> <br> <div> <span> 태그들에 대해서 잘 알고 있어야 할 것 같다.
그리고 이 페이지에만 너무 많은 내용이 있어서 좀 나눌까 고민중이다.