태그 리스트 

• <p>
  • 텍스트의 단락을 구분하는 태그
• <a>html에서 표시하는 요소들에 링크를 넣고 싶을 때 <a href="(링크주소)">와 같이 쓴다.
  • 하이퍼링크 연결을 지원하는 태그.

• <div>단독 유닛으로 스타일 지정이 가능한다. 창 넓이만큼의 공간을 모두 차지한다.

  <div>
  	<h2>London</h2>
  		<p>London is the capital city of England.</p>
  		<p>London has over 13 million inhabitants.</p>
  </div>
  

  이런 식으로 그냥 섹션을 나누고 싶을 때도 사용한다. 
  • HTML5에는 <div> 처럼 스타일 지정 기능을 하면서 특정한 의미도 갖는 새로운 태그들이 많이 있다. 이런 태그들은 전체 문서에서 태그 안의 기능이 무엇인지 알아보기 쉽다는 장점이 있으므로, <div>가 아닌 다른 태그들을 상황에 맞게 이용하는 것이 좋다.
    • <header>: 페이지 전체 헤더로 사용되는 경우 메인 타이틀과 네비게이션 버튼 등을 이 태그에 포함한다.
    • <nav>: HTML4의 UL 태그 대신 쓸 수 있음. 수평으로 메뉴 링크? 네비게이션 링크를 만드는 태그
    • <article>: 기사 등 한 편의 독립적인 글을 담고 싶을 때. Article을 넣기 위한 태그.

<article>
  <header> <h2>Title of Blog Post</h2> </header>
    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
     <a href="">Read More.</a>
   </p>
</article>

• • • <main> : 메인 섹션을 구분하는 태그. 일반적으로 body보다는 좁은 범위이고, body에 제목, 내비게이션, 사이드 바 같은 게 있고 메인이 있는 것. html파일에 main 태그는 한 번만 쓰일 수 있다.
    • <aside>:
      • bibliography or endnotes
      • comments
      • pull quotes
      • editorial sidebars
      • additional information
      • website sidebars unrelated to the content
    위와 같이 내용에 포함하기는 좀 그렇지만 밀접하게 연관되어 있는 내용들을 <aside>태그로 지정한다.
    • <footer>: 바닥글(저작권 정보, 작성자 정보 등)
    • <section>:자체 제목을 가진 주요 세션을 정의
• <div>전과 </div>후에 자동 개행이 된다.
• 특별한 의미는 없는 블록 레벨 엘리먼트(화면 전체를 쓴다)

• <form><form action="http://localhost/login.php"> 이렇게 form 태그 안의 action값으로 전송할 주소를 넣어 준다.<form>여기 안에 원하는 만큼 <input> 태그 넣어서 입력 받으면 됨. </form>
• 사용자 입력을 서버로 전송할 때 쓰는 태그