HTML 기초 정리 (1) - 태그 설명 본문
HTML 기초 정리 (1) - 태그 설명
- 2024. 11. 9. 16:30
728x90
우선 처음으로 HTML에 사용되는 태그 - 모르는 사람에겐 문법? 이라고 해야할 듯 - 를
일단 쭉 알아보도록 하겠다.
물론 이걸로 감이 안오겠지만 추후에 이런 저런 태그들이 있음을 확인하기 위한 용도로 생각해보자.
| 태그 | 설명 |
| <!--...--> | 주석을 정의합니다 |
| <!DOCTYPE> | 문서 유형을 정의합니다 |
| <a> | 하이퍼링크를 정의합니다 |
| <abbr> | 약어 또는 두문자어를 정의합니다 |
| <acronym> | HTML5에서는 지원되지 않습니다. 사용하세요<abbr>대신. 약어를 정의합니다. |
| <address> | 문서 작성자/소유자의 연락처 정보를 정의합니다. |
| <applet> | HTML5에서는 지원되지 않습니다. 사용하세요<embed>또는<object>대신. 내장된 애플릿을 정의합니다. |
| <area> | 이미지 맵 내부의 영역을 정의합니다 |
| <article> | 기사를 정의합니다 |
| <aside> | 페이지 콘텐츠 외의 콘텐츠를 정의합니다. |
| <audio> | 내장된 사운드 콘텐츠를 정의합니다 |
| <b> | 굵은 글씨를 정의합니다 |
| <base> | 문서의 모든 상대 URL에 대한 기본 URL/대상을 지정합니다. |
| <basefont> | HTML5에서는 지원되지 않습니다. 대신 CSS를 사용하세요. 문서의 모든 텍스트에 대한 기본 색상, 크기 및 글꼴을 지정합니다. |
| <bdi> | 다른 텍스트 외부에서 다른 방향으로 서식이 지정될 수 있는 텍스트의 일부를 분리합니다. |
| <bdo> | 현재 텍스트 방향을 재정의합니다 |
| <big> | HTML5에서는 지원되지 않습니다. 대신 CSS를 사용하세요. |
| 큰 텍스트를 정의합니다. | |
| <blockquote> | 다른 출처에서 인용된 섹션을 정의합니다. |
| <body> | 문서의 본문을 정의합니다 |
| <br> | 단일 줄 바꿈을 정의합니다 |
| <button> | 클릭 가능한 버튼을 정의합니다 |
| <canvas> | 스크립팅(일반적으로 JavaScript)을 통해 즉석에서 그래픽을 그리는 데 사용됩니다. |
| <caption> | 테이블 캡션을 정의합니다 |
| <center> | HTML5에서는 지원되지 않습니다. 대신 CSS를 사용하세요. |
| 가운데 정렬된 텍스트를 정의합니다. | |
| <cite> | 작품의 제목을 정의합니다 |
| <code> | 컴퓨터 코드의 일부를 정의합니다 |
| <col> | <colgroup> 요소 내의 각 열에 대한 열 속성을 지정합니다. |
| <colgroup> | 표의 하나 이상의 열 그룹을 지정하여 서식을 지정합니다. |
| <data> | 주어진 콘텐츠의 기계가 읽을 수 있는 번역을 추가합니다. |
| <datalist> | 입력 컨트롤에 대한 미리 정의된 옵션 목록을 지정합니다. |
| <dd> | 설명 목록에서 용어의 설명/값을 정의합니다. |
| <del> | 문서에서 삭제된 텍스트를 정의합니다. |
| <details> | 사용자가 볼 수 있거나 숨길 수 있는 추가 세부 정보를 정의합니다. |
| <dfn> | 콘텐츠 내에서 정의될 용어를 지정합니다. |
| <dialog> | 대화 상자 또는 창을 정의합니다 |
| <dir> | HTML5에서는 지원되지 않습니다. 사용하세요<ul>대신. 디렉토리 목록을 정의합니다 . |
| <div> | 문서의 섹션을 정의합니다 |
| <dl> | 설명 목록을 정의합니다 |
| <dt> | 설명 목록에서 용어/이름을 정의합니다. |
| <em> | 강조된 텍스트를 정의합니다 |
| <embed> | 외부 애플리케이션에 대한 컨테이너를 정의합니다. |
| <fieldset> | 양식에서 관련 요소를 그룹화합니다. |
| <figcaption> | <figure> 요소에 대한 캡션을 정의합니다 |
| <figure> | 독립형 콘텐츠를 지정합니다 |
| <font> | HTML5에서는 지원되지 않습니다. 대신 CSS를 사용하세요. 텍스트의 글꼴, 색상 및 크기를 정의합니다. |
| <footer> | 문서 또는 섹션의 바닥글을 정의합니다. |
| <form> | 사용자 입력을 위한 HTML 양식을 정의합니다 |
| <frame> | HTML5에서는 지원되지 않습니다. 프레임셋에서 창(프레임)을 정의합니다. |
| <frameset> | HTML5에서는 지원되지 않습니다. 프레임 세트를 정의합니다. |
| <h1> to <h6> | HTML 제목을 정의합니다 |
| <head> | 문서에 대한 메타데이터/정보가 포함되어 있습니다 |
| <header> | 문서 또는 섹션의 헤더를 정의합니다. |
| <hgroup> | 헤더와 관련 콘텐츠를 정의합니다 |
| <hr> | 콘텐츠의 주제별 변경을 정의합니다. |
| <html> | HTML 문서의 루트를 정의합니다 |
| <i> | 대체 음성이나 분위기로 텍스트의 일부를 정의합니다. |
| <iframe> | 인라인 프레임을 정의합니다 |
| <img> | 이미지를 정의합니다 |
| <input> | 입력 컨트롤을 정의합니다 |
| <ins> | 문서에 삽입된 텍스트를 정의합니다. |
| <kbd> | 키보드 입력을 정의합니다 |
| <label> | <input> 요소에 대한 레이블을 정의합니다 |
| <legend> | <fieldset> 요소에 대한 캡션을 정의합니다. |
| <li> | 목록 항목을 정의합니다 |
| <link> | 문서와 외부 리소스 간의 관계를 정의합니다(대부분 스타일 시트에 연결하는 데 사용됨) |
| <main> | 문서의 주요 내용을 지정합니다 |
| <map> | 이미지 맵을 정의합니다 |
| <mark> | 표시/강조 표시된 텍스트를 정의합니다 |
| <menu> | 순서 없는 목록을 정의합니다 |
| <meta> | HTML 문서에 대한 메타데이터를 정의합니다. |
| <meter> | 알려진 범위(게이지) 내에서 스칼라 측정을 정의합니다. |
| <nav> | 탐색 링크를 정의합니다 |
| <noframes> | HTML5에서는 지원되지 않습니다. 프레임을 지원하지 않는 사용자를 위한 대체 콘텐츠를 정의합니다. |
| <noscript> | 클라이언트 측 스크립트를 지원하지 않는 사용자를 위한 대체 콘텐츠를 정의합니다. |
| <object> | 외부 애플리케이션에 대한 컨테이너를 정의합니다. |
| <ol> | 순서가 있는 목록을 정의합니다 |
| <optgroup> | 드롭다운 목록에서 관련 옵션 그룹을 정의합니다. |
| <option> | 드롭다운 목록에서 옵션을 정의합니다 |
| <output> | 계산 결과를 정의합니다 |
| <p> | 문단을 정의합니다 |
| <param> | 객체에 대한 매개변수를 정의합니다 |
| <picture> | 여러 이미지 리소스에 대한 컨테이너를 정의합니다. |
| <pre> | 미리 포맷된 텍스트를 정의합니다 |
| <progress> | 작업의 진행 상황을 나타냅니다 |
| <q> | 짧은 인용문을 정의합니다 |
| <rp> | 루비 주석을 지원하지 않는 브라우저에 표시할 내용을 정의합니다. |
| <rt> | 동아시아 문자의 설명/발음을 정의합니다. |
| <ruby> | 루비 주석(동아시아 타이포그래피용)을 정의합니다. |
| <s> | 더 이상 정확하지 않은 텍스트를 정의합니다. |
| <samp> | 컴퓨터 프로그램의 샘플 출력을 정의합니다 |
| <script> | 클라이언트 측 스크립트를 정의합니다 |
| <search> | 검색 섹션을 정의합니다 |
| <section> | 문서의 섹션을 정의합니다 |
| <select> | 드롭다운 목록을 정의합니다 |
| <small> | 더 작은 텍스트를 정의합니다 |
| <source> | 미디어 요소(<video> 및 <audio>)에 대한 여러 미디어 리소스를 정의합니다. |
| <span> | 문서의 섹션을 정의합니다 |
| <strike> | HTML5에서는 지원되지 않습니다. 사용하세요<del>또는<s>대신. 취소선 텍스트를 정의합니다. |
| <strong> | 중요한 텍스트를 정의합니다 |
| <style> | 문서의 스타일 정보를 정의합니다 |
| <sub> | 아래첨자 텍스트를 정의합니다 |
| <summary> | <details> 요소에 대한 표시 가능한 제목을 정의합니다. |
| <sup> | 상위 첨자 텍스트를 정의합니다 |
| <svg> | SVG 그래픽을 위한 컨테이너를 정의합니다 |
| <table> | 테이블을 정의합니다 |
| <tbody> | 본문 내용을 표로 그룹화합니다. |
| <td> | 표의 셀을 정의합니다 |
| <template> | 페이지가 로드될 때 숨겨져야 하는 콘텐츠에 대한 컨테이너를 정의합니다. |
| <textarea> | 다중줄 입력 컨트롤(텍스트 영역)을 정의합니다. |
| <tfoot> | 표에서 바닥글 콘텐츠를 그룹화합니다. |
| <th> | 표의 헤더 셀을 정의합니다 |
| <thead> | 헤더 콘텐츠를 표로 그룹화합니다. |
| <time> | 특정 시간(또는 날짜시간)을 정의합니다 |
| <title> | 문서의 제목을 정의합니다 |
| <tr> | 테이블의 행을 정의합니다 |
| <track> | 미디어 요소(<video> 및 <audio>)에 대한 텍스트 트랙을 정의합니다. |
| <tt> | HTML5에서는 지원되지 않습니다. 대신 CSS를 사용하세요. 텔레타입 텍스트를 정의합니다. |
| <u> | 일반 텍스트와 다르게 표현되지 않고 스타일이 지정된 일부 텍스트를 정의합니다. |
| <ul> | 순서 없는 목록을 정의합니다 |
| <var> | 변수를 정의합니다 |
| <video> | 내장된 비디오 콘텐츠를 정의합니다 |
| <wbr> | 가능한 줄바꿈을 정의합니다 |
다음 장에서는 html 태그 별로 어떻게 사용되고
그 사용 예시를 하나씩 알아보도록 하겠다.
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(6) - <address> 주소 (0) | 2024.11.14 |
|---|---|
| HTML 기초 정리(5) - <abbr> 약어 (0) | 2024.11.13 |
| HTML 기초 정리(4) - a 태그 (링크) (4) | 2024.11.12 |
| HTML 기초 정리 (3) - DOCTYPE 선언 (0) | 2024.11.11 |
| HTML 기초 정리 (2) - 주석 처리 (0) | 2024.11.10 |
RECENT COMMENT