HTML 래퍼런스 북

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