날아라쩡글이의 블로그입니다.
link태그 (링크 태그 , a태그 ) 본문
728x90
반응형
다른 문서로 연결되는 링크를 생성하기
- <a>
- a태그를 사용한다.
- 주요 속성
- herf
- 연결되는 문서의 주소를 지정한다.
- title?
- 1번 사용하던지 사용하지 않아야 하는 태그이다.
- 풍선 도움말을 지정한다
- target?
- 링크로 연결되는 문서를 어디에서 표시할 것인지 지정한다.
- target에 들어갈 속성
- target="_self" : 원래 있던 창에서 열린다.
- 디폴트 값으로 현재 창이나 탭에서 연결된 페이지를 표시한다.
- target="_blank" : 새 창이나 새 탭에서 연결된 페이지를 표시한다.
- target="_parent" : 팝업이 열리면 child의 window의 창이 열리고, child를 누르면 parent의 창이 바뀐다.
- 팝업의 부모창에서 연결된 페이지를 표시한다.
- target="_top"
- target="_self" : 원래 있던 창에서 열린다.
- _self와 _blank만 기억한다. 거의 _blank만사용한다.
- 요즘 유행하는 레이어드 팝업은
다른 window가 아닌 문서안에 해당되는 컨텐츠가 있어서 그것이 보여지는 것이다.
- 작성 예시
- <a href="http://www.daum.net">다음</a>
<a href="http://www.daum.net" title="다음 홈페이지">다음</a>
<a href="http://www.daum.net" target="_blank">다음</a>
<a href="http://www.daum.net" target="_blank" title="다음 홈페이지">다음</a>
- <a href="http://www.daum.net">다음</a>
- 주소 작성 방법
- 프로젝트 외부 web page
- a href="http://www.daum.net/index.html", href="http://www.naver.com", href="http://www.google.com"
- 방문한 적이 있다면 보라색으로 바뀐다.
- 풍선도움말은 툴팁이라고 부르며, 마우스를 가져다가 대면 풍선이 열린다.
- 프로젝트 내부 web page
- 경로만 작성하면된다.
- href="demo01-heading.html
- .을 작성해서 연결도 한다.
- 같은 경로에 존재하면 페이지의 이름을 작성하면 된다.
- 현재는 text가 작성되어 있지만 나중엔는 그림을 넣고 누르면 그부분으로 넘어갈 수 있게 설정 가능하다.
- 같은 문서안의 컨텐츠
- href="#first-section"
- top을 누르면 문서의 맨위로 올라가는 것처럼 같은 컨텐츠로 이동하는 것이다.
- 문서내에서 특정컨텐츠로 이동하는 속성은 해당 문서 p에서 id를 작성후 a속성값에 #+id이름을 붙여준다.
- 프로젝트 외부 web page
- herf
-
반응형
Comments