HTML은 HyperText Markup Language의 약자로, 웹 페이지를 만들기 위해 사용되는 마크업 언어입니다. HTML은 웹 페이지의 구조와 내용을 정의하는데 사용되며, 텍스트, 이미지, 링크 등 다양한 요소를 표시하고 구성하는 데 도움을 줍니다. HTML은 웹 브라우저에 의해 해석되어 사용자가 볼 수 있는 웹 페이지로 변환됩니다.
HTML 문서는 태그(Tag)라고 하는 여러 요소들로 구성되며, 각 태그는 해당 요소의 역할을 정의합니다. HTML 문서는 일반적으로 다음과 같은 구조를 가지고 있습니다
HTML 문서는 <!DOCTYPE html>로 시작하여 문서의 타입을 정의한 후 <html> 요소로 감싸집니다. <html> 요소 내부에서는 <head>와 <body>로 구분되는데, <head>는 문서의 메타데이터와 외부 리소스를 정의하고, <body>는 실제 웹 페이지의 내용을 포함합니다.
주요 HTML 태그 중 일부는 다음과 같습니다:
제목 태그: <h1>, <h2>, <h3>, ..., <h6> - 제목을 나타내는 태그로 숫자가 작을수록 더 큰 제목을 나타냅니다.
문단 태그: <p> - 단락을 나타내는 태그로, 텍스트를 문단으로 구분할 때 사용됩니다.
링크 태그: <a> - 하이퍼링크를 생성하는 태그로, href 속성을 사용하여 링크 주소를 지정합니다.
이미지 태그: <img> - 이미지를 삽입하는 태그로, src 속성을 사용하여 이미지 주소를 지정하고 alt 속성을 사용하여 이미지에 대한 대체 텍스트를 제공합니다.
목록 태그: <ul>, <ol>, <li> - 순서 없는 목록(<ul>), 순서 있는 목록(<ol>), 그리고 목록 항목(<li>)을 나타내는 태그입니다.
테이블 태그: <table>, <tr>, <th>, <td> - 표를 만들기 위해 사용되는 태그입니다. <table>은 표 전체를, <tr>은 행을, <th>는 표 헤더 셀을, <td>는 데이터 셀을 나타냅니다.
폼 태그: <form>, <input>, <button> - 사용자 입력을 받기 위해 사용되는 태그입니다. <form>은 입력 양식 전체를, <input>은 입력 필드를, <button>은 버튼을 나타냅니다.
더 많은 태그: <div>, <span>, <br>, <hr>, <strong>, <em> 등 여러 다른 태그가 있습니다.
HTML은 웹 페이지의 기본 구조를 정의하는 것이며, CSS(Cascading Style Sheets)와 JavaScript와 함께 사용하여 웹 페이지를 더욱 풍부하고 동적으로 만들 수 있습니다.