오늘도 삽질중

커피 바나나 토마토 HTML HTML은 HyperText Markup Language의 약자로 웹페이지를 구성하는 마크업 언어이다. 글자 그대로, HTML은 프로그래밍 언어가 아니다. HTML은 웹 페이지를 구성하는 뼈대가 된다. HTML은 구조를 표현하는 언어이기 때문에 HTML의 구조를 잘 짜 놓으면, 자바스트립트로 개발을 할 때 더욱 직관적인 코드를 작성할 수 있다. -html은 태그들의 집합 -TAG: 부등호 ()로 묶인 HTML의 기본 구성 요소 -HTML확장자 사용 HTML을 CSS를 적용하고, JavaScript로 개발할 수 있게(Programmable) 작성할 수 있다. HTML이 Markup language라는 것을 이해할 수 있다. "구조를 표현하는 언어" 라는 의미를 자신의 언어..

block Inline block에서 inline으로, inline에서 block으로 user agent stylesheet Block : 옆에 다른요소들이 올 수 없다.(대부분의 box는 block 이다) - box이다. (box는 margin, padding, border 을 갖는다.) - 넓이, 높이 가진다. 대표적인 예) div, header, p Inline: 옆에 다른 요소들이 올 수 있다.(In the same line) - box 아니다 -넓이(width)와 높이(height)를 가질 수 없다. => 목차 block에서 inline으로, inline에서 block으로 대표적인 예) span, a, image, code ... 예시 //block //inline hello hello hell..

요즘 js에서 html을 읽는걸 배우고있다. js가 html과 연결되어있고 상호작용을한다는 사실을 기억하고! 오늘 내가 할 거는 js를 통해 html을 위와같이 변화시키려는 것이다. 내가 하고싶은것: 한 번 클릭하면 blue 또 한 번 클릭하면 tomato 또 한 번 클릭하면 blue 또 한 번 클릭하면 tomato 무한반복 =>이 말을 듣고 내가 생각한것 js에서 html element 호출해오고, event반응 필요하고 , function 의 if으로 참, 거짓 판별 html js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 const h1=documnet.querySelector(".hello h1"); ---> 1.element function handleTitleC..