HTML 레퍼런스 북

번호 속성 설명 중요 비고
01 <a> <a>는 다른 페이지 이동을 설정합니다. star grade grade grade grade
02 <abbr> <abbr>는 준말 또는 머리글자를 나타냅니다. star
03 <acronym> <acronym> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. delete
04 <address> <address>가까운 HTML 요소의 사람, 단체, 조직 등에 대한 연락처 정보를 나타냅니다. star star star
05 <applet> <applet>는 자바 애플릿을 보이게 하는 곳에 쓰입니다. delete
06 <area> <area>는 이미지의 핫스팟 영역을 정의하고 하이퍼링크를 추가할 수 있습니다. <map>요소 안에서만 사용할 수 있습니다.
07 <article> <article>는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다. ex) 게시판, 블로그, 뉴스 기사 grade grade grade grade grade
08 <aside> <aside>는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. grade grade grade grade grade
09 <audio> <audio>는 문서에 소리 콘텐츠를 포함할 때 사용합니다. star star
10 <b> <b>태그는 글자를 굵게 표시하는 태그로, bold의 약자입니다. star
11 <base> <base>태그의 target 속성은 페이지 내의 모든 하이퍼링크와 폼(form)을 위한 기본 대상(default target)을 명시합니다. star
12 <bdi> <bdi>태그는 주위의 텍스트들과는 다른 방향으로 써지는 텍스트 영역을 정의할 때 사용합니다. star
13 <bdo> <bdo>태그는 자식 요소의 텍스트 방향성(text directionality)을 정의할 때 사용합니다. star
14 <bgsound> <bgsound>태그는 페이지가 사용되는 동안 배경에서 재생할 사운드 파일을 설정합니다. delete
15 <big> <big>태그는 글자 크기가 큰 텍스트를 정의할 때 사용합니다. delete
16 <blink> <blink>태그는 텍스트를 깜박이게 설정합니다. delete
17 <blockquote> <blockquote>태그는 다른 출처로부터 인용된 블록을 정의할 때 사용합니다. star
18 <body> <body>태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다. grade grade grade grade grade
19 <br> <br>태그는 텍스트 내의 줄바꿈(line-break)을 정의할 때 사용합니다. grade grade grade grade grade
20 <button> <button>태그는 클릭할 수 있는 버튼을 정의할 때 사용합니다. grade grade grade grade grade
21 <canvas> <canvas>태그는 주로 자바스크립트와 같은 스크립트를 이용하여 그래픽 콘텐츠를 그릴 때 사용합니다. star
22 <caption> <caption>태그는 테이블의 캡션(caption, 테이블이나 사진, 삽화 등에 붙는 설명)을 정의할 때 사용합니다. star
23 <center> <center>태그는 가운데로 정렬되는 텍스트를 정의할 때 사용합니다. delete
24 <cite> <cite>태그는 책이나 음악, 영화, 예술 작품 등과 같은 창작물의 제목을 정의할 때 사용합니다. star
25 <code> <code>태그는 컴퓨터 코드(code)의 일부분을 나타낼 때 사용합니다. grade grade grade grade grade
26 <col> <col>태그는 <colgroup> 요소에 속하는 각 열(column)의 속성을 정의할 때 사용합니다. star star star
27 <colgroup> <colgroup>태그는 테이블에서 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용합니다. star star star
28 <content> <content>속성은 name 속성이나 http-equiv 속성과 관련된 값(value)을 명시합니다. delete
29 <data> <data>태그는 특정 콘텐츠에 기계가 읽을 수 있는(machine-readable) 형태의 값(value)을 덧붙여 나타낼 때 사용합니다. star
30 <datalist> <datalist>태그는 input 태그에서 사용하기 위한 옵션들의 리스트를 미리 정의할 때 사용합니다. star
31 <dd> <dd>태그는 정의 목록 요소(dl)에서 앞선 용어(dt)에 대한 설명, 정의, 또는 값을 제공합니다. star
32 <del> <del>태그는 문서에서 제거된 텍스트의 범위를 나타냅니다. star
33 <details> <details>태그는 사용자가 직접 조작하여 보거나 숨길 수 있는 부가적인 세부사항(additional details)을 명시할 때 사용합니다. star
34 <dfn> <dfn>태그는 HTML에서 용어(term)의 정의를 나타낼 때 사용합니다. star
35 <dialog> <dialog>태그는 대화 상자(dialog box)나 대화 윈도우(dialog window)를 정의할 때 사용합니다. star
36 <dir> <dir>태그는 HTML 리스트(list)를 정의할 때 사용합니다. delete
37 <div> <div>태그는 HTML 문서에서 특정 영역(division)이나 구획(section)을 정의할 때 사용합니다. grade grade grade grade grade
38 <dl> <dl>태그는 용어(term)와 그에 대한 설명(description)을 리스트 형식으로 정의할 때 사용합니다. star
39 <dt> <dt>태그는 용어와 그에 대한 설명을 리스트 형식으로 보여주는 dl 태그에서 용어(term) 부분을 정의할 때 사용합니다. star
40 <em> <em>태그는 강조된 텍스트(emphasized text)를 표현할 때 사용합니다. grade grade grade grade grade
41 <embed> <embed>태그는 외부 애플리케이션이나 대화형 콘텐츠를 포함시킬 수 있는 컨테이너(container)를 정의할 때 사용합니다. star
42 <fieldset> <fieldset>태그는 form 태그에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용합니다. grade grade grade grade grade
43 <figcaption> <figcaption>요소는 부모 <figure> 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다. grade grade grade grade grade
44 <figure> <figure>태그는 삽화나 다이어그램, 사진 등과 같이 문서의 주요 흐름과는 독립적인 콘텐츠를 정의할 때 사용합니다. grade grade grade grade grade
45 <font> <font>태그는 텍스트의 폰트(font), 색상 그리고 크기를 정의할 때 사용합니다. delete
46 <footer> <footer>태그는 문서나 특정 섹션(section)의 푸터(footer)를 정의할 때 사용합니다. grade grade grade grade grade
47 <form> <form>태그는 사용자로부터 입력을 받을 수 있는 HTLM 입력 폼(form)을 정의할 때 사용합니다. grade grade grade grade grade
48 <frame> <frame>태그는 <frameset> 요소에 포함되는 하나의 프레임(frame)을 정의할 때 사용합니다. delete
49 <frameset> <frameset>태그는 문서의 레이아웃을 구성하기 위해 사용되는 프레임(frame)들의 집합을 정의할 때 사용합니다. delete
50 <head> <head>태그는 해당 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의할 때 사용합니다. star star star star star
51 <header> <header>태그는 문서나 특정 섹션(section)의 헤더(header)를 정의할 때 사용합니다. star star star
52 <h1> <h1>태그는 HTML 문서에서 제목(heading)을 정의할 때 사용합니다. star star star star star
53 <hgroup> <hgroup>태그는 문서 구획의 다단계 제목을 나타냅니다. delete
54 <hr> <hr>태그는 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의할 때 사용합니다. star star star
55 <html> <html>태그는 HTML 문서의 루트 요소(root element)를 정의할 때 사용합니다. star star star star star
56 <i> <i>태그는 기본 텍스트와는 다른 분위기나 음성을 위한 텍스트 영역을 정의할 때 사용합니다. star star star
57 <iframe> <iframe>태그는 인라인 프레임(inline frame)을 정의할 때 사용합니다. star star star
58 <image> <image>태그는 HTML 문서에서 이미지(image)를 정의할 때 사용합니다. delete
59 <img> <img>태그는 HTML 문서에서 이미지(image)를 정의할 때 사용합니다. star star star star star
60 <input> <input>태그는 사용자로부터 입력을 받을 수 있는 입력 필드(input filed)를 정의할 때 사용합니다.
61 <ins> <ins>태그는 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현할 때 사용합니다.
62 <kbd> <kbd>태그는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다.
63 <keygen> <keygen>태그는 키의 일부로서 재료를 생성하고, 공개 키의 제출을 용이하게하기 위해 존재하는 HTML 폼입니다. delete
64 <label> <label>태그는 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용합니다. star star star star
65 <legend> <legend>태그는 fieldset 태그의 캡션(caption)을 정의할 때 사용합니다. star star star
66 <li> <li>태그는 HTML 리스트(list)에 포함되는 아이템(item)을 정의할 때 사용합니다. star star star star star
67 <link> <link>태그는 해당 문서와 외부 소스(external resource) 사이의 관계를 정의할 때 사용합니다. star star star star star
68 <main> <main>태그는 해당 문서의 <body> 요소의 주 콘텐츠(main content)를 정의할 때 사용합니다. star star star star
69 <map> <map>태그는 클라이언트 사이드 이미지맵(client-side image-map)을 정의할 때 사용합니다. star
70 <mark> <mark>태그는 형광펜으로 칠한 것처럼 하이라이트된(highlighted) 텍스트를 정의할 때 사용합니다. star
71 <marquee> <marquee>태그는 텍스트를 좌우상하로 움직이는 태그입니다. delete
72 <menu> <menu>요소는 <ul>의 시맨틱 대체 요소입니다. star
73 <menuitem> <menuitem>태그는 사용자가 팝업 메뉴를 통해 호출 할 수있는 명령을 나타냅니다. delete
74 <meta> <meta>태그는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용합니다. star star star star star
75 <meter> <meter>태그는 분수 값이나 게이지(gauge) 내에서 특정 스칼라 값(scalar measurement)이 어느 정도인지를 표현할 때 사용합니다. star
76 <nav> <nav>태그는 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크(navigation links)들의 집합을 정의할 때 사용합니다. star star star
77 <nobr> <nobr>태그는 자동 줄바꿈을 방지합니다. delete
78 <noembed> <noembed>태그는 사용자의 브라우저가 플러그인이 설치되어 있지 않은 경우나 이를 지원하지 못하는 브라우저를 사용하고 있는 경우에 IMG 태그의 ALT와 같은 역할을 합니다. delete
79 <noframes> <noframes>태그는 프레임(frame) 기능을 사용하지 않도록 설정했거나, 프레임 기능을 지원하지 않는 브라우저를 위한 별도의 콘텐츠를 정의할 때 사용합니다. delete
80 <noscript> <noscript>태그는 클라이언트 사이드 스크립트(client-side scripts)를 사용하지 않도록 설정했거나, 스크립트를 지원하지 않는 브라우저를 위한 별도의 콘텐츠를 정의할 때 사용합니다. star
81 <object> <object>태그는 외부 리소스의 종류에 따라 문서 내에서 처리하는 방식을 변경할 수 있는 임베디드 객체(embedded object)를 정의할 때 사용합니다. star
82 <ol> <ol>태그는 순서가 있는 HTML 리스트(list)를 정의할 때 사용합니다. star
83 <optgroup> <optgroup>태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용합니다. star
84 <option> <option>태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 하나의 옵션을 정의할 때 사용합니다. star
85 <output> <output>태그는 스크립트 등에 의해 수행된 계산의 결과나 사용자의 액션에 의한 결과를 나타낼 때 사용합니다.
86 <p> <p>태그는 문단(paragraph)을 정의할 때 사용합니다.
87 <param> <param>태그는 object 태그에 의해 호출되는 플러그인의 매개변수(parameter)를 정의할 때 사용합니다. delete
88 <picture> <picture>태그는 img 태그의 다중 이미지 리소스(multiple image resources)를 위한 컨테이너를 정의할 때 사용합니다. star
89 <plaintext> <plaintext>태그는 원시 텍스트로 시작 태그 다음 모든 것을 렌더링합니다. 닫는 태그가 없습니다. delete
90 <portal> <portal>태그는 새로운 페이지에 부드러운 탐색을 허용하는 목적을 위해 현재에 또 다른 HTML 페이지의 삽입을 가능하게합니다. star
91 <pre> <pre>태그는 미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다. star star star
92 <progress> <progress>태그는 작업의 진행률을 나타낼 때 사용합니다. star star
93 <q> <q>태그는 짧은 인용구(short quotation)를 정의할 때 사용합니다. star
94 <rb> <rb>태그는 ruby 태그 표기의 기반 텍스트 구성요소(루비 주석을 적용하려는 글자)를 나눌 때 사용합니다. delete
95 <rp> <rp>태그는 루비 주석(ruby annotation)을 지원하지 않는 브라우저에서만 표시될 문자를 정의할 때 사용합니다. star
96 <rt> <rt>태그는 루비 주석(ruby annotation)에서 발음이나 설명을 나타내는 윗첨자를 정의할 때 사용합니다. star
97 <rtc> <rtc>태그는 rb 태그가 표시하는 문자의 의미에 대한 주석을 나타냅니다. delete
98 <ruby> <ruby>태그는 동아시아 일부 지역의 언어에서 일본어의 후리가나와 같이 해당 문자의 발음이나 설명을 작은 크기의 윗첨자로 알려주는 루비 주석(ruby annotation)을 정의할 때 사용합니다. star
99 <s> <s>태그는 텍스트 한가운데 라인(line)을 추가하여 더 이상 정확하지 않거나 관련이 없는 텍스트를 표현할 때 사용합니다. star
100 <samp> <samp>태그는 컴퓨터 프로그램의 샘플 또는 인용 출력(output)을 나타낼 때 사용합니다. star
101 <script> <script>태그는 자바스크립트와 같은 클라이언트 사이드 스크립트(client-side scripts)를 정의할 때 사용합니다. star star star star star
102 <section> <section>태그는 HTML 문서에 포함된 독립적인 섹션(section)을 정의할 때 사용합니다. star star star star
103 <select> <select>태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)를 정의할 때 사용합니다. star
104 <shadow> <shadow>태그는 그림자 효과를 추가합니다. delete
105 <slot> <slot>태그는 웹 컴포넌트 사용자가 자신만의 마크업으로 채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수 있는 웹 컴포넌트 내부의 플레이스홀더입니다. star
106 <small> <small>태그는 글자 크기가 작은 텍스트를 정의할 때 사용합니다. star
107 <source> <source>태그는 audio 요소나 video 요소, picture 요소에서 사용할 수 있는 다중 미디어 자원(multiple media resources)을 정의할 때 사용합니다. star
108 <spacer> <spacer>태그는 페이지에 빈 공간의 삽입을 허용 사용되지 않는 HTML 요소입니다. delete
109 <span> <span>태그는 HTML 문서에서 인라인 요소(inline-element)들을 하나로 묶을 때 사용합니다. star star star star
110 <strike> <strike>태그는 텍스트 한가운데 라인을 추가할 때 사용합니다. delete
111 <strong> <strong>태그는 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조할 때 사용합니다. star star star
112 <style> <style>태그는 해당 HTML 문서의 스타일 정보를 정의할 때 사용합니다. star star star star star
113 <sub> <sub>태그는 아랫첨자(subscript) 텍스트를 표현할 때 사용합니다. star
114 <summary> <summary>태그는 <details> 요소에 의해 생성되는 대화형 위젯에서 기본적으로 보이는 제목을 정의할 때 사용합니다. star
115 <sup> <sup>태그는 윗첨자(superscript) 텍스트를 표현할 때 사용합니다. star
116 <table> <table>태그는 데이터를 포함하는 셀(cell)들의 행과 열로 구성된 2차원 테이블을 정의할 때 사용합니다. star star star star
117 <tbody> <tbody>태그는 HTML 테이블에서 내용 콘텐츠(body content)들을 하나의 그룹으로 묶을 때 사용합니다. star star star star
118 <td> <td>태그는 HTML 테이블에서 하나의 데이터 셀(data cell)을 정의할 때 사용합니다. star star star
119 <template> <template>태그는 추가되거나 복사될 수 있는 HTML 요소들을 정의할 때 사용합니다. star
120 <textarea> <textarea>태그는 사용자가 여러 줄의 텍스트를 입력할 수 있는 텍스트 입력 영역을 정의할 때 사용합니다. star star star
121 <tfoot> <tfoot>태그는 HTML 테이블에서 푸터 콘텐츠(footer content)들을 하나의 그룹으로 묶을 때 사용합니다. star
122 <th> <th>태그는 HTML 테이블에서 제목이 되는 헤더 셀(header cell)을 정의할 때 사용합니다. star star star
123 <thead> <thead>태그는 HTML 테이블에서 헤더 콘텐츠(header content)들을 하나의 그룹으로 묶을 때 사용합니다 star star star star
124 <time> <time>태그는 사람이 읽을 수 있는(human-readable) 형태의 날짜와 시간 데이터를 정의할 때 사용합니다. star
125 <title> <title>태그는 해당 문서의 제목(title)을 정의할 때 사용합니다. star star
126 <tr> <tr>태그는 테이블에서 셀들로 이루어진 하나의 행(row)을 정의할 때 사용합니다. star star star
127 <track> <track>태그는 audio나 video 요소와 같은 미디어 요소를 위한 텍스트 트랙(text track)을 정의할 때 사용합니다. star
128 <tt> <tt>태그는 텔레타이프 텍스트(teletype text)를 나타낼 때 사용합니다. delete
129 <u> <u>태그는 철자가 틀린 단어나 중국어의 고유 명사처럼 문체상 일반적인 텍스트와는 달라야만 하는 텍스트를 표현할 때 사용합니다. star
130 <ul> <ul>태그는 순서가 없는 HTML 리스트(list)를 정의할 때 사용합니다. star star star star
131 <var> <var>태그는 변수(variable)를 정의할 때 사용합니다. star
132 <video> <video>태그는 무비 클립(movie clip)이나 비디오 스트림(video stream)과 같은 비디오를 정의할 때 사용합니다. star
133 <wbr> <wbr>태그는 단어 중간에서 행바꿈될 수 있는(line-break) 위치를 정의할 때 사용합니다. star
134 <xmp> <xmp>태그는 HTML 요소 사이의 고정 폭 폰트 사용에 HTML을 해석하지 않고 시작 태그와 종료 태그 사이의 텍스트를 렌더링합니다. delete