HTML의 구조

대부분은 알고 있겠지만 많은 태그들을 유용하게 사용하길바란다. 특히 div와 section article 을ㅈㄹ 사용하기를 바란다.

HTML 강의를 다시 한번 수강했었다.

HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

웹 사이트를 보고 그를 박스로 나누어 보는 연습을 하는 것이 좋고, 이런 시야로 보게 된다면 어떻게 html 구조를 작성할지에 대해서 전반적으로 나온다는 이야기였다. 이 이야기는 나를 다시한번 학습시켰다.

크게 나누어진다. box와 item으로 나누어진다.

크게 추천하는 방법대로 header, footer, nav, main, aside 를 사용하고 div를 이용해서 무작위로 나누면 좋지 않다. 모든 섹션일 들어가는 것은 아니지만.

main도 디자인에 따라서 section으로 나누어지고 section 안에 article로 나눌 수 있다.

block과 inline태그로 나눌수 있다 block은 다음에 다시 나두면 다음줄로 나두지만

inline은 바로 옆에 나두어진다.

element(node) 전체를하고 태그와 conetent를 합쳐서 element다.

태그 안에는 attribute라는 속성이 있다.


CSS

Cascading

Author style(우리가 정한 스타일) → User style(사용자가 정의한 스타일) → Brower(브라우저가 기본지정한거)

이거를 연결을 끊어내는 방법이 있는데 important라는 것을 쓰게 할 수 있다.