IT수업/HTML+CSS

it 수업 3주차 (41) Layout

워제하 2024. 1. 11. 22:47

 

 

● flex는 부모에서 잡는 것

 

● sementic태그 : 웹문서를 의미있는 블록으로 나누어 구조를 만드는데 사용되는 태그

      <header>  : 헤더 섹션

      <nav>       : 네비게이션 링크 섹션

      <section>  : main안의 특정 영역 지점 섹션

      <article>    : 문서의 본문 섹션

      <aside>     : 문서의 사이드바 영역

      <footer>    : 푸터 영역

      <main>      : 문서 주요 컨텐츠 영역

 

 

 

<실행화면>

 

header의 menu에 커서를 올리면 submenu가 보인다.