HTML 레퍼런스 북

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