HTML은 하 Hypertext Markup Language의 약자로 웹사이트, 웹페이지 및 웹기반 애플리케이션을 만드는 데 사용되는 코드를 말합니다.
HTML이란 무엇인가요?
HTML은 웹페이지 또는 웹문서의 콘텐츠와 레이아웃을 설명하는데 도움이 되는 Markup Language 입니다. 웹페이지는 텍스트, 이미지, 동영상, 사운드 및 하이퍼링크 등이 포함된 텍스트 파일입니다. HTML은 문서의 각 부분을 식별하고 브라우저에서 표시하는 방법을 알려주는데 태그(Tag)와 속성(attributes)으로 구성됩니다. 그리고 HTML 페이지의 모임은 웹사이트와 WWW(World Wide Web)을 구성하게 됩니다.
HTML의 기능과 활용분야
HTML은 뛰어난 기능으로 인해 다양한 산업 분야에서 널리 사용되고 있습니다. HTML의 주요 특징과 기능은 다음과 같습니다.
주요 기능
- Markup Language
- 배우기 쉽고, 사용 및 구현하기 쉬움
- 가벼움
- 유연성을 가지고 있음
- 플랫폼 독립성
- 대부분의 브라우저에서 지원함
- 다른 프로그래밍 언어와 쉽게 통합 운영 가능
- 대소문자 구분이 없음
HTML의 주요 활용 분야
- 웹페이지 개발
- 인터넷 탐색 기능
- 웹문서 생성
- 반응형 웹페이지 개발
- 웹게임 개발
HTML의 기본 구조
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>First Heading</h1>
<p>First paragraph.</p>
<p>Second paragraph.</p>
</body>
</html>
HTML의 요소
웹페이지의 기본 구성 요소는 HTML의 요소들로 구성되어 있습니다. HTML 페이지는 다양한 태그와 속성으로 구성된 HTML 요소 집합으로 구성됩니다. 태그는 웹 브라우저에 웹페이지 요소의 시작과 끝을 알려주는 역할을 하며, 속성은 요소의 특성을 정의합니다.
요소는 3부분으로 구성되는데,
1. 시작태그 - 페이지를 구성하는 요소가 시작되는 위치를 설명하는 tag입니다.
2.. 콘텐츠 - 사용자에게 표시할 정보입니다.
3. 마침태그 - tag를 닫는 부분을 표시합니다.
→ tag는 시작태그(여는 대괄호) <>와 마침태그(닫는 대괄호)</>로 묶여 있습니다.
기본 태그
!DOCTYPE: 문서의 유형을 정의합니다.
html /html tag: 문서를 HTML 문서로 식별합니다.
head /head tag: 메타데이터 또는 문서 제목, 스타일 정의, 사용된 스크립트 등 문서와 관련된 정보를 포함합니다.
title /title tag: 브라우저 창 상단에 표시되는 문서 제목을 포함합니다.
body /body tag: 브라우저에 표시하려는 tag, 속성 및 정보로 구성됩니다.
h1 /h1: 웹 페이지의 타이틀 수준의 제목을 설명합니다.
HTML의 역사
HTML은 1991년 말 HTML은 1991년 말 Tim Berners-Lee에 의해 개발되었습니다. 1993년에 개발자용 HTML 1.0 버전이 출시되었고, HTML의 최신 버전인 HTML5는 2008년에 일반에 처음 공개되었습니다. 2014년에 대대적인 업데이트와 함께 'W3C 권고' 지위를 받았습니다.
1989년: 팀 버너스 리가 (Tim Berners-Lee)가 월드 와이드 웹 (World Wide Web)을 처음 제안하며 HTML의 토대를 마련했습니다.
1990년: HTML 0.9 버전이 처음 출시되었습니다. 텍스트, 헤딩, 링크 등 기본적인 문서 구조를 정의했습니다.
1991년: HTML 1.0 버전이 출시되어 이미지, 표, 폰트 등의 기능이 추가되었습니다.
1992년: HTML 2.0 버전이 출시되어 더욱 발전된 문서 구조와 형식 요소들이 도입되었습니다.
1993년: Mosaic 웹 브라우저의 등장과 함께 HTML이 널리 사용되기 시작했습니다.
1995년: W3C (World Wide Web Consortium)가 설립되어 HTML 표준화를 주도하기 시작했습니다.
1997년: HTML 3.2 버전이 W3C 권장 사항으로 채택되었습니다.
1998년: HTML 4.0 버전이 W3C 권장 사항으로 채택되었습니다.
2004년: XHTML 1.0 버전이 W3C 권장 사항으로 채택되었습니다. XML 기반으로 정의된 새로운 HTML 표준이었지만, 이후 HTML5의 등장으로 인해 주요 역할을 하지 못했습니다.
2008년: HTML5 버전이 W3C 권장 사항으로 채택되었습니다. 웹 애플리케이션 개발을 위한 다양한 기능들이 추가되어 현재까지도 지속적으로 업데이트되고 있습니다.
2014년: HTML5.1 버전이 W3C 권장 사항으로 채택되었습니다.
W3C 권장 사항
W3C 권장 사항 (W3C Recommendation)은 W3C에서 정의하고 승인한 기술 표준 또는 지침입니다. 웹 기술의 경우, W3C 권장 사항은 웹 브라우저와 웹 개발 도구가 준수해야 하는 기준을 제시하며, 웹 개발자들이 웹 페이지를 제작할 때 따라야 할 최적의 실무 방식을 제시합니다.
HTML은 W3C 권장 사항의 대표적인 예시이며, 다음과 같은 특징을 지닙니다:
공개성: W3C 권장 사항은 누구나 공개적으로 검토하고 의견을 제시할 수 있는 투명한 프로세스를 통해 개발됩니다.
국제성: W3C는 전 세계 다양한 기관과 개인들의 참여를 통해 국제적으로 인정받는 표준을 개발합니다.
안정성: W3C 권장 사항은 충분한 검토와 테스트를 거쳐 승인되므로 높은 안정성을 지닙니다.
호환성: W3C 권장 사항을 준수하는 웹 페이지는 다양한 웹 브라우저와 기기에서 일관되게 표시됩니다.
W3C 권장 사항은 웹 기술의 발전과 표준화에 중요한 역할을 하며, 웹 개발자들이 웹 페이지를 제작할 때 참고해야 할 필수적인 지침입니다.
HTML와 CSS, JavaScript
HTML은 콘텐츠에 텍스트 요소를 추가하고 구조를 만드는 데 도움을 주지만 HTML만으로는 완벽하게 반응하는 웹사이트를 개발하기 어렵거나 코딩하기 어려운 경우가 많습니다. 때문에 HTML은 대부분의 웹사이트 콘텐츠를 제작할 때 CSS(Cascading Style Sheets) 및 JavaScript를 함께 구성하게 됩니다. CSS는 색상, 배경, 레이아웃, 애니메이션과 같은 스타일을 추가하는 데 도움이 되며 JavaScript는 팝업, 슬라이더와 같은 기능을 추가하는 데 도움을 줍니다.
'HTML 공부' 카테고리의 다른 글
손상된 한글 문서와 삭제된 파일, 이렇게 하면 되살릴 수 있습니다! (0) | 2024.12.14 |
---|---|
Google 블로그 스팟에서 줄간격 조절하는 방법: 완벽 가이드 (1) | 2024.09.24 |
HTML 색상 코드 지정방법 (0) | 2024.07.27 |
HTML에서 div와 span 태그는 어떻게 다른가요 (0) | 2024.07.26 |
웹페이지, 웹사이트,웹서버, 검색엔진은 어떻게 다른가요? (1) | 2024.07.23 |