220705 VSC로 HTML작업하기

자바로 원금균등상환표를 하나 만드는 문제를 같이 풀고

VSC로 HTML코드를 만드는 간단한 문제를 풀어보았다.

자바로 문제 푸는 건 재밌는데 새로운 메서드를 적용하는건 어렵구나 ㅠ

 

 

먼저 img 입력 후 tab 키 눌러서 바로 적용. 

h1 입력 후 tab 키 눌러 적용

p 입력 후 tab 키 눌러 적용

 

목록의 경우에는 ul>li*5>i+b 입력 후 tab 키 눌러서 적용 하면 간단하다.

음료 3종류도 같은 형식으로 짜여있으므로

(h3+img)*3  이렇게 한번에 등록

 

 

오늘은 div에 대해 배웠다.

div divide의 약자. 나누다. div를 사용해야 CSS에서 스타일을 사용할 수 있다고 한다.

div를 내가 생각하는 섹션대로 나눈다음,(wrap,header,main,aside,footer 순서)

<style></style> 요소에서

div#wrap { border ...} 을 주면 wrap으로 설정한 전체 부분의 테두리를 줄수 있다.

다른 div들에게는 적용하지 않을 수 있다.