날아라쩡글이의 블로그입니다.

link태그 (링크 태그 , a태그 ) 본문

카테고리 없음

link태그 (링크 태그 , a태그 )

날아라쩡글이 2021. 11. 4. 22:28
728x90
반응형

다른 문서로 연결되는 링크를 생성하기 

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