1. head
<head> : 해당 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의할 때 사용.
- <title> ★
- <style> ★
- <base>
- <link>
- <meta>
- <script>
- <noscript>* <meta charset="UTF-8"> : html 파일의 인코딩을 알려주는 태그. 글자 깨짐을 방지
** <meta name="viewport" content="width=device-width, initial-scale=1.0"> : ?
2. body
<body> : 해당 HTML 문서의 모든 콘텐츠를 포함하는 영역을 정의할 때 사용.
* HTML 문서에는 단 하나의 <body> 요소만이 존재할 수 있음.
- <div> : 구역 나누기
- <p> : 문단. 줄 바꿈.
- <ul>, <ol>, <dl> : 목록
* 포인트를 만들기 위한 <li>와 함께 쓰임.
1) <ol> : ordered list / 순서가 있는 목록 (숫자, 알파벳 등)
2) <ul> : unordered list / 순서가 없는 목록 (도형 포인트)
3) <dl> : definition list / 용어를 설명하는 목록 (사전)
- <h1> : 제목을 나타내는 태그.
* 페이지마다 하나씩 꼭 써주는 게 좋음. 그래야 구글 검색이 잘 됨.
- <h2> : 소제목
- <h3~h6>
- <hr> : 줄바꿈. 줄 생김.
- <span> : 특정 글자 꾸미기 / ex : <span style="color:red">
- <a> : 하이퍼링크 / ex : <a href="http://naver.com/">
* href : hypertext reference
- <img> : 이미지 / ex : <img src="이미지 링크" />
* alt=에 대체 텍스트를 입력
- <input> : 입력 창 / ex : <input type="text" />
- <button>
- <textarea>
h1
h2
h3
h4
h5
h6
span / color:red input button
