🌐WEB
[HTML5] 공간태그 - header태그와 footer태그의 사용법
Cocoon_
2020. 12. 11. 23:17
반응형
<header> 태그
HTML5에서 등장한 태그로, 웹페이지 상단인 header(헤더) 영역을 구성할 때 사용합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Cocoon</title>
</head>
<body>
<header>
<div id="logo">
코딩 공부 일지
</div>
<ul>
<li>알고리즘 문제풀이</li>
<li>WEB</li>
<li>JAVA</li>
<li>일상</li>
</ul>
</header>
</select>
</body>
</html>
<footer> 태그
HTML5에서 등장한 태그로, 웹페이지 하단 영역을 구성할 때 사용합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Cocoon</title>
</head>
<body>
<header>
<div id="logo">
코딩 공부 일지
</div>
<ul>
<li>알고리즘 문제풀이</li>
<li>WEB</li>
<li>JAVA</li>
<li>일상</li>
</ul>
</header>
<br>
<p>블로그 내용</p>
<br>
<footer>
<p>copyright by Cocoon</p>
</footer>
</select>
</body>
</html>
📚 참고
참고 서적 - 웹코딩 시작하기 (저자 김태영)
반응형