반응형
<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>
📚 참고
참고 서적 - 웹코딩 시작하기 (저자 김태영)
반응형
'🌐WEB' 카테고리의 다른 글
| [HTML5] video태그와 audio태그의 사용법 (0) | 2020.12.13 |
|---|---|
| [HTML5] 공간태그 - nav태그 / section태그 / article태그의 사용법 (0) | 2020.12.12 |
| [HTML5] 공간태그 - div 태그와 span 태그의 사용법 (0) | 2020.12.10 |
| [HTML5] form 태그 (폼 태그) 사용법 (input, label, select 태그) (0) | 2020.12.10 |
| [HTML5] HTML 소개 및 태그 설명 (0) | 2020.12.09 |