HTML&CSS 2일차 (정리x)

728x90

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!-- HTML 기본 3영역, header / main / footer -->
    <header>
        검색창, 메뉴, 타이틀 로고 등 들어감
    </header>
    <nav> 네이게이션, 사이트에서 같은 사이트의 어떤 위치로 이동하는 곳 혹은 메뉴가 들어가는 경우가 많음
        nav는 독자적으로 있을 때보다 header, side bar 등에 자주 들어감
    </nav>
    <aside>
        사이드바 영역
    </aside>
    <main>
        메인 영역, 실제 표시하고 싶은 주 정보들을 여기에!
        <div>영역 구분을 위해 사용하는 태그</div>
        <div>영역2</div>
        <!-- alt + shift : 줄 이동
         div는 의미없음, 초반 연습용은 div
         span은 줄바꿈 없음-->
        <article>
            신문/잡지/블로그 포스트 등 /인스타 게시물 하나 등등
            독립된 웹 콘텐츠 항목. 이 부분만 따로 떼서 가져가도 문서 이해에 지장 없음
        </article>
        <section>
            div처럼 영역을 구분하는 태그, 여러 항목을 하나로 묶는 것에 사용된다
        </section>


    </main>
    <footer>
        사이트 연락처, 연계 사이트, 대표자, 회사 정보 등
    </footer>
</body>
</html>

728x90

저작자표시 비영리 변경금지

'💜 HTML,CSS' 카테고리의 다른 글

HTML&CSS 실습2 (정리x) (0)	2024.03.23
HTML&CSS 실습1 (정리x) (0)	2024.03.23
HTML&CSS 4일차 (정리x) (0)	2024.03.23
HTML&CSS 3일차 (정리x) (0)	2024.03.23
HTML&CSS 텍스트 관련 태그 (0)	2024.03.23

'💜 HTML,CSS' 카테고리의 다른 글

티스토리툴바