HTML5 태그 종류 총 정리

<!DOCTYPE html>	웹 문서의 유형을 html로 지정
<html lang="ko">	문서를 html로 시작, 언어를 한국어로 지정
<head>	주로 브라우저의 정보를 입력하는 곳
<meta>	메타 데이터 입력, 주로 <meta charset="UTF-8">처럼 입력
<title>	문서 제목
<body>	문서 내용을 입력
<script>	실행 가능한 코드를 웹 페이지에 포함시키거나 참조하기 위해 사용
<style>	스타일 css를 작성할때 사용하는 태그
<link>	외부 파일을 연결할 때 사용하는 태그

<header>	헤더 영역
<main>	메인 영역
<section>	콘텐츠 영역
<aside>	사이드 바 영역
<nav>	내비게이션 영역 / 문서 내 다른 위치, 다른 문서로 연결할 때 사용
<article>	독립적인 콘텐츠를 사용할 때
<footer>	푸터 영역
<hgroup>	다수의 <h1>-<h6> 요소를 묶을 때 사용

<div>	다른 엘리먼트를 감싸 그룹 정의, block 구조
<span>	보통 다른 텍스트와의 구별을 위해 사용, inline 구조

<h1>, <h2>, ...	제목
<p>	단락
<br>	줄 바꿈, 닫기태그 없음
<hr>	수평 줄 넣기, 주제 바뀜을 나타냄
<center>	가운데 정렬
<pre>	있는 그대로 출력, 공백이나 줄바꿈 코드가 합쳐지지 않고 유지
<xmp>	<pre>와 유사하지만 내부에 포함된 태그도 그대로 출력
<blockquote>	인용문, 들여쓰기 적용됨
<q>	한 줄 인용문
<strong>	텍스트 굵게, 주로 중요한 내용일 때
<b>	텍스트 굵게, 단순히 굵게 표시할 때
<em>	텍스트 기울임, emphasis의 준말, 강조할 때
<i>	텍스트 기울임, italic의 준말, 단순히 기울여 표시할 때
<u>	텍스트 밑줄
<ins>	텍스트 밑줄
<s>	텍스트 취소선
<del>	텍스트 취소선
<mark>	형광펜 효과
<abbr>	줄임말
<cite>	인용문의 출처를 명시하는 태그
<code>	소스 코드
<big>	큰 텍스트
<small>	작은 텍스트
<blink>	깜빡이는 텍스트
<sub>	아래 첨자
<sup>	위 첨자
<ruby>	동아시아 글자 표기
<dfn>	전문적인 용어를 정의할 때 사용하는 태그
<bdi>	주위의 텍스트들과는 다른 방향으로 써지는 텍스트 영역을 정의할 때 사용
<bdo>	자식 요소의 텍스트 방향성을 정의할 때 사용

<table>	테이블 만들기
	<caption>	테이블 제목이나 설명, 테이블 가로폭의 가운데 오는 것이 기본
	<tr>	테이블 행 삽입
		<td>	테이블 셀 삽입
		<th>	테이블 셀 삽입(셀 제목)
	<thead>	테이블의 제목들을 묶는 그룹 태그
	<tbody>	테이블의 일반적 데이터들을 묶는 그룹태그
	<tfoot>	테이블의 마지막 아래 부분을 묶는 그룹태그
<colgroup>	열을 그룹으로 묶을 수 있도록 해주는 태그
	<col>	colgroup의 자손으로 열단위를 나눌 수 있다. span속성을 사용하여 몇 열을 그룹으로 묶을지 설정 ex) <col span="3"> => 3개열을 그룹으로 묶음

<a>	사이트나 문서로 연결하는 링크 태그
<map>	클릭할 수 있는 영역을 지닌 이미지(이미지맵)를 만드는 태그
<area>	이미지맵에서 영역을 지정하는 태그, <map>과 함께 사용
<iframe>	문서내에서 다른 문서나 홈페이지 주소 등의 URL을 불러오는 태그

<form>	사용자가 웹브라우저에 입력한 정보를 서버로 넘겨주는 역할을 하는 태그
<label>	입력 양식창(input, button, textarea 등)을 설명하는 태그
<fieldset>	HTML 요소를 박스로 묶어주는 태그, 주로 <form>태그 안에서 사용
<legend>	<fieldset>태그 박스에 제목을 달아주는 태그
<input>	사용자로부터 정보를 입력받을 수 있게 해주는 태그 type 속성에 따라 다양한 입력양식을 사용할 수 있다.
<button>	form을 전송하거나 reset 할 때 사용하는 태그
<select>	아래로 펼쳐지는 목록 상자를 만드는 태그
<option>	<select>태그 내부의 항목 태그
<textarea>	사용자가 여러 줄의 텍스트를 입력할 수 있는 입력창을 만드는 태그

Hweb