HTML 요소
<p>HTML(HyperText Markup Language)은 웹 페이지를 만드는 데 사용되는 표준 마크업 언어입니다. HTML 요소는 웹 페이지의 구조와 콘텐츠를 정의하는 빌딩 블록입니다.
<h2>기본 요소</h2>
<ul>
<li><code><html></code>: 웹 페이지의 루트 요소</li>
<li><code><head></code>: 메타데이터(제목, 설명, 키워드) 및 스타일시트를 포함하는 헤더 부분</li>
<li><code><body></code>: 웹 페이지의 주요 콘텐츠를 포함하는 바디 부분</li>
<li><code><p></code>: 문단</li>
<li><code><h1></code>: 가장 큰 제목</li>
<li><code><h2></code>: 중간 제목</li>
<li><code><h3></code>: 작은 제목</li>
<li><code><ol></code>: 순서가 있는 목록</li>
<li><code><ul></code>: 순서가 없는 목록</li>
<li><code><li></code>: 목록의 항목</li>
<li><code><a></code>: 하이퍼링크</li>
<li><code><img></code>: 이미지</li>
</ul>
<h2>구조적 요소</h2>
<ul>
<li><code><div></code>: 일반적인 목적의 컨테이너</li>
<li><code><span></code>: 인라인 요소를 그룹화하는 컨테이너</li>
<li><code><header></code>: 웹 페이지의 헤더</li>
<li><code><footer></code>: 웹 페이지의 푸터</li>
<li><code><main></code>: 웹 페이지의 주요 콘텐츠</li>
<li><code><aside></code>: 웹 페이지의 측면 패널</li>
<li><code><nav></code>: 웹 페이지의 내비게이션 막대</li>
</ul>
<h2>인라인 요소</h2>
<ul>
<li><code><b></code>: 굵은 글씨</li>
<li><code><i></code>: 기울임 글씨</li>
<li><code><u></code>: 밑줄</li>
<li><code><strong></code>: 강조</li>
<li><code><em></code>: 강세</li>
<li><code><mark></code>: 강조</li>
<li><code><del></code>: 삭제선</li>
<li><code><ins></code>: 삽입선</li>
</ul>
<h2>미디어 요소</h2>
<ul>
<li><code><video></code>: 비디오</li>
<li><code><audio></code>: 오디오</li>
<li><code><iframe></code>: 다른 웹 페이지 또는 애플리케이션 삽입</li>
</ul>
<h2>폼 요소</h2>
<ul>
<li><code><form></code>: 사용자가 데이터를 웹 서버에 제출하는 폼</li>
<li><code><input></code>: 텍스트 입력, 체크박스, 라디오 버튼</li>
<li><code><select></code>: 드롭다운 목록</li>
<li><code><button></code>: 버튼</li>
</ul>
<h2>결론</h2>
HTML 요소는 웹 페이지의 기본 구성 요소입니다. 이러한 요소를 이해하면 웹 페이지를 효과적이고 접근성 있게 만들 수 있습니다.
