[HTML] 하이퍼링크 관련 태그 (수정필요)

하이퍼링크란

-웹 문서에서 또다른 문서로 클릭하여 이동할 수 있게 연결시킨 (핵심적인) 기능 텍스트문구, 이미지, 현재페이지내 등등등에서 클릭하면 이동

<a>태그

<a href="url">link text</a>

href 속성은 링크의 목적지 주소( https://www.w3schools.com/html/ )를 지정한다.
link text 는 보이는 부분입니다.
link text 에 클릭함으로써 지정된 주소로 이동 된다.
Tip:  "link text" 는 텍스트여야만 할 필요는 없으며, 이미지나 또 다른 HTML 요소가 될 수 있다.

 

target 속성:

링크된 문서가 열릴 곳을 지정

 

아래의 예는 새 브라우저 창 또는 새 탭에 링크된 문서를 엽니다:

        _blank 새탭열림

        _self : 현재탭에서 이동(기존 창에서 연결), 기본값

Target ValueDescription

Target Value	설명
_blank	새 브라우저 창 또는 새 탭에 링크된 문서를 엽니다
_self	클릭된 곳 과 같은 프레임에 링크된 문서를 엽니다.  (default)
_parent	부모 프레임(parent frame)에 링크된 문서를 엽니다.
_top	윈도우의 전체에 링크된 문서를 엽니다.
framename	명 명된 프래임에 링크된 문서를 엽니다.

 

<br>
    <a href="3_표관련태그.html">표관련태그</a>
    </h3>
    <a href="0_test.html">"대한민국이 사라진다"</a><br>
    <a href="https://news.kbs.co.kr/news/view.do?ncd=3346042">"진짜 대한민국이 사라진다"</a>

    <ul>
        <li><a href="https://www.naver.com/" target="blank">네이버로 이동</a></li>

        <li><a href="https://www.daum.net/" target="_self">다음으로 이동</a></li>
        <li><a href="https://www.google.com/">구글로이동</a> 이동</a></li>

    </ul>

<a href="웹페이지 링크">
  <img src="이미지경로" alt = "대체값">
</a>

 

 <h3>이미지를 클릭해서 웹페이지 링크 연결하기</h3>
    <a href="https://www.iei.or.kr" target="_blank">
        <img src="resources/image/aa_logo.jpg" alt="aa로고">

    </a>

 

 

 

<h3>한 페이지 내에서 점프하는 앵커(a)태그 만들기</h3>

    <h3 id="list"></h3>
    <ul>
        <li><a href="#content1">본문내용1</a></li>
        <li><a href="#content2">본문내용2</a></li>
        <li><a href="#content3">본문내용3</a></li>
    </ul>


    <br><br><br><br><br>
    <h4 id="content1">본문내용1</h4>
    <br><br>
    <div>
        흙으로 별 아스라히 어머님, 이런 그러나 봄이 있습니다. 쉬이 하나에 아이들의 가득 봅니다. 시인의 없이 무덤 북간도에 듯합니다. 
        위에 그러나 노새, 풀이 이런 같이 애기 버리었습니다. 이웃 부끄러운 하나에 봅니다. 이름과, 비둘기, 별 새워 풀이 이름자 하나에 된 듯합니다. 
        가슴속에 위에 자랑처럼 이름과, 나는 토끼, 잠, 어머니 그리워 봅니다. 같이 하나에 아이들의 가을로 시와 노루, 북간도에 이름과, 너무나 계십니다. 
        부끄러운 하나의 새겨지는 버리었습니다. 이름과, 별 별들을 별을 듯합니다.
    </div>
    <br><br><br><br><br>    <br><br><br><br><br>
    <h4 id="content2">본문내용2</h4>
    <div>   
        별빛이 내 옥 비둘기, 봅니다. 이네들은 언덕 오면 하나의 까닭입니다. 지나고 다 강아지, 별을 밤이 아스라히 거외다. 나는 같이 하나에 밤을 어머니, 있습니다. 
        가을 불러 내린 묻힌 봅니다. 이름을 한 까닭이요, 거외다. 별들을 가난한 까닭이요, 아직 패, 하늘에는 새겨지는 마디씩 어머님, 듯합니다. 
        아이들의 밤을 소녀들의 어머니, 별 듯합니다. 책상을 노루, 추억과 없이 이름과, 봅니다.


    </div>
    <br><br><br><br><br>    <br><br><br><br><br>
    <h4 id="content3">본문내용3</h4>
    <div>
        별 하나에 시와 봄이 있습니다. 벌써 없이 새워 시인의 까닭입니다. 라이너 슬퍼하는 흙으로 나는 이웃 나는 딴은 듯합니다. 
        시와 별에도 하나에 않은 무엇인지 버리었습니다. 위에도 시인의 노새, 봅니다. 그리고 어머님, 쓸쓸함과 아무 별들을 멀듯이, 당신은 하나의 듯합니다. 
        별이 북간도에 그리워 옥 봅니다. 겨울이 언덕 나의 이름자 아이들의 불러 이런 까닭입니다. 써 그리고 별이 마리아 거외다.

    </div>
    <br><br><br><br><br>
    <a href="#list">목록으로돌아가기</a>
</body>
</html>

 

 

Reference

http://jun.hansung.ac.kr/CWP/htmls/HTML%20Links.html