본문 바로가기
{Programing}/Web Front

HTML - 레이아웃

by 탱타로케이 2020. 3. 11.
<!DOCTYPE html>
<html lang="kr">
	<head>
		<meta charset="utf-8">
		<title> Test </title>
	</head>
	<body>
		<header>
			<p>홈페이지 로고</p>
		</header>
		<nav>
			<p>메뉴</p>
		</nav>
		<section>
			<p>게시판</p>
			<article>
				<p>글1</p>
			</article>
			<article>
				<p>글2</p>
			</article>
		</section>
		<aside>
			<p>광고</p>
		</aside>
		<footer>
			<p>주인장 정보</p>
		</footer>
	</body>
</html>

<header> : 웹페이지나 <section>태그의 소개나 제목을 담기위해 사용하는 태그. 

<nav> : 내비게이션 역할. 메뉴를 만들기 위해 자주 사용.

<section> : 기준에 따라 구역 구분. 기준에 맞는 <article>태그를 담음.

<article> : 주 내용을 담는 태그. 

<aside> : 페이지 측면을 꾸미는 태그. 

<footer> : 페이지 최 하단을 꾸미는 태그. 홈페이지의 정보나 업체, 바로가기등의 정보를 담음.......

'{Programing} > Web Front' 카테고리의 다른 글

HTML - escape  (0) 2021.04.21
HTML - iframe  (0) 2021.04.21
HTML - table, image, list, form, input  (0) 2021.04.21
HTML - 기본 구조  (0) 2020.03.11
HTML  (0) 2020.03.11

댓글