본문 바로가기
boostcource/boostcourse_web programming

[HTML, CSS] HTML 구조 설계

by sgyeong 2024. 4. 3.

HTML 구조 설계 단계

1) 영역을 나눠서 상단/본문/네비게이션.. 이런 식으로 큰 부분부터 분리

2) 각 영역 안 내용의 구조 잡기
3) 영역 안에 또 다른 영역이 있다면 점점 안으로 좁혀가면서 HTML tag를 사용하면서 완성해가기


* 이때 CSS 코드를 같이 구현하지 않고 HTML로 먼저 문서의 구조를 잡아나가는 것이 개발 단계에서 유리하다.

 

 

 

 

 

참고 : boostcourse    https://www.boostcourse.org/web316/lecture/16668?isDesc=false

'boostcource > boostcourse_web programming' 카테고리의 다른 글

[HTML, CSS] CSS  (0) 2024.04.03
[HTML, CSS] class와 id 속성  (1) 2024.04.03
[HTML, CSS] HTML Layout 태그  (0) 2024.04.02
[HTML, CSS] HTML Tags  (0) 2024.04.02
WAS ( Web Application Server)  (1) 2024.04.02