반응형

 

 

<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>

 

 

 

 

📚 참고

참고 서적 - 웹코딩 시작하기 (저자 김태영)

반응형

+ Recent posts