반응형
안녕하세요. 플입니다.
오늘은 링크를 눌렀을 때 새창에서 열리게 설정해보겠습니다.
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 |