[HTML] 주요 태그
2024. 1. 7. 20:28ㆍHTML + CSS+JS/HTML
반응형
HTML 태그(tag)
HTML 요소(element)라고도 부르며,
HTML 문서를 구성하는 기본 단위
🔵 HTML 구성 관련
| <!-- --> | 주석(comment) |
| <!DOCTYPE> | 해당 문서(document)의 타입을 정의 |
| <html> | HTML 문서의 루트 요소(root element)를 정의 |
| <head> | 해당 문서에 대한 정보인 메타데이터(metadata)의 집합 |
| <header> | 문서나 특정 섹션의 헤더(header)를 정의 |
| <title> | 해당 문서의 제목(title)을 정의 |
| <body> | 해당 문서의 콘텐츠 영역을 정의 |
| <footer> | 문서나 특정 섹션의 푸터(footer)를 정의 |
🔵 페이지 이동 관련
| <a> | 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의 |
| <area> | 미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의 |
| <link> | 해당 문서와 외부 소스(external resource) 사이의 관계를 정의 |
| <nav> | 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네비게이션 링크(navigation links)들의 집합 |
| <object> | 외부 리소스의 종류에 따라 문서 내에서 처리하는 방식을 변경할 수 있는 임베디드 객체(embedded object) |
🔵 구분 관련
| <article> | 해당 문서나 페이지 또는 사이트와는 완전히 독립적으로 구성할 수 있는 요소를 정의 |
| <aside> | 페이지의 다른 콘텐츠들과 약간의 연관성을 가지고 있지만 해당 콘텐츠들로부터 분리시킬 수 있는 콘텐츠로 구성된 페이지 영역 |
| <div> | HTML 문서에서 특정 영역이나 구획을 정의 |
| <form> | 사용자로부터 입력을 받을 수 있는 HTLM 입력 폼(form)을 정의 |
| <input> | 사용자로부터 입력을 받을 수 있는 입력 필드(input filed) |
| <output> | 스크립트 등에 의해 수행된 계산의 결과나 사용자의 액션에 의한 결과 |
| <label> | 사용자 인터페이스(UI) 요소의 라벨(label)을 정의 |
| <section> | HTML 문서에 포함된 독립적인 섹션(section)을 정의 |
| <span> | HTML 문서에서 인라인 요소(inline-element)들을 하나로 묶을 때 사용 |
| <textarea> | 사용자가 여러 줄의 텍스트를 입력할 수 있는 텍스트 입력 영역 |
🔵 요소 추가 관련
| <audio> | 음악이나 오디오 스트림과 같은 사운드를 정의 |
| <img> | 이미지(image)를 정의 |
| <button> | 클릭할 수 있는 버튼을 정의 |
| <picture> | <img> 요소의 다중 이미지 리소스(multiple image resources)를 위한 컨테이너를 정의 |
🔵 텍스트 관련
| <p> | 문단(paragraph)을 정의 |
| <br> | 행 바꿈(line-break)을 정의함. |
| <hr> | 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의 |
| <center> | 가운데로 정렬되는 텍스트 |
| <em> | 강조된 텍스트를 표현 |
| <font> | 텍스트의 폰트, 색상 그리고 크기 |
| <h1> ~ <h6> | HTML 문서에서 제목(headings)을 정의 |
| <pre, | 미리 정의된 형식(preformatted)의 텍스트를 정의 |
| <style> | 해당 HTML 문서의 스타일 정보 |
| <sup> | 윗첨자(superscript) 텍스트를 표현 |
| <ul> | 순서가 없는 HTML 리스트(list) |
🔵 테이블 관련
| <table> | 데이터를 포함하는 셀(cell)들의 행과 열로 구성된 2차원 테이블을 정의 |
| <thead> | 테이블에서 헤더 콘텐츠(header content)들을 하나의 그룹으로 묶을 때 사용 |
| <tbody> | 테이블에서 내용 콘텐츠(body content)들을 하나의 그룹으로 묶을 때 사용 |
| <th> | 테이블에서 제목이 되는 헤더 셀(header cell) |
| <td> | 테이블에서 하나의 셀(cell) |
| <tr> | 테이블에서 셀들로 이루어진 하나의 행(row) |
| <col> | 각 열(column)의 속성을 정의 |
| <ol> | 순서가 있는 HTML 리스트(list) |
| <tfoot> | 테이블에서 푸터 콘텐츠(footer content)들을 하나의 그룹으로 묶을 때 사용 |
반응형
'HTML + CSS+JS > HTML' 카테고리의 다른 글
| [HTML] form 태그 구성 / type 종류 / get, post방식 (0) | 2024.01.08 |
|---|---|
| [HTML]table 태그 (0) | 2024.01.07 |
| [HTML] button 태그 (0) | 2024.01.07 |