HTML

[HTML] target = ('_blank / _self / _parent / _top')

2023.07.16

target은 태그의 속성으로 링크를 열때 어떻게 열지 정하는 속성이다. //example LINK _blank 새 윈도우 창을 열어서 웹 페이지를 연다. ❗ _blank와 blank의 차이 _blank는 클릭하면 계속 새로운 탭이 열리지만 blank는 클릭하면 한 번 열린 탭에서 계속 새로운 페이지가 열린다. _self (기본) 현재 윈도우 창에 그대로 링크된 페이지를 연다. _parent 현재 브라우저의 부모 브라우저에서 새 웹페이지를 연다. ex) A페이지에서 B를 새로 열었으면 A에서 열리게 된다. _top 최상위 브라우저에서 열린다. _parent와 비슷한데 _parent는 이전 창에서 열리는 차이가 있다.

PROJECT/Basic

[Vanilla JS PRJ 02] Counter 사이트 만들기

2023.07.04

이번에는 단순하게 버튼을 눌러 숫자를 증가, 감소, 리셋하는 사이트를 만들 것이다. Increase 버튼을 누르면 가운데 숫자가 초록색으로 바뀌고, Decrease를 누르면 빨간색으로 바뀐다. 내가 쓴 코드 index.html Counter 0 Decrease Reset Increase 일단 내가 작성한 html은 이렇다. 숫자가 태그에 수정할 수 있도록 태그를 넣어주었다. 그리고 버튼을 세개를 다 따로 만들었다. 앗 그런데 를 다 빼먹었다... 레이아웃에 대해 공부할 필요가 좀 있을듯 하다. 를 남발하지 말라고 하는데 언제어디서 적절히 사용해야할지 잘 모르겠다. 여기서 또 들은 의문점은 왜 class랑 id를 굳이 같이 써야하는지다. 저번 01 Color Flipper 프로젝트에서는 버튼에 CSS용 c..

[HTML] target = ('_blank / _self / _parent / _top')

[Vanilla JS PRJ 02] Counter 사이트 만들기

티스토리툴바