본문 바로가기
웹코딩 배우기/· 태그 사전

HTML 태그 사전

by 닐기 2019. 9. 17.
 태그 이름을 클릭하면 상세 설명 페이지로 이동합니다.
 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨.
 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다.
 태그 이름

 속성 설명
 <a>   URL 링크
 <abbr>   생략된 글자나 머리글자를 표시
 <acronym>   생략된 글자나 약어를 표시
 <address>   페이지의 연락처 정보를 정의
 <applet>   애플랫 요소를 정의
 <area>   이미지 맵의 영역을 정의
 <article>  문서내에 독립적인 컨텐츠를 정의
 <aside>   문서내에 사이드 컨텐츠를 정의
 <audio>   오디오 파일을 정의
 <b>   글씨 두껍게 
 <base>   모든 URL의 기본이 되는 기본 URL을 설정
 <basefont>   문서의 기본 폰트, 사이즈, 종류를 설정
 <bdi>   텍스트의 출력 방향을 브라우저가 판단해 표현
 <bdo>   텍스트의 방향을 설정
 <big>   텍스트 크기를 크게
 <blockquote>   긴 문장의 인용문을 정의
 <blink>   텍스트를 깜박이게
 <body>   문서 본문에 해당하는 콘텐츠를 포함하는 영역
 <br>   텍스트를 줄바꿈 할 때 사용
 <button>   버튼 생성
 <canvas>   그림을 그리는 비트맵을 정의
 <caption>   table 요소의 제목을 설정
 <center>   요소를 가운데 정렬
 <cite>   작품의 제목을 정의
 <code>   컴퓨터 코드를 정의
 <col>   테이블 요소의 행
 <colgroup>   테이블 요소의 행을 그룹화
 <data>   주어진 내용을 기계가 읽을 수 있도록 설정
 <datalist>   미리 정의된 옵션의 리스트를 보여줌
 <dd>   설명 목록 요소의 설명을 정의
 <del>   문서 내에 삭제된 텍스트를 설정
 <details>   추가적인 정보를 보여주거나 숨김
 <dfn>   전문적인 용어를 정의
 <dialog>   추가적인 정보를 팝업 형식으로 보여줌
 <dir>   디렉토리 제목을 나열
 <div>   문서의 섹션을 만들거나 영역을 나눌 때
 <dl>   설명 목록을 정의
 <dt>   설명 목록의 용어 및 이름을 정의
 <em>   텍스트를 강조하는데 사용
 <embed>   외부 어플리케이션을 연결 
 <fieldset>   폼 요소의 그룹 내부 영역을 설정
 <figcaption>  <figure> 요소의 제목을 정의
 <figure>   그림, 도표, 사진, 코드등의 주석으로 표시
 <font>   폰트의 크기, 색, 종류를 설정
 <footer>   사이트 푸터부분을 정의
 <form>   웹 서버에 정보를 제공하는 폼 컨트롤 유형을 정의
 <frame>   HTML문서가 표시 될 수 있는 특정 영역을 설정
 <frameset>   프레임을 정의
 <h1>~<h6>   섹션의 제목을 정의
 <head>   사이트의 헤더 요소들을 정의
 <header>   소개 컨텐츠 및 네비게이션 링크를 포함한 섹션
 <hgroup>   제목 요소 그룹화를 정의
 <hr>   문서의 주제를 분리할 때 사용
 <html>   HTML 문서의 루트를 나타냄
 <i>   음성이나 분위기 등의 텍스트를 정의
 <iframe>   HTML문서 내에 다른 문서를 포함하는데 사용
 <img>   문서에 이미지를 표현할 때 사용
 <input>   데이터를 입력할 수 있는 폼 컨트롤을 정의
 <ins>   문서 내에 추가된 텍스트를 정의
 <kbd>   키보드 입력을 정의
 <keygen>   보안키를 생성하고 컨트롤
 <label>   요소의 라벨을 지정
 <legend>   <fieldset> 요소의 영역 제목을 정의
 <li>   목록의 항목을 정의
 <link>   문서와 외부 파일 연결을 정의
 <main>   문서의 주요 콘텐츠를 정의
 <map>   이미지 맵을 정의
 <mark>   참고 표시를 정의
 <marquee>   텍스트의 스크롤과 움직임을 정의
 <menu>   메뉴 리스트를 정의
 <menuitem>   메뉴 리스트를 항목을 정의
 <meta>   문서에 대한 정보를 제공
 <meter>   범위를 측정하는 게이지 정보를 정의
 <nav>   네비게이션 링크를 정의
 <noframes>   프레임을 지원하지 않는 브라우저를 위한 대체 태그
 <noscript>   스크립트를 지원하지 않는 브라우저를 위한 대체 태그
 <object>   문서내에 포함된 멀티미디어 요소를 정의
 <ol>   순서가 있는 목록을 정의
 <optgroup>   <option> 리스트를 그룹화
 <option>   <select> 요소의 항목을 정의
 <output>   계산의 결과
 <p>   문단을 정의
 <param>   <object> 의 매개변수를 정의
 <pre>   텍스트의 포맷을 정의
 <pregress>   작업의 진행상태를 정의
 <q>   짧은 인용을 정의
 <rp>   루비 주석을 괄호로 표현
 <rt>   루비 주석에 대한 설명이나 발음을 정의
 <rtc>   루비 주석에 대한 설명이나 발음을 정의
 <ruby>   루비 주석을 정의
 <s>   정확하지 않거나 올바르지 않은 텍스트를 정의
 <samp>   컴퓨터 프로그램의 샘플 출력을 식별하기위한 요소
 <script>   스크립트를 정의하는데 사용
 <section>   주제별 그룹의 콘텐츠 섹션을 정의
 <select>   선택 목록을 정의
 <small>   저작권 또는 법적인 텍스트를 정의
 <source>   미디어 요소에 대한 소스를 지정하는데 사용
 <span>   인라인 요소 그룹화를 정의
 <strong>   중요한 의미를 갖는 텍스트를 정의
 <style>   문서에 대한 스타일 정보를 정의
 <sub>   텍스트 아래첨자를 정의
 <summary>   <details>요소 내용에 대한 요약 또는 제목을 정의
 <sup>   텍스트 위첨자를 정의
 <table>   표를 정의
 <tbody>   표의 본문을 그룹화
 <td>   표의 셀을 정의
 <textarea>   여러줄의 텍스트를 편집할 수 있는 컨트롤을 정의
 <tfoot>   표의 푸터를 그룹화
 <th>   표의 행이나 열에 머리말을 정의
 <thead>   표의 헤더를 그룹화
 <time>   날자와 시간을 정의
 <title>   HTML문서의 타이틀을 정의
 <tr>   표의 행을 정의
 <track>   미디어 요소의 트랙을 지정
 <tt>   타자모양의 텍스트를 정의
 <u>   밑줄을 표시할 때 사용
 <ul>   순서가 없는 목록을 정의
 <var>   프로그램 코드에서 변수를 정의
 <video>   미디어 영상을 재생
 <wbr>   줄바꿈 할 위치를 정의