HTML 06. 하이퍼링크 관련태그

 하이퍼 링크

- 웹문서의 가장 핵심적인 기능으로 뭔가를 클릭해서 다른곳으로 편리하게 이동할 수 있도록 도와줌
- 텍스트를 클릭해서 링크를 이동하는 방법, 이미지를 클릭해서 넘어가는 방법 등 존재 
- 현재 페이지 내에서 이동하는 방법도 있음

<a href="경로"> <\a>

<ul>
    <li><a href="01_글자관련태그.html">글자관련태그</a></li>
    <li><a href="02_목록관련태그.html">목록관련태그</a></li>
     <li><a href="http://www.naver.com">네이버</a></li>
</ul>

• 글자관련태그
• 목록관련태그
• 네이버

 

* target 속성 : 연결된 페이지를 어느탭에서 열 것인지 지정 (_self (현재탭) , _blank(새탭))

구글 사이트로
다음사이트로

 

* img 이용해서 링크만들기 

<a href="http://www.w3schools.com" target="_blank">
 <img src="resources/image/flower5.jpg" width="150" ></a>

 

* 도형이용해서 링크만들기

 <a href="http://www.naver.com">
        <div style="width:50px; height:50px; background-color:red;"></div>
 </a>

 

* 한페이지내에서 위/아래/지정 한 곳으로 점프하는 링크 만들기
  :  이동하고자하는 곳에 아이디를 부여한 후 href="#id"로 작성

<a href="#main"><button>위쪽으로 올라가기</button></a>