.HTML 파일 확장자

HTML은 웹 브라우저가 웹페이지를 해석하고 표시할 수 있도록 Tim Berners-Lee와 CERN의 다른 엔지니어들이 1991년에 도입했습니다. 출시 이후 HTML은 웹 개발의 표준이 되었으며 여러 차례 개정되었습니다. 여기에는 HTML 2(1995년), HTML 3(1997년 1월), HTML 4(1997년 12월), HTML 5(2014년)가 포함됩니다.

Web Hypertext Application Technology Working Group(WHATWG)은 HTML을 개발하고 발전시킵니다. 이 그룹은 2004년에 설립되었으며 Google, Microsoft, Apple, Mozilla를 비롯한 주요 브라우저 개발업체로 구성되어 있습니다.

이 마크업 언어에는 웹페이지의 구조를 구성하는 HTML 요소가 있습니다. 일반적으로 각 요소에는 꺾쇠괄호로 묶인 여는 태그(<tag>)와 태그 앞에 슬래시가 추가된 꺾쇠괄호로 묶인 닫는 태그(</tag>)가 포함됩니다.

기본 요소의 예는 다음과 같습니다.

• <head> - 웹페이지에 대한 메타데이터를 포함하는 데 사용되는 Head 태그
• <body> - 웹페이지의 본문을 정의하는 Body 태그
• <h1> - 웹페이지에 텍스트 제목을 만드는 데 사용되는 텍스트 헤더 태그
• <p> - 웹페이지에서 단락을 정의하는 데 사용되는 단락 태그
• <img> - 웹페이지에 이미지를 삽입하는 데 사용되는 이미지 태그
• <ul> - 웹페이지에 글머리 기호 목록을 만드는 순서 없는 목록
• <div> - 웹페이지에 섹션을 만드는 데 사용되는 구분 태그

시간이 지나면서 웹페이지를 향상하기 위해 Cascading Style Sheets(CSS) 및 JavaScript와 같은 다른 웹 기술이 도입되었습니다. 최신 HTML 웹페이지에서는 CSS 또는 JavaScript 코드나 .CSS 또는 .JS 파일에 대한 참조를 자주 볼 수 있습니다.

웹 개발자는 HTML 파일을 작성하고 편집한 다음, 사용자가 웹페이지를 방문할 때 웹 브라우저가 해석하는 웹 서버에 업로드하는 경우가 많습니다. 일반적인 인터넷 사용자라면 웹 브라우저가 백그라운드에서 HTML을 해석하므로 HTML 소스 코드를 볼 가능성은 낮습니다.

하지만 브라우저별로 다음 단계를 따르면 웹 브라우저에서 웹페이지의 HTML을 볼 수 있습니다.

• Google Chrome(Windows) - More tools → Developer tools 선택
• Google Chrome(Mac) - View → Developer → View Source 선택
• Mozilla Firefox - Web Developer → Page Source 선택
• Microsoft Edge - More tools → Developer tools 선택
• Apple Safari - Develop → Show Page Source 선택

참고: 정적 웹사이트의 대부분 페이지에는 .html 확장자가 있는 반면, 동적 웹사이트의 페이지에는 .php 또는 .asp 확장자가 있을 수 있습니다.