HTML 기초 (2)

• HTML의 구조 생성을 위한 태그

<header> <!-- 웹사이트의 윗부분-->
	<nav>
    	...
    </nav> <!-- 웹사이트의 메뉴 영역 -->
</header>

<main role="main"> <!-- 본문 영역 -->
	<article> <!--정보 영역. 이미지나 텍스트 등 -->
    	...
    </article>
</main>

<footer> <!-- 하단 영역. 일반적으로 회사 주소나 연락처 -->
	<div> <!-- div태그는 공간을 만들 때 사용-->
    	<p>주소: 어쩌구 저쩌구</p>
    	<p>이메일: cnessit@gmail.com</p>
    </div>
</footer>

- Block, Inline 요소

 Block 요소는 <p>태그 처럼 y축 정렬 (줄바꿈 현상) 

 Inline 요소는 <a>태그로 사용 가능하며 한 줄 출력

<p> hi </p>
<p> bye </p> <!-- 출력 시 
hi
bye 로 출력-->

<a> hi </a>
<a> bye </a> <!-- 출력 시
hi bye 로 출력-->