[HTML]html의 기본Tag종류
<!-- 제목태그 -->
<h1>h태그는 제목태그입니다. 페이지내에서 가장 중요한 부분으로 h1은 로고에 사용됩니다.</h1>
<h2>제목태그입니다. 섹션의 대제목으로 사용됩니다.</h2>
<h3>제목태그입니다. 섹션의 소제목으로 사용됩니다.</h3>
<h4>제목태그입니다. h4~h6 태그는 거의 사용하지 않습니다.</h4>
<h5>제목태그입니다.</h5>
<h6>제목태그입니다.</h6>
<!-- 단락태그 -->
<p>p태그는 block요소로, 문단태그로 텍스트를 감싸는 태그입니다. 명확하게 문단으로 나눠서 레이아웃 배치와 스타일을 적용하기 위해 사용합니다.</p>
<span>span태그는 inline요소로 아무런 의미가없는 태그입니다. 영역을 묶거나 특정부분에 스타일을 적용하기위해 사용합니다.</span>
<!-- 순차적 목록태그 -->
<ol>ol은 순차적 목록태그입니다.</ol>
<li>li는 ol의 항목을 작성할때 사용합니다.</li>
<ol id="tea">
<li>물을 끓인다.</li>
<li>컵에 물을 따른다.</li>
<li>티백을 우린다.</li>
<li>차를 마신다.</li>
</ol>
<!-- 비순차적 목록태그 -->
<ul>ul은 비순차적 목록태그입니다.</ul>
<li>li는 ul의 항목을 작성할때 사용합니다.</li>
<ul id="food">
<li>햄버거</li>
<li>치킨</li>
<li>피자</li>
</ul>
<!-- 줄바꿈태그 -->
<br>줄바꿈태그입니다. 줄을 바꿀 글자뒤에 닫는태그없이 단일로 사용됩니다.
<!-- 수평선태그 -->
<hr>수평선태그입니다. 마찬가지로 닫는태그없이 단일로 사용됩니다.
<!-- 문장형태 그대로 보여주는태그 -->
<pre>pre태그는 형식화된 텍스트를 나타내는 태그로 띄어쓰기, 들여쓰기, 줄바꿈 등을 그대로 웹페이지에 표시합니다. pre태그는 사용하지 않는것이 좋아보입니다.</pre>
<!-- 강조태그 -->
<strong>strong태그는 강조태그로 감싼 텍스트를 굵게 표시합니다.</strong>
<em>em태그도 강조태그로 감싼 텍스트를 기울게 표시합니다.</em>
<b>b태그는 강조의 의미가 아닌 단순히 글자를 굵게 표시하는 태그입니다.</b>
<!-- 테이블태그 -->
<table>표를 작성할때 tr과 td를 감싸주는 부모입니다.</table>
<tr>표의 줄</tr>
<td>표의 칸</td>
<table>
<tr><!--tr은 줄-->
<td>1번째줄의 1칸</td><!--td는 칸-->
<td>1번째줄의 2칸</td>
<td>1번째줄의 3칸</td>
</tr>
<tr>
<td>2번째줄의 1칸</td>
<td>2번째줄의 2칸</td>
<td>2번째줄의 3칸</td>
</tr>
<tr>
<td>3번째줄의 1칸</td>
<td>3번째줄의 2칸</td>
<td>3번째줄의 3칸</td>
</tr>
</table>
<!-- 컨테이너태그 -->
<div>컨테이너태그로는 대표적으로 div태그가 있습니다. 말그대로 요소들을 박스구조로 묶을 때 사용합니다.</div>
<!-- 시멘틱태그 -->
<header>머릿글, 제목, 헤더</header>
<nav>네비게이션, 목차, 리스트 등 다른페이지로 이동을 위한 링크영역표현</nav>
<section>말 그대로 주제, 카테고리별로 섹션을 구분하는 용도의 태그로 주로 사용. 같은 테마를가진 여러개의 컨텐츠의 그룹화</section>
<article>기사, 블로그 등 텍스트 위주의 페이지를 구성할 때 사용</article>
<aside>좌측이나 우측 사이드 위치 공간을 의미하며, 본문외의 부수적 내용을 주로 표현</aside>
<footer>바닥글, 문서 하단에 들어가는 정보 구분공간을 표현하는 태그</footer>
<!-- 입력양식태그 -->
<form>form태그로 html문서에서 사용자가 입력한 값을 서버로 보내는 구역을 설정하는 태그입니다.</form>
- action : 사용자의 입력 데이터를 처리할 URL주소로 지정
- method : 사용자 데이터를 넘겨주는 방식을 지정하는데 GET(데이터를 프로그램 환경변수로 넘김)과
POST(표준입력사용)의 두가지 방식 - fieldset : 폼의 양식을 그룹화하여 묶어주는태그로 테두리가 생성됨
- legend : fieldset의 이름을 지정하는 태그로 fieldset테두리 윗쪽에 생성됨
<form action="#">
<fieldset>
<legend>폼양식태그</legend>
<input type="text" value="텍스트상자 입니다.">
<input type="password" value="비밀번호상자 입니다.">
</fieldset>
</form><!-- a, img태그 -->
<a>a태그는 하이퍼링크태그입니다.</a>
<img>img는 이미지를 출력하는 태그입니다. 닫는태그를 사용하지 않습니다.
각각은 속성이 필수적으로 들어가야하는 태그입니다.
<a href="http://naver.com" target="_blank" style="background: violet;">네이버로 바로가기</a>
<!--target="blank" 새창으로 열기-->
<img src="img/people.jpg" alt="사람들이 파티를 하는모습">
<!-- 폴더경로 잘 확인하여 넣기, alt는 웹접근성으로 시각장애인에게 이미지를 음성으로 설명하는 역할을 한다. -->