각 HTML 태그는 특정한 목적과 의미를 가지며, 웹 페이지의 구조와 내용을 구성하는 데 사용됩니다. 다음은 일반적인 HTML 태그의 기본 사용 용도에 대한 예시입니다.
<html>: 문서의 루트 요소로, 모든 HTML 요소를 감싸며 전체 문서의 구조를 정의합니다.
<head>: 문서의 메타 정보를 포함하는 부분으로, 제목, 스타일 시트, 스크립트 등을 정의합니다.
<title>: 웹 페이지의 제목을 설정하며, 브라우저의 제목 표시줄이나 북마크에 표시됩니다.
<meta>: 문서의 메타 정보를 지정하는 태그로, 문자 인코딩, 뷰포트 설정 등을 정의합니다.
<link>: 외부 스타일 시트, 아이콘 등을 문서와 연결하는 태그입니다.
<style>: 문서 내부에서 CSS 스타일을 정의하는 태그입니다.
<body>: 실제 컨텐츠를 포함하는 부분으로, 텍스트, 이미지, 링크 등을 배치합니다.
<h1>, <h2>, ..., <h6>: 제목을 나타내는 태그로, 숫자가 클수록 낮은 수준의 제목을 나타냅니다.
<p>: 단락을 나타내는 태그로, 텍스트를 문단으로 그룹화합니다.
<a>: 하이퍼링크를 생성하는 태그로, 다른 웹 페이지나 파일로 연결합니다.
<img>: 이미지를 삽입하는 태그로, 웹 페이지에 이미지를 표시합니다.
<ul>,<ol>, <li>: 목록을 생성하는 태그로, 정렬되지 않은 목록(<ul>)과 순서 있는 목록(<ol>)을 만들 수 있습니다.
<div>: 구획을 나누는 데 사용되는 태그로, 스타일링을 적용하기 위해 또는 레이아웃을 구성하기 위해 사용됩니다.
<span>: 텍스트의 작은 부분에 스타일이나 클래스를 적용하기 위한 태그입니다.
<form>: 입력 양식을 생성하는 태그로, 사용자로부터 정보를 수집할 때 사용됩니다.
<input>: 다양한 유형의 입력 필드를 생성하는 태그입니다. 텍스트 박스, 라디오 버튼, 체크 박스 등이 있습니다.
<button>: 클릭 가능한 버튼을 생성하는 태그입니다.
<table>, <tr>, <td>: 테이블을 생성하는 태그로, 행(<tr>)과 셀(<td>)을 구성하여 데이터를 표현합니다.
이 외에도 다양한 HTML 태그들이 있으며, 각각의 태그는 특정한 역할을 수행하여 웹 페이지의 구조와 내용을 조작하고 표현합니다.
