HTML 레퍼런스 북

번호 속성 설명 중요 비고
01 <a> <a> 태그는 다른 페이지 이동을 설정합니다. star star star star star
02 <abbr> <abbr> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다.
03 <acronym> <accronym> 태그는 줄임말이나 머리글자를 표현하는데 사용합니다. grade grade grade grade grade delete
04 <address> <address> 태그는 웹 페이지의 연락처 정보를 설정합니다.
05 <applet> <applet> 태그는 애프렛 요소를 설정합니다. 현재는 사용하지 않습니다. delete
06 <area> <area> 태그는 이미지 맵의 영역을 설정합니다.
07 <article> <article>태그는 문서, 페이지, 애플리케이션, 또는 사이트 안에서 독립적으로 구분해 배포하거나 재사용할 수 있는 구획을 나타냅니다.
08 <aside> <aside> 태그는 문서의 주요 내용과 간접적으로만 연관된 부분을 나타냅니다. 주로 사이드바 혹은 콜아웃 박스로 표현합니다.
09 <audio> <audio> 태그는 오디오 파일을 설정합니다.
10 <b> <b> 태그는 글자를 굵게 표시하는 태그로, bold의 약자입니다.
11 <base> <base> 태그는 모든 문서의 기본이 되는 URL을 설정합니다.
12 <bdi> <bdi> 태그는 주위의 텍스트들과는 다른 방향으로 써지는 텍스트 영역을 정의할 때 사용합니다.
13 <bdo> <bdo> 태그는 현재 텍스트의 쓰기 방향을 덮어쓰고 다른 방향으로 렌더링 할 때 사용합니다.
14 <bgsound> <bgsound> 태그는 페이지가 사용되는 동안 배경에서 재생할 사운드 파일을 설정합니다. delete
15 <big> <big> 태그는 텍스트의 크기를 크게 설정합니다. delete
16 <blink> <blink> 태그는 텍스트를 깜박이게 합니다. delete
17 <blockquote> <blockquote> 태그는 안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다.
18 <body> <body>태그는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 <body> 요소만 존재할 수 있습니다.
19 <br> <br>태그는 텍스트 안에 줄바꿈을 생성합니다.
20 <button> <button>태그는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다.
21 <canvas> <canvas>태그는 웹페이지에서 그래픽적인 것을 그릴 때 사용합니다.
22 <caption> <caption>태그는 표의 설명 또는 제목을 나타냅니다.
23 <center> <center>태그는 또다른 블록요소을 포함하거나, 인라인요소(Inline)를 포함할 수 있는 블록속성(block-level) 의 요소입니다. delete
24 <cite> <cite>태그는 저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 합니다.
25 <code> <code>태그는 짧은 코드 조각을 나타내는 스타일을 사용해 자신의 콘텐츠를 표시합니다.
26 <col> <col>태그는 표의 열을 나타내며, 열에 속하는 칸에 공통된 의미를 부여할 때 사용합니다.
27 <colgroup> <colgroup>태그는 표의 열을 묶는 그룹을 정의합니다.
28 <content> <content>태그는 생성한 값으로 요소를 대체합니다. delete
29 <data> <data>태그는 특정한 데이터를 DOM 요소에 저장해두기 위함이 목적입니다.
30 <datalist> <datalist>태그는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 <option> 요소 여럿을 담습니다.
31 <dd> <dd>태그는 용어와 그에 대한 설명을 리스트 형식으로 보여주는 <dl> 요소에서 설명(description) 부분을 정의할 때 사용합니다.
32 <del> <del>태그는 문서에서 제거된 텍스트의 범위를 나타냅니다.
33 <details> <details>태그는 "열림" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 생성합니다.
34 <dfn> <dfn>태그는 현재 맥락이나 문장에서 정의하고 있는 용어를 나타냅니다.
35 <dialog> <dialog>태그는 요소는 닫을 수 있는 경고, 검사기, 창 등 대화 상자 및 기타 다른 상호작용 가능한 컴포넌트를 나타냅니다.
36 <dir> <dir>태그는 요소의 쓰기 방향을 나타내는 열거형 특성입니다. delete
37 <div> <div>태그는 플로우 콘텐츠를 위한 통용 컨테이너입니다. CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않습니다.
38 <dl> <dl>태그는 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.
39 <dt> <dt>태그는 설명 혹은 정의 리스트에서 용어를 나타냅니다.
40 <em> <em>태그는 텍스트의 강세를 나타냅니다. <em> 요소를 중첩하면 더 큰 강세를 뜻하게 됩니다.
41 <embed> <embed>태그는 외부 애플리케이션이나 대화형 콘텐츠를 포함시킬 수 있는 컨테이너(container)를 정의할 때 사용합니다.
42 <fieldset> <fieldset>태그는 웹 양식의 여러 컨트롤과 레이블( <label> )을 묶을 때 사용합니다.
43 <figcaption> <figcaption>태그는 부모 <figure> 요소가 포함하는 다른 콘텐츠에 대한 설명 혹은 범례를 나타냅니다.
44 <figure> <figure>태그는 독립적인 콘텐츠를 표현합니다. 주 문서 플로우가 참조하지만, 다른 부분이나 부록으로 이동해도 문제 없는 이미지, 삽화, 도표, 코드 조각 등을 맡습니다.
45 <font> <font>태그는 본문의 글자 크기, 색상과 및면을 정의합니다. delete
46 <footer> <footer>태그는 가장 가까운 구획 콘텐츠나 구획 루트의 푸터를 나타냅니다. 푸터는 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 담습니다.
47 <form> <form>태그는 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다.
48 <frame> <frame>태그는 다른 HTML 문서가 표시될 수 있는 특정 영역을 정의하는 element입니다. frame은 <frameset>내에서 사용되어야 한다. delete
49 <frameset> <frameset>태그는 문서의 레이아웃을 구성하기 위해 사용되는 프레임(frame)들의 집합을 정의할 때 사용합니다. delete
50 <head> <head>태그는 페이지를 열 때 브라우저에 표시되는 <body>요소와 다르게, head의 내용는 페이지에 표시되지 않습니다.
51 <header> <header>태그는 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다.
52 <h1> <h1>태그는 HTML 문서에서 제목(heading)을 정의할 때 사용합니다.
53 <hgroup> <hgroup>태그는 문서 구획의 다단계 제목, 섹션의 제목 그룹을 나타냅니다. delete
54 <hr> <hr>태그는 이야기 장면 전환, 구획 내 주제 변경 등, 문단 레벨 요소에서 주제의 분리를 나타냅니다.
55 <html> <html>태그는 HTML 문서를 구성하는 기본 단위입니다.
56 <i> <i>태그는 텍스트에서 어떤 이유로 주위와 구분해야 하는 부분을 나타냅니다.
57 <iframe> <iframe>태그는 중첩 브라우징 맥락을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다.
58 <image> <image>태그는 문서에 이미지를 넣습니다. delete
59 <img> <img>태그는 문서에 이미지를 넣습니다.
60 <input> <input>태그는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다.
61 <ins> <ins>태그는 문서에 추가된 텍스트의 범위를 나타냅니다.
62 <kbd> <kbd>태그는 키보드 입력, 음성 입력 등 임의의 장치를 사용한 사용자의 입력을 나타냅니다.
63 <keygen> <keygen>태그는 키의 일부로서 재료를 생성하고, 공개 키의 제출을 용이하게 합니다. delete
64 <label> <label>태그는 사용자 인터페이스 항목의 설명을 나타냅니다.
65 <legend> <legend>태그는 <fieldset> 요소의 캡션(caption)을 정의할 때 사용합니다.
66 <li> <li>태그는 목록의 항목을 나타냅니다.
67 <link> <link>태그는 현재 문서와 외부 리소스의 관계를 명시합니다.
68 <main> <main>태그는 문서 <body>의 주요 콘텐츠를 나타냅니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다.
69 <map> <map>태그는 이미지 맵(클릭 가능한 링크 영역)을 정의할 때 사용합니다.
70 <mark> <mark>태그는 현재 맥락에 관련이 깊거나 중요해 표시 또는 하이라이트한 부분을 나타냅니다.
71 <marquee> <marquee>태그는 다양한 칼러의 바탕색에 역시 다양한 칼러의 글씨가 지나가게 만드는 다이내믹한 태그입니다. delete
72 <menu> <menu>태그는 사용자가 수행하거나 하는 명령 묶음을 말합니다. 이것은 스크린 위에 나오는 목록 메뉴와 눌려진 버튼 아래에 나오는 것과 같은 맥락 메뉴를 포함합니다.
73 <menuitem> <menuitem>태그는 해당 페이지에서 마우스 오른쭉 눌렀을 때 나타나는 팝업 페이지에 명령이나 메뉴 사항 추가합니다. delete
74 <meta> <meta>태그는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용합니다.
75 <meter> <meter>태그는 특정 범위 내에서의 스칼라 값, 또는 백분율 값을 나타냅니다.
76 <nav> <nav>태그는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 구획을 나타냅니다. 자주 쓰이는 예제는 메뉴, 목차, 색인입니다.
77 <nobr> <nobr>태그는 자동 줄바꿈을 방지합니다. delete
78 <noembed> <noembed>태그는 브라우저가 <embed>태그를 지원하지 않는 경우에만 나타납니다. delete
79 <noframes> <noframes>태그는 일반적인 HTML 문서의 <body> 요소에서 찾을 수 있는 모든 HTML 요소를 포함할 수 있으며, <frameset> 요소 내부에 위치하게 됩니다. delete
80 <noscript> <noscript>태그는 페이지의 스크립트 유형을 지원하지 않거나, 브라우저가 스크립트를 비활성화한 경우 보여줄 HTML 구획을 정의합니다.
81 <object> <object>태그는 이미지나, 중첩된 브라우저 컨텍스트, 플러그인에 의해 다뤄질수 있는 리소스와 같은 외부 리소스를 나타냅니다.
82 <ol> <ol>태그는 정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다.
83 <optgroup> <optgroup>태그는 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용합니다.
84 <option> <option>태그는 <select>, <optgroup>, <datalist> 요소의 항목을 정의합니다. 그러므로, <option>을 사용해 팝업 메뉴 등 목록에서 하나의 항목을 나타낼 수 있습니다.
85 <output> <output>태그는 웹 사이트나 앱에서 계산이나 사용자 행동의 결과를 삽입할 수 있는 컨테이너 요소입니다.
86 <p> <p>태그는 하나의 문단을 나타냅니다. 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련있는 콘텐츠 무엇이나 될 수 있습니다.
87 <param> <param>태그는 <object> 요소의 매개변수를 정의합니다. delete
88 <picture> <picture>태그는 요소의 다중 이미지 리소스(multiple image resources)를 위한 컨테이너를 정의할 때 사용합니다.
89 <plaintext> <plaintext>태그는 요소는 다음과 같은 HTML을 무시하고, 원시 텍스트로 시작 태그 다음 모든 것을 렌더링합니다. 닫는 태그가 없습니다. 그 뒤의 모든 내용은 원시 텍스트로 간주되기 때문입니다. delete
90 <portal> <portal>태그는 새로운 페이지에 부드러운 탐색을 허용하는 목적을 위해 현재에 또 다른 HTML 페이지의 삽입을 가능하게한다.
91 <pre> <pre>태그는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다.
92 <progress> <progress>태그는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다.
93 <q> <q>태그는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다.
94 <rb> <rb>태그는 표기의 기반 텍스트 구성요소(루비 주석을 적용하려는 글자)를 나눌 때 사용합니다. delete
95 <rp> <rp>태그는 요소를 사용한 루비 주석을 지원하지 않는 경우 보여줄 괄호를 제공할 때 사용합니다.
96 <rt> <rt>태그는 동아시아 문자의 루비 주석에서 발음, 번역 등을 나타내는 텍스트 부분을 지정합니다.
97 <rtc> <rtc>태그는 <rb> 요소가 표시하는 문자의 의미에 대한 주석을 나타냅니다. delete
98 <ruby> <ruby>태그는 루비 주석을 나타냅니다. 루비 주석은 동아시아 문자의 발음을 표기할 때 사용합니다.
99 <s> <s>태그는 글자에 취소선, 즉 글자를 가로지르는 선을 그립니다.
100 <samp> <samp>태그는 컴퓨터 프로그램 출력의 예시(혹은 인용문)를 나타냅니다.
101 <script> <script>태그는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다.
102 <section> <section>태그는 HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다.
103 <select> <select>태그는 옵션 메뉴를 제공하는 컨트롤을 나타냅니다.
104 <shadow> <shadow>태그는 그림자 태그입니다. delete
105 <slot> <slot>태그는 웹 컴포넌트 사용자가 자신만의 마크업으로 채워 별도의 DOM 트리를 생성하고, 컴포넌트와 함께 표현할 수 있는 웹 컴포넌트 내부의 플레이스홀더입니다.
106 <small> <small>태그는 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다.
107 <source> <source>태그는 <audio> 요소나 <video> 요소, <picture> 요소에서 사용할 수 있는 다중 미디어 자원(multiple media resources)을 정의할 때 사용합니다.
108 <spacer> <spacer>태그는 페이지에 빈 공간의 삽입을 허용 사용되지 않는 HTML 요소입니다. delete
109 <span> <span>태그는 인라인 요소이며, 구문 콘텐츠를 위한 통용 인라인 컨테이너로 본질적으로는 아무것도 나타내지 않습니다.
110 <strike> <strike>태그는 텍스트 한가운데 라인을 추가할 때 사용합니다. delete
111 <strong> <strong>태그는 중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다.
112 <style> <style>태그는 문서나 문서 일부에 대한 스타일 정보를 포함합니다.
113 <sub> <sub>태그는 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정합니다.
114 <summary> <summary>태그는 <details> 요소에 의해 생성되는 대화형 위젯에서 기본적으로 보이는 제목을 정의할 때 사용합니다.
115 <sup> <sup>태그는 활자 배치를 위 첨자로 해야 하는 인라인 텍스트를 지정합니다.
116 <table> <table>태그는 행과 열로 이루어진 표를 나타냅니다.
117 <tbody> <tbody>태그는 표의 여러 행(<tr>)을 묶어서 표 본문을 구성합니다.
118 <td> <td>태그는 데이터를 포함하는 표의 셀을 정의합니다.
119 <template> <template>태그는 페이지를 불러온 순간 즉시 그려지지는 않지만, 이후 JavaScript를 사용해 인스턴스를 생성할 수 있는 HTML 코드를 담을 방법을 제공합니다
120 <textarea> <textarea>태그는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다.
121 <tfoot> <tfoot>태그는 테이블의 열을 요약하는 행들의 집합입니다.
122 <th> <th>태그는 HTML 테이블에서 제목이 되는 헤더 셀(header cell)을 정의할 때 사용합니다.
123 <thead> <thead>태그는 테이블의 열의 머리글인 행들의 집합입니다.
124 <time> <time>태그는 기계가 읽을 수 있는 형태로 날짜와 시간을 표현할 때 사용합니다.
125 <title> <title>태그는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. 텍스트만 포함할 수 있으며 태그를 포함하더라도 무시합니다.
126 <tr> <tr>태그는 태그는 테이블에서 셀들로 이루어진 하나의 행(row)을 정의할 때 사용합니다.
127 <track> <track>태그는 미디어 요소( , )의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다.
128 <tt> <tt>태그는 텔레타이프 텍스트(teletype text)를 나타낼 때 사용합니다. delete
129 <u> <u>태그는 글자로 표현하지 않는 주석을 가진 것으로 렌더링 해야 하는 텍스트를 나타냅니다.
130 <ul> <ul>태그는 정렬되지 않은 목록을 나타냅니다.
131 <var> <var>태그는 수학 표현 또는 프로그래밍에서 변수의 이름을 나타냅니다. 보통 현재 글씨체의 기울임꼴로 표시하지만, 브라우저마다 다를 수 있습니다.
132 <video> <video>태그는 비디오 플레이백을 지원하는 미디어 플레이어를 문서에 삽입합니다.
133 <wbr> <wbr>태그는 현재 요소의 줄 바꿈 규칙을 무시하고 브라우저가 줄을 바꿀 수 있는 위치를 나타냅니다.
134 <xmp> <xmp>태그는 HTML 요소 사이의 고정 폭 폰트 사용에 HTML을 해석하지 않고 시작 태그와 종료 태그 사이의 텍스트를 렌더링합니다. delete