HTML Reference

HTML 레퍼런스 북

속성	설명
<a>	<a> 태그는 다른 페이지 이동을 설정합니다.
<abbr>	<abbr> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. abbr은 abbreviation의 약자로, "약자 또는 생략어"라는 의미를 가집니다. title 속성을 사용하여 전체 단어를 지정 할 수 있으며, <dfn> 태그와 같이 사용하여 정의할 수 있습니다.
<acronym>	<acronym> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. 현재는 사용하지 않습니다.
<address>	<address> 태그는 웹 페이지의 연락처 정보를 설정합니다. 사이트 주소, 전화번호, 이메일, 소설미디어, 위치 등의 정보와, 회사 정보, 회사 이름, 회사 주소 등과 관련된 정보를 표시합니다.
<applet>	<applet> 태그는 애플랫 요소를 설정합니다. 현재는 사용하지 않습니다.
<area>	<area> 태그는 이미지 맵의 영역을 정의합니다.
<article>	<article> 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 독립적인 컨텐츠에는 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등이 있으며, 각각의 컨테츠에는 제목(>h1>~<h6>)이 표시되어야 합니다.
<aside>	<aside> 태그는 주요 콘텐츠의 보조적 콘텐츠 섹션을 설정합니다.
<audio>	<audio> 태그는 오디오 파일을 설정합니다.
<b>	<b> 태그는 다른 텍스트와 구별 할 때 설정합니다. 텍스트는 굵게 표시되지만 중요성을 강조하지 않습니다.
<base>	<base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다. <head> 태그 안에 설정 할 수 있으며, 문서에서 한 번만 설정 할 수 있습니다.
<basefont>	<basefont> 태그는 문서의 기본 폰트, 사이즈, 종류를 설정합니다. 지금은 CSS에서 이 기능을 구현하기 때문에 현재는 사용하지 않습니다.
<bdi>	<bdi> 태그는 텍스트의 출력 방향 영역을 설정합니다. 일반적인 글은 왼쪽에서 오른쪽으로 읽지만, 아랍어나 히브리어는 오른쪽에서 왼쪽으로 읽을 때 사용합니다.
<bdo>	<bdo> 태그는 텍스트의 방향을 설정합니다. 텍스트의 읽는 방향이 다른 나른 언어를 위해 사용합니다.
<big>	<big> 태그는 텍스트의 크기를 크게 설정합니다. CSS가 그 기능을 대신하기 때문에 현재는 사용하지 않는 태그입니다.
<blockquote>	<blockquote> 태그는 긴 문장의 인용문을 설정합니다. 인용된 정보 출처는 cite 속성을 통해 설정합니다.
<blink>	<blink> 태그는 텍스트를 깜박이게 설정합니다. 현재는 사용하지 않으며 오래된 태그입니다. 이 기능은 CSS Animation이 대신 할 수 있습니다.
<body>	<body> 태그는 문서 본문에 해당하는 콘텐츠를 포함하는 영역입니다.
<br>	<br> 태그는 텍스트를 줄바꿈 할 때 설정합니다.
<button>	<button> 태그는 클릭 할 수 있는 버튼을 설정합니다.
<canvas>	<canvas> 태그는 비트맵 방식의 그림을 설정합니다. canvas API와 WebGL API를 통해 그래픽과 애니메이션을 만듭니다.
<caption>	<caption> 태그는 table 요소의 제목을 설정합니다.
<center>	<center> 태그는 텍스트를 가운데 정렬합니다.
<cite>	<cite> 태그는 저작물의 출처 표기를 설정합니다.
<code>	<code> 태그는 코드를 나타내는 텍스트를 설정합니다.
<col>	<col> 태그는 <colgroup> 요소에 속하는 각 열의 속성을 설정합니다.
<colgroup>	<colgroup> 태그는 표의 열을 묶는 그룹을 설정합니다.
<data>	<data> 태그는 주어진 요소의 데이터 값을 설정합니다.
<datalist>	<datalist> 태그는 선택 목록과 자동 완성 기능을 설정합니다. 사용자가 데이터를 입력하면 일치하는 목록이 있을 경우 보여줍니다. <select> 태그는 주어진 선택 목록을 선택만 할 수 있지만, <datalist> 태그는 선택 목록에 없어도, 사용자가 입력할 수 있습니다.
<dd>	<dd> 태그는 설명 목록의 항목을 설정합니다.
<del>	<del> 태그는 문서의 삭제된 텍스트를 설정합니다.
<details>	<details> 태그는 접기/펼치기 목록을 설정합니다. 컨텐츠 요소를 숨기거나 보여줄 수 있습니다. 자바스크립트를 이용하여 컨텐츠 내용을 숨기고 보여줄 수 있는 기능을 HTML 태그를 통해 구현할 수 있습니다. 접기/펼치기 목록의 제목은 <summary> 태그를 통해 설정합니다.
<dfn>	<dfn> 태그는 용어를 정의할 때 설정합니다.
<dialog>	<dialog> 태그는 팝업 정보을 설정합니다.
<dir>	<dir> 태그는 파일 및 폴더의 디렉토리를 설정합니다. 현재는 사용하지 않습니다.
<div>	<div> 태그는 문서의 영역을 나누거나 그룹화 할 때 설정합니다.
<dl>	<dl> 태그는 설명 목록을 설정합니다.
<dt>	<dt> 태그는 설명 목록 항목의 제목을 설정합니다.
<em>	<em> 태그는 텍스트(의미)를 강조할 때 설정합니다.
<embed>	<embed>태그는 외부 콘텐츠를 사용할 수 있도록 설정합니다.
<fieldset>	<fieldset> 태그는 폼 컨트롤 요소의 내부 영역을 설정합니다.
<figcaption>	<figcaption> 태그는 <figure> 요소의 설명 또는 제목을 설정합니다.
<figure>	<figure> 태그는 인용, 도표, 사진, 코드 등의 독립적인 콘텐츠를 설정합니다.
<font>	<font> 태그는 폰트의 크기, 색 ,종류를 설정합니다.
<footer>	<footer> 태그는 사이트 관련 정보 및 관련 링크 콘텐츠 섹션을 설정합니다.
<form>	<form> 태그는 웹 서버에 정보를 제공하는 폼 컨트롤 유형을 설정합니다.
<frame>	<frame> 태그는 다른 HTML문서가 표시 될 수 있는 특정 영역을 설정합니다.
<frameset>	<frameset> 태그는 레이아웃 구성을 위한 프레임을 설정합니다.
<h1> ~ <h6>	<h1> ~ <h6> 태그는 섹션의 제목을 설정합니다.
<head>	<head> 태그는 제목과 스크립트, 스타일 시트, 메타 정보 등을 제공하는 영역입니다.
<header>	<header> 태그는 사이트의 소개 및 메뉴 그룹을 나타내는 섹션을 설정합니다.
<hgroup>	<hgroup> 태그는 제목 요소 그룹화를 설정합니다.
<hr>	<hr> 태그는 요소간의 주제별 구분을 설정합니다.
<html>	<html> 태그는 웹 문서의 최상위 요소 문서의 루트를 나타냅니다.
<i>	<i>태그는 특별한 이유로 평범한 글자와 구분하기 위해 설정합니다.
<iframe>	<iframe>태그는 웹 문서에 다른 문서를 포함하는데 사용합니다.
<img>	<img> 태그는 웹 문서에 이미지를 설정합니다.
<input>	<input> 태그는 데이터를 입력할 수 있는 폼 컨트롤을 정의합니다.
<ins>	<ins> 태그는 문서에 삽입된 텍스트를 설정합니다.
<kbd>	<kbd> 태그는 키보드 입력요소를 나타내는 텍스트를 정의합니다.
<keygen>	<keygen> 태그는 보안키를 생성하고 컨트롤합니다.
<label>	<label> 태그는 사용자 인터페이스 항목의 설명을 나타냅니다.
<legend>	<legend> 태그는 <fieldset> 요소 영역의 설명을 설정합니다.
<li>	<li> 태그는 목록의 항목을 설정합니다.
<link>	<link> 태그는 외부 파일을 연결할 때 설정합니다.
<main>	<main> 태그는 웹 문서의 주요 콘텐츠 영역을 설정합니다.
<map>	<map> 태그는 이미지 맵을 정의합니다.
<mark>	<mark> 태그는 참조용 표시를 정의합니다.
<marquee>	<marquee> 태그는 텍스트의 스크롤과 움직임을 정의합니다.
<menu>	<menu> 태그는 메뉴 리스트를 정의합니다.
<menuitem>	<menuitem> 태그는 메뉴 리스트 항목을 정의합니다.
<meta>	<meta> 태그는 웹 문서에 대한 정보를 제공합니다.
<meter>	<meter> 태그는 범위를 측정하는 게이지 정보를 정의합니다.
<nav>	<nav> 태그는 내부 페이지 및 외부 페이지에 대한 탐색 링크를 제공하는 페이지 섹션을 설정합니다.
<noframes>	<noframes> 태그는 프레임이 지원되지 않을 경우 대체 메세지를 표시합니다.
<noscript>	<noscript> 태그는 스크립트를 지원하지 않는 브라우저를 위한 대체 태그입니다.
<object>	<object> 태그는웹 문서에 포함된 멀티미디어 요소를 정의합니다.
<ol>	<ol> 태그는 순서가 있는 목록형 태그입니다.
<optgroup>	<optgroup> 태그는 <select> 메뉴 <option> 리스트의 그룹화를 설정합니다
<option>	<option> 태그는 <select>요소의 항목을 정의합니다.
<output>	<output> 태그는 사용자에 컨트롤에 따라 결과값을 계산으로 보여주는 요소입니다.
<p>	<p> 태그는 단락을 나타낼 때 설정합니다.
<param>	<param> 태그는 <object> 태그의 매개변수를 정의합니다.
<picture>	<picture> 태그는 화면 크기에 따라 이미지를 정의합니다. 웹 사이트에서 이미지를 표현 할 수 있는 방법은 여러가지 있습니다. <img>, <picture>, <figure> 태그와 background를 통해서도 이미지를 표현 할 수 있습니다. 이미지를 불러올 때는 <img> 태그, 이미지를 표현할 때는 <figure> 태그, 이미지를 화면 크기에 따라 설정할 때는 <picture> 태그를 사용합니다. <picture> 태그는 반응형 사이트와 관련이 있으면 화면 크기에 따라 그에 맞는 이미지를 보여주는 태그입니다. <source> 태그와 같이 사용하며 미디어 쿼리를 통해 표현합니다.
<pre>	<pre> 태그는 HTML에 작성한 내용을 그대로 화면에 표현합니다.
<pregress>	<pregress> 태그는 작업의 진행 상태를 표시하는 바를 나타냅니다. 속성을 통해 최대 진행 표시와 현재 진행 표시를 나타낼 수 있습니다. 진행 바 표시는 브라우저마다 OS마다 틀릴 수 있습니다. 현재 진행률과 제목은 >label> 태그를 통해 표시합니다.
<q>	<q> 태그는 짧은 글을 인용할 때 사용합니다. 인용한 글의 출처는 cite 속성을 통해 표현 할 수 있으며, 긴 문장의 인용은 <blockquote> 태그를 사용할 수 있습니다.
<rp>	<rp> 태그는 루비 문자의 상단 주석을 정의합니다. 루비 문자란 한자에 대한 읽는 법이나 일반적인 읽기 방법과 다르게 읽을 때 작은 글씨로 표현해주는 문자를 의미합니다. <ruby> 태그는 루비 문자를 정의하며, <rt> 태그는 상단에 작은 주석 글씨를 나타내며, <rp> 태그는 루비 태그가 지원되지 않을 경우 괄호('(')를 표현해주는 역할을 합니다. <rb> 태그는 발음을 나타내며, <rtc> 태그는 텍스트 컨테이너 역할을 합니다.
<rt>	<rt> 태그는 루비 문자의 상단 주석을 정의합니다. 루비 문자란 한자에 대한 읽는 법이나 일반적인 읽기 방법과 다르게 읽을 때 작은 글씨로 표현해주는 문자를 의미합니다. <ruby> 태그는 루비 문자를 정의하며, <rt> 태그는 상단에 작은 주석 글씨를 나타내며, <rp> 태그는 루비 태그가 지원되지 않을 경우 괄호('(')를 표현해주는 역할을 합니다. <rb> 태그는 발음을 나타내며, <rtc> 태그는 텍스트 컨테이너 역할을 합니다.
<rtc>	<rtc> 태그는 루비 문자의 텍스트 영역을 정의합니다.
<ruby>	<ruby> 태그는 루비 문자를 정의합니다.
<s>	<s> 태그는 정확하지 않거나 올바르지 않은 텍스트를 정의합니다.
<samp>	<samp> 태그는 프로그램으로 출력된 결과물을 나타내는 텍스트를 정의합니다.
<script>	<script> 태그는 실행 가능한 스크립트 코드를 포함하거나 외부 스크립트를 연결할 수 있습니다.
<section>	<section> 태그는 주제별 그룹의 콘텐츠 섹션을 정의합니다.
<select>	<select> 태그는 선택 목록을 설정합니다.
<small>	<small> 태그는 저작권 및 법적인 텍스트에 설정합니다.
<source>	<source> 태그는 미디어 요소에 대한 소스를 지정하는데 사용합니다.
<span>	<span> 태그는 의미가 없는 그룹화 요소입니다.<div>태그는 블록구조이며 <span> 태그는 인라인 구조입니다.
<strike>	<strike> 태그는 취소선(수평선)을 표현합니다.
<strong>	<strong> 태그는 텍스트의 중요성을 강조할 때 설정합니다.
<style>	<style> 태그는 웹 문서에 대한 스타일 정보를 정의합니다.
<sub>	<sub> 태그는 웹 문서에 스타일 정보를 설정합니다.
<summary>	<summary> 태그는 <details> 요소에 대한 요약 또는 제목을 정의합니다.
<sup>	<sup> 태그는 텍스트 위첨자를 정의합니다.
<SVG>	<SVG> 태그는 벡터 방식의 그림을 정의합니다.
<table>	<table> 태그는 표를 설정합니다.
<tbody>	<tbody> 태그는 표의 본문 영역을 그룹화합니다.
<td>	<td> 태그는 표의 열(셀)을 설정합니다.
<template>	<template> 웹 문서에 사용하기 위한 템플렛을 정의합니다.
<textarea>	<textarea> 태그는 여러줄의 텍스트를 편집할 수 있는 컨트롤을 정의합니다.
<tfoot>	<tfoot> 태그는 표의 푸터 영역을 그룹화 합니다.
<th>	<th> 태그는 행이나 열에 타이틀을 설정합니다.
<thead>	<thead> 태그는 표의 헤더 영역을 그룹화 합니다.
<time>	<time> 태그는 날짜와 시간을 정의합니다.
<title>	<title> 태그는 브라우저의 제목 또는 탭에 표시되는 문서의 제목을 설정합니다.
<tt>	<tt> 태그는 타자모양의 텍스트를 정의합니다.
<ul>	<ul> 태그는 목록 형식의 글을 사용지만 목록의 순서가 상관이 없을때 씁니다.
<var>	<var> 태그는 수학적인 변수나 프로그램의 변수를 정의합니다.
<video>	<video> 태그는 미디어 영상을 정의합니다.
<wbr>	<wbr> 태그는 줄바꿈 할 위치를 정의할 때 사용합니다.