개발 노트

html 기본 구조 코드 본문

프로그래밍/Html

html 기본 구조 코드

알 수 없는 사용자 2021. 12. 27. 21:34 
<!DOCTYPE html> //HTML버전정보(HTML5)
<!--주석:실제로 표현되지 않고 코드에만 보여지는 글-->
<html lang="ko"> //language속성으로 주로 사용하는 나라 언어를 선택할 수 있다(생략가능)
    <head>
       <meta charset="utf-8"> //문서 캐릭터 설정(글자 깨짐 방지)
       <title>사이트이름</title>
    </head>
    <body>
        <header>대게 사이트 이름(로고), 내비게이션, 헤드라인, 검색 등으로 구성된다</header> //헤더 영역
        <nav>다른 곳으로 이동하기 위한 링크(link) 또는 이동 방법</nav> //네비게이션 영역
        <main> //본문 영역
            <section>
                섹션의 사전적 의미는 여러 개로 나뉜 것의 한 부분을 의미
                내용적 흐름과 구조를 만들기 위해 내용을 나누는 용도로 사용
            </section>
        </main> 
        <aside>본문과 따로 구성된 내용을 표시한다</aside> //사이드바 영역
        <footer>저작권, 연락정보 등 본문과의 관련성은 있지만 본문에 담기 어려운 내용으로 구성</footer> //푸터 영역
    </body>
</html>

 

저작자표시

'프로그래밍 > Html' 카테고리의 다른 글

html 리스트태그 연습 1  (0) 2022.05.30
Html 링크걸기  (0) 2022.05.30
Html 기술  (0) 2022.05.16
Html 연습하기  (0) 2022.05.16
간단한 계산기  (0) 2022.01.03
'프로그래밍/Html' Related Articles more