새로운 탭으로 여는 방법 [코딩일지] HTML 공부 #14 –

html공부/html독학/생활코딩/html링크/html링크새탭에서열기/html새탭에서열기/html새탭에서열기/html다른사이트연결/htmla태그/html시작/웹페이지코딩/웹프로그래밍/

얼마 전 a태그를 이용해서 웹페이지에 하이퍼텍스트를 넣어봤다.지정된 텍스트를 클릭하면 다른 웹사이트로 이동할 수 있는 코드였는데, <a href=”></a>였다.이 코드에 대한 자세한 설명은 앞 글에 나와있으니 필요하시면 참고해주세요!!

어쨌든 저 코드를 돌려보면 문자를 클릭했을 때 기존의 탭에서 바로 다른 웹 사이트로 이동하게 되는데 하이퍼텍스트를 눌렀을 때 기존의 탭이 아닌 새로운 탭(윈도우)에서 열리게 하고 싶을 수도 있다.그럴 때는 기존 코드에서 조금만 추가하면 돼생각보다 어렵지 않아

그 방법은 target=”_blank”를 추가하는 것!

나의 경우 이렇게 했다.

< a href = ” https : // terms . nav er.com/entry.nhn?docId=1062053&cid=40942&categoryId=32624 ” target = ” _ blank ” > The cat ( Felis catus ) < / a >

a로 시작하는 부분부터 봐도 되는데, 앞뒤에 a태그가 있고 앞에 a태그 <> 내부에서 링크를 삽입하는 부분+스페이스+target=”_blank”를 입력한다.후방 a 태그 부분은 건드릴 필요가 없다.

이렇게 하면 html로 새로운 탭에서 여는 것이 완성!

간단해 보이지만 생각보다 잊어버리기 쉬운 부분이니 주의할 것.

그럼, 이번 기록은 여기까지 유익했으면 좋겠다고 댓글을 남겨주세요!

생활코딩에서 공부한 내용입니다.

error: Content is protected !!