태그</> 모음표 전부는 아니지만 주로 쓰이는 것들만 정리해보았다.
| 태그 | 설명 |
| <!-- --> | 주석(comment) |
| <!DOCTYPE> | 해당 문서(document)의 타입을 정함(ex. <!DOCTYPE html> |
| <a> | 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink) |
| <address> | 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시 |
| <article> | 해당 문서나 페이지 또는 사이트와는 독립적으로 구성하는 영역 |
| <body> | 해당 문서의 콘텐츠 영역 |
| <br> | 행 바꿈(line-break) |
| <button> | 클릭할 수 있는 버튼 |
| <caption> | 테이블의 캡션 |
| <code> | 컴퓨터 코드(code)의 일부분을 표시 |
| <col> | <colgroup> 요소에 속하는 각 열(column)의 속성을 정의 |
| <colgroup> | 테이블에서 서식 지정을 이ㅜ해 하나 이상의 열을 그룹으로 묶을때 사용. |
| <dd> | <dl> 요소에서 설명(description) 부분 |
| <del> | 텍스트 한가운데 라인을 추가하여 삭제된 텍스트를 표시 |
| <div> | HTML 문서에서 특정 영역이나 구획을 정의(division) |
| <dl> | 용어와 그에 대한 설명을 리스트 형식으로 정의 |
| <dt> | 용어와 그에 대한 설명을 리스트 형식으로 보여주는 <dl> 요소에서 용어(term) 부분 |
| <em> | 강조된 텍스트를 표현 |
| <fieldset> | <form>요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용 |
| <footer> | 문서나 특정 섹션의 푸터(footer)를 표시 (가장 아래 단) |
| <form> | 사용자로부터 입력을 받을 수 있는 HTML 입력 폼 |
| <h1> ~ <h6> | HTML 문서에서 제목(headings) , h1 가장 큰 끌씨 h6 가장 작을 글씨 |
| <head> | 해당 문서에 대한 정보인 메타데이터(metadata)의 집합, |
| <header> | 문서나 특정 섹션의 헤더 (header)를 정의 |
| <hr> | 콘텐츠 내용에서 주제가 바뀔 때 사용하는 수평 가로선 |
| <html> | HTML 문서의 루트 요서(root element)를 정의 |
| <i> | 기본 텍스트와 다르게 음성을 위한 텍스트 영역 |
| <img> | 이미지(image)를 정의 |
| <input> | 사용자로부터 입력을 받을 수 있는 입력 필드(input field) |
| <label> | 사용자 인터페이스(UI) 요소의 라벨(label) |
| <legend> | <fieldset>요소의 캡션(caption) |
| <li> | HTML 리스트(list)에 포함되는 아이템(item) |
| <main> | 해당 문서의 <body> 요소의 주 콘텐츠(main content) |
| <meta> | 해당 문서의 대한 정보인 메타데이터를 정의 (ex. charset='utf-8, name='viewport' 등) |
| <nav> | 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크들의 집합 부분 |
| <ol> | 순서가 있는 HTML 리스트(cf. ul) |
| <p> | 문단(paragraph) |
| <q> | 짧은 인용구 |
| <script> | 자바스크립트와 같은 클라이언트 사이드 스크립트(client-side scripts) |
| <section> | HTML 문서에 포함된 독립적인 섹션(section) |
| <select> | 옵션 메뉴를 제공한느 드롭다운 리스트(drop-down list) |
| <small> | 글자 크기가 작은 텍스트를 정의 |
| <source> | <audio> 요소나 <video> 요소에서 사용할 수 있는 다중 미디어 자원 |
| <span> | HTML 문서에서 인라인 요서(inline-element)들을 하나로 묶을 때 사용 |
| <strong> | 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조 |
| <style> | 해당 HTML 문서의 스타일 정보를 정의 |
| <sub> | 아랫첨자(subscript) 텍스트를 표현 |
| <table> | 데이터를 포함하는 셀(cell)들의 행과 열로 구성한 2차원 테이블 |
| <tbody> | 테이블에서 내용 콘텐츠(body content)들을 하나의 그룹으로 묶을 때 사용 |
| <td> | 테이블에서 하나의 셀(cell)을 정의함 |
| <textarea> | 사용자가 여러 줄의 텍스트를 입력할 수 있는 텍스트 입력 영역 |
| <tfoot> | 테이블에서 푸터 콘텐츠들을 하나의 그룹을 묶을 떄 사용 |
| <th> | 테이블에서 제목이 되는 헤더 셀(header cell)들을 정의 |
| <thead> | 테이블에서 헤더 콘텐츠들을 하나의 그룹으로 묶을 때 사용 |
| <title> | 해당 문서의 제목(title)을 정의 |
| <tr> | 테이블에서 셀들로 이루어진 하나의 행(row)을 정의 |
| <ul> | 순서가 없는 HTML 리스트(list) |
| <video> | 무비 클립이나 비디오 스트림과 같은 비디오를 정의 |
HTML5의 기본 요소
HTML 문서는 기본적으로 엘리먼트들의 모임이며, 아래와 같은 형식으로 쓴다.
<태그 속성1="속성값" ...속성n="속성값">내용</태그>
| 요소 | 의미 | 코드 예 |
| 태그 | '<'와 '>'로 둘러싸인 문자열 시작태그<>와 종료태그</>로 구성 |
<header>내용</header> |
| 내용 | 태그로 둘러싸인 문자 | <header>내용</header> |
| 엘리먼트 | 태그와 내용을 포함한 전체 문자열 HTML 문서의 기본 구성 단위 상위 엘리먼트 안에 하위 엘리먼트가 계층적으로 포함될 수 있음 |
<header>내용</header> |
| 속성 | 엘리먼트의 상세한 기능 설정 사항을 나타탬 시작 태그 안에 사용 |
<header color="red"> 내용 </header> |
| 속성 값 | 속성 값(' '또는 " "로 감싸야 함) | <header color="red"> 내용 </header> |
