HTML(HyperText Markup Language, 하이퍼텍스트 마크업 언어)은 웹 페이지의 콘텐츠와 구조를 정의하는 마크업 언어다. 제목, 문단, 목록, 링크, 이미지, 멀티미디어, 폼 등 콘텐츠의 종류를 요소로 표시해 브라우저가 문서를 해석하고 화면에 나타낼 수 있게 한다.[4][5]
1. 개요
2. 요소와 속성의 기본 문법
HTML 요소는 보통 여는 태그, 내용, 닫는 태그로 이루어진다. 예를 들어 <p>안내 문장</p>에서 <p>와 </p>는 문단의 시작과 끝을 나타내고, 그 사이의 텍스트가 내용이다.[2]
태그를 닫지 않으면 브라우저에서 예상과 다른 결과가 나타날 수 있다. 태그 안에 속성을 추가하면 요소에 관한 정보를 지정할 수 있으며, 요소 이름과 속성 값 사이에는 공백이 필요하다.[2]
<a> 요소는 텍스트를 하이퍼링크로 만들며, href 속성에 이동할 주소를 지정한다. target="_blank"는 링크를 새 탭에서 열도록 하고, title은 링크에 관한 추가 정보를 제공한다.[2]
3. HTML 문서의 기본 구조
HTML 문서 예시에서 <html> 요소는 문서 전체를 감싸며, 그 안에 <head>와 <body>가 들어간다. <head>에는 문서 제목, 문자셋 같은 메타데이터와 CSS 연결 정보 등을 둘 수 있다.[2][4]
<head>의 내용은 페이지가 로드될 때 브라우저 화면에 표시되지 않는다. 반면 <body>에는 제목이나 문단처럼 페이지에 표시할 콘텐츠를 작성한다.[3][4]
예를 들어 <title> 요소에 문서 제목을 두고 <body> 안에 <h1> 제목과 <p> 문단을 배치할 수 있다. 브라우저는 HTML 문서를 해석해 이 구조를 페이지로 표시한다.[2][4]