Tech Stock logo Tech Stock

Link태그 혹은 Anchor 태그 혹은 a태그 라고 불리운다

■ 기본작성

<a href="https://techstock.biz>건망증이 심한 엔지니어 </a>

■ 새창에서 열도록 링크

<a href="https://techstock.biz" target="_blank">건망증이 심한 엔지니어 </a>

조금더 다양한 target의 속성

  • _self : 링크를 클릭한 해당 창에서 열도록 한다.
  • _parent : 부모 창에서 연다. (부모 창이 없으면 _self속성으로)
  • _top : 전체 브라우저 창에서 가장 상위의 창에서 연다 (부모 창이 없으면 _self 속성으로)

■ 타이틀 지정

<a href="https://techstock.biz" title="건망증이 심한자의 기술 블로그">건망증이 심한 엔지니어 </a>

링크에 마우스를 올리면 도움말 설명이 뜬다.


■ 이 외에 조금더 다양한 방식의 링크 지정들

상대경로 url : 같은 프로젝트 폴더 내의 경로

<a href="main.html">메인으로</a>

엘리먼트 ID를 이용한 url (같은 문서의 엘리먼트 ID)

<div id="2phase">2phase </div>   
<a href="#2phase"> 페이즈2 </a>   

자바스크립트 함수 호출

<a href="javascript:alert('warning');"> 주의</a>

ftp접속

<a href="ftp://ftp-server.com"> ftp서버</a>

메일을 보내는 링크(링크를 누르면 outlook 이 열린다)

<a href="mailto:helloworld@gmail.com">helloworld에게 메일 보내기</a>