[WEB] HTML이란? 개념, 주요 특징 정리

 

 

---

 

HTML 개념, 주요 특징 정리

---

간단하게 소개부터 시작하면  HTML(하이퍼텍스트 마크업 언어)은 웹 페이지의 구조를 정의하기 위한 표준 마크업 언어입니다. 추가적으로 "하이퍼텍스트"는 텍스트 간의 링크를 의미하며, 웹 페이지에서 다양한 요소들을 정의하고 구조화하는 역할을 합니다.

 

HTML은 웹 브라우저에서 페이지를 해석하고 표시하는 데 사용되며, 웹의 기본적인 구성 요소 중 하나입니다. 보통 웹개발, 프론트엔드 개발 등 분야들에서 많이 사용되는 편이나 개발 초기에서 우선순위로 배우기도 합니다. 이어서 어떤 특징을 가지고 있는지 정리해봤습니다.

 

 

HTML 주요 특징:

1. 먼저 HTML은 마크업 언어로, 태그를 사용하여 텍스트를 구조화하고 웹 페이지의 요소를 정의합니다. 각 요소는 태그로 시작하고 종료되며, 종료 태그는 일반적으로 시작 태그에 슬래시(/)를 붙여 나타냅니다.

 

 

2. HTML은 요소들을 중첩하여 사용함으로써 계층 구조를 형성합니다. 이 계층 구조를 통해 웹 페이지의 논리적인 구조를 정의할 수 있습니다. 대표적으로 <div>, <p> 등 테그들 자주 사용됩니다.

 

3. HTML은 텍스트뿐만 아니라 이미지, 오디오, 비디오 등 다양한 멀티미디어 요소를 지원하여 다양한 형식의 콘텐츠를 웹 페이지에 포함할 수 있습니다.

<img src="이미지주소" alt="대체 텍스트">
<audio src="오디오파일.mp3" controls></audio>
<video src="비디오파일.mp4" controls></video>

 

 

 

 

 

 

4.  HTML은 다른 웹 페이지로 연결하는 하이퍼링크를 생성할 수 있는 <a> 태그를 제공합니다.

 

5. 사용자로부터 데이터를 입력받기 위한 폼 요소들을 제공합니다. 텍스트 입력, 체크박스, 라디오 버튼 등 다양한 폼 요소를 활용할 수 있습니다.

<form action="/submit" method="post">
   <input type="text" name="username" placeholder="사용자명">
   <input type="password" name="password" placeholder="비밀번호">
   <button type="submit">제출</button>
</form>

마지막으로 정리해보자면 HTML은 웹 페이지의 기본 구성 요소로서, 웹 개발에서 필수적인 언어 중 하나입니다. 페이지의 구조를 정의하고 사용자와 상호작용할 수 있는 환경을 만들기 위해 다양한 HTML 요소들을 조합하여 사용합니다.

 

---

 

 

 

 

 

 

 

---

 

 

 

[프론트엔드 면접] HTML과 HTML5의 차이점은?

[프론트엔드 면접] HTML과 HTML5의 차이점은?