태그
- 단일(싱글) 태그 : 하나로만 이루어진 태그이다. ex) <img ... > or <img ... />
- 짝을 이루는 태그 : 2개의 짝으로 이루어진 태그이다. ex) <head> ... </head>
- 블록 태그 : 항상 최대 너비를 차지하는 덩어리 태그이다.
- 인라인 태그 : 자기 자신의 크기만큼만 차지하는 태그이다.
단일 태그
<태그이름> 혹은 <태그이름 />으로 사용된다.
- <area>: 이미지 맵의 영역을 정의
- <base>: 문서 내에서 모든 상대 URL의 기본 URL을 설정
- <br>: 줄바꿈을 삽입
- <col>: <colgroup> 요소 내에서 테이블의 열 속성을 정의
- <command>: 사용자에게 작업을 제공하는 메뉴 항목을 정의(사용이 권장되지 않음)
- <embed>: 외부 콘텐츠를 포함
- <hr>: 수평선을 삽입
- <img>: 이미지를 삽입
- <input>: 사용자 입력을 받는 폼 컨트롤을 정의
- <keygen>: 보안 키 쌍 생성을 위한 폼 컨트롤을 정의(HTML5에서는 사용되지 않음)
- <link>: 문서와 외부 리소스 간의 관계를 정의
- <meta>: 메타데이터를 정의
- <param>: <object> 요소 내에서 매개변수를 정의
- <source>: <audio> 또는 <video> 요소의 자원 목록을 정의
- <track>: <video> 또는 <audio> 요소의 자막 트랙을 정의
- <wbr>: 긴 단어나 URL에서 줄바꿈이 가능한 위치를 제시
블록 태그
내부에 '블록 태그'와 '인라인 태그' 모두 포함할 수 있다.
단, <p>는 블록태그이지만 내부에 인라인 태그만 포함할 수 있다.
- <address>: 연락처 정보를 정의
- <article>: 독립적인 콘텐츠 조각을 정의
- <aside>: 문서의 주요 콘텐츠와 관련이 적은 측면 콘텐츠를 정의
- <audio>: 오디오 콘텐츠를 정의
- <blockquote>: 인용문을 정의
- <canvas>: 그래픽을 그릴 수 있는 영역을 정의
- <dd>: 정의 목록의 항목을 설명
- <div>: 블록 레벨 컨텐츠를 그룹화
- <dl>: 정의 목록을 정의
- <fieldset>: 폼의 내용을 그룹화
- <figcaption>: <figure> 요소의 캡션을 정의
- <figure>: 삽입된 콘텐츠와 그에 관련된 캡션을 그룹화
- <footer>: 문서나 섹션의 바닥글을 정의
- <form>: 사용자 입력을 수집하는 폼을 정의
- <h1> ~ <h6>: 제목을 정의
- <header>: 문서나 섹션의 헤더를 정의
- <hgroup>: 제목 그룹을 정의(HTML5에서는 많이 사용되지 않음)
- <hr>: 수평선을 삽입
- <noscript>: JavaScript가 비활성화된 경우 표시할 콘텐츠를 정의
- <ol>: 순서가 있는 목록을 정의
- <output>: 계산 결과를 정의
- <p>: 단락을 정의
- <pre>: 공백과 줄바꿈을 유지하여 텍스트를 표시
- <section>: 문서의 섹션을 정의
- <select>: 드롭다운 목록을 정의
- <table>: 표를 정의
- <ul>: 순서가 없는 목록을 정의
- <video>: 비디오 콘텐츠를 정의
인라인 태그
내부에 '인라인 태그'만 포함할 수 있다.
- <a>: 하이퍼링크를 정의
- <abbr>: 약어 또는 두문자어를 정의
- <acronym>: 약어를 정의(HTML5에서는 사용되지 않음, <abbr>으로 대체)
- <b>: 텍스트를 굵게 표시
- <bdo>: 텍스트의 방향을 제어
- <button>: 클릭 가능한 버튼을 생성. 기본적으로는 인라인 요소로 취급되지만, CSS를 통해 블록 레벨 컨텐츠를 포함할 수 있음
- <big>: 텍스트를 크게 표시(HTML5에서는 더 이상 사용되지 않음)
- <br>: 줄바꿈을 삽입
- <cite>: 출처를 표시
- <code>: 코드 텍스트를 표시
- <dfn>: 용어의 정의를 표시
- <em>: 텍스트에 강조를 추가
- <i>: 이탤릭체로 텍스트를 표시
- <img>: 이미지를 삽입
- <input>: 사용자 입력을 받는 폼 컨트롤을 정의
- <label>: 폼 요소에 레이블을 정의
- <map>: 이미지 맵을 정의
- <object>: 외부 리소스를 삽입
- <q>: 인라인 인용을 정의
- <samp>: 컴퓨터 프로그램의 출력을 나타냄
- <small>: 텍스트를 작게 표시
- <span>: 인라인 요소를 그룹화
- <strong>: 텍스트를 굵게 표시하며 중요성을 나타냄
- <script>: JavaScript 코드를 포함. 문서의 렌더링에 영향을 미치지 않으며, 블록 레벨 태그와 혼합된 특성을 가질 수 있음
- <sub>: 텍스트를 아래첨자 형태로 표시
- <sup>: 텍스트를 위첨자 형태로 표시
- <textarea>: 다중 행의 텍스트 입력을 위한 폼 컨트롤을 정의
- <tt>: 타자기 글꼴 스타일로 텍스트를 표시(HTML5에서는 더 이상 사용되지 않음)
- <var>: 변수명을 정의
HTML5에서는 XHTML 호환성을 위해 단일 태그가 />로 종료될 수 있지만, 이 표기법은 필수가 아니며, HTML4에서는 종료 슬래시 없이 태그를 사용할 수 있다. HTML5는 태그를 명확하게 닫지 않아도 HTML 파서는 이를 자동으로 처리한다.
'WebDev > HTML & CSS' 카테고리의 다른 글
| [기초]CSS란 무엇인가? (0) | 2024.08.11 |
|---|---|
| [기초]HTML 의미론적 태그(sematic) (0) | 2024.08.10 |
| [기초]HTML form, input 태그 (0) | 2024.08.09 |
| [기초]HTML 그룹화(div, span)와 속성(class, id) (0) | 2024.08.08 |
| [기초]HTML 태그 종류(제목, 문단, 서식, 라디오, 링크, 이미지, 오디오, 비디오) (0) | 2024.08.07 |
