냐울당 햄버거 메뉴

목차

    반응형

    안녕하세요. 플입니다.

    오늘은 링크를 눌렀을 때 새창에서 열리게 설정해보겠습니다.

     


     1. <a> 태그로 링크 만들기

    <a href="https://ssimplay.wixsite.com/study" ></a>

    먼저 <a href="">를 이용해 주소를 적어줍니다.

     

    하지만 주소만 적어주면 현재 창에서 주소가 열려 지금 보는 사이트가 없어져버립니다.

     

     


     2.  target설정

    <a href="https://ssimplay.wixsite.com/study" target="_blank" ></a>

    (그냥 이미지일 뿐 target속성을 넣는다고 디자인이 변하지는 않습니다.)

     

    <a> 태그에 target속성을 추가해 줍니다.

    target은 링크를 열 때 어떻게 열지 정하게 해줍니다.

    간단하게 현재 창과 새창으로 열기 등이 있습니다.

     

    새 창으로 여는 속성 값은 _blank입니다. 앞에_(언더바)를 꼭 입력해주세요.

     


     3.  확인

    이제 <a> 태그를 클릭해 새 창으로 열리는지 확인해봅니다.

    창이 하나 더 생기면서 새 창에서 링크가 열리는 것을 알 수 있습니다.

     


    그럼 이만.

    총총.

    반응형

    'coding > html + css' 카테고리의 다른 글

    [css] 마우스 포인터 변경  (0) 2019.11.25
    [css] 글자 가운데 정렬 하기  (4) 2019.11.23
    [css] 드래그 색상 변경  (0) 2019.11.16
    [css] 배경색과 이미지 동시에 넣기  (0) 2019.11.14
    [sass/scss] 오류 확인법  (0) 2019.11.12
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바