HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소입니다. HTML은 웹 페이지의 내용을 서술하고 정의하는 데 사용합니다. HTML 외에 웹 페이지의 모양과 표현을 서술하거나(CSS), 웹 페이지의 기능과 동작을 서술하는(JavaScript) 기술들도 있습니다.

"HyperText(하이퍼텍스트)"란 링크를 가리키는데, 여기에서 링크란 웹 페이지를 다른 웹 페이지나 같은 웹 페이지의 특정 부분과 연결하는 것을 말합니다. 링크는 웹의 근본적인 속성입니다. 인터넷에 자료를 올리고 다른 사람이 만든 웹페이지를 링크함으로써, 여러분은 월드 와이드 웹 세계의 능동적인 일원이 될 수 있습니다.

HTML은 웹 브라우저에 표시되는 글, 이미지 등의 다양한 컨텐츠를 표시하기 위해 "마크업"이라는 문법을 사용합니다. HTML 마크업은 미리 정해진 많은 "요소"를 사용하는데, 다음 목록은 그 예시입니다.

아래에서 HTML을 더 깊이 배워보세요.

  • HTML 레퍼런스

    MDN의 방대한 양의 레퍼런스는 HTML을 구성하는 요소와 속성에 대한 자세한 내용을 담고 있습니다.

  • HTML 가이드

    HTML 사용법과 튜토리얼, 풍부한 예제를 HTML 개발자 가이드에서 확인하세요.

  • HTML 소개

    웹 개발을 새로 시작하시는 분이라면 HTML이 무엇이고 어떻게 사용하는지에 대한 소개를 한번 확인해 보세요.

레퍼런스

Canvas API
HTML5에 추가된, HTML <canvas> 요소JavaScript에서 스크립트를 통해 그래픽을 그리는 데 사용될 수 있습니다. 예를 들어, 그래프 그리기, 사진 합성, 애니메이션 제작, 심지어 실시간 비디오 처리나 렌더링에도 쓰일 수 있습니다.
Focus management in HTML
Global attributes
전역 속성(Global attributes)은 모든 HTML 요소에 지정할 수 있으며, 심지어 표준에 명시되지 않은 요소에 대해서도 지정할 수 있습니다. 이는 어떠한 비표준 요소도 이 속성들을 허용해야 함을 의미합니다(이런 비표준 요소를 사용한다는 것은 해당 문서는 더 이상 HTML5를 준수하지 않는 것을 의미하지만). 예를 들어, <foo>라는 유효하지 않은 HTML 요소로 <foo hidden>...<foo>와 같이 사용하면 HTML5를 준수하는 브라우저는 해당 요소의 컨텐츠를 감춥니다(화면에 표시하지 않습니다).
HTML attribute reference
HTML의 요소들은 속성을 가지고 있습니다; 속성은 사용자가 원하는 기준에 맞도록 요소를 설정하거나 다양한 방식으로 요소의 동작을 조절하기 위한 값을 말합니다.
HTML reference
HTML은 웹 문서의 구조와 의미적 내용을 기술하는 언어입니다; it consists of elements, each of which may be modified by some number of attributes.웹 페이지의 내용은 여기에 있는 글은 웹을 개발하는 동안 참고할 수 있는 레퍼런스 자료입니다.
HTML 요소 레퍼런스
이 페이지는 모든 HTML elements들을 나열합니다.
HTML5 문서의 섹션과 아웃라인
HTML5 표준 명세서에서는 웹 개발자가 표준화된 의미론적 체계를 가지고 웹 문서의 구조를 표현할 수 있게 해주는 몇 개의 새로운 요소들을 선보였습니다. 이 문서에서는 이 새로운 요소들과 문서의 아웃라인을 의도한 대로 정의하는 법을 설명하고 있습니다.
HTML에서 폼
This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using forms, see our extensive HTML forms guide.
HTML에서 폼
This article summarizes changes to HTML forms introduced in HTML5. For a detailed guide to using forms, see our extensive HTML forms guide.
Inline elements
인라인 엘리먼트는 body 태그 안에서만 사용됩니다. 인라인 엘리먼트와 블록 엘리먼트의 다른 점은 다음과 같습니다:
Link types
다음 표에 나열된 링크 타입 속성은 HTML에서 두 문서간의 관계를 명시할 때 사용합니다. 이 때 <a>, <area>, or <link> 요소를 사용해 한 쪽에서 다른 쪽으로 향하는 연결고리를 만듭니다.
블럭-레벨 요소들
"블럭-레벨" 요소는 HTML 요소들 중에 한 카테고리 이며, "인라인"  요소와 대조적입니다. 블럭-레벨 요소는 <body> 요소 안에서만 표현되도록 합니다. 중요한 특성은 이러한 "블럭-레벨" 요소들은 해당 요소의 이전 요소와 이후 요소를 개행(줄바꿈)하는 특징을 가지고 있습니다. (독자적인  영역을 갖는 컨텐츠로 만듭니다)
애플리케이션 캐시 사용하기
HTML5 는 웹기반의 애플리케이션들이 오프라인에서도 실행되도록 해주는 애플리케이션 캐시 메카니즘을 제공한다. 개발자는 브라우저에 캐시되어 오프라인 사용자가 사용할 수 있도록 자원을 지정하기 위하여 애플리케이션 캐시(앱 캐시) 인터페이스를 사용할 수 있다. 캐시된 애플리케이션은 사용자가 오프라인 상태에서 새로고침을 클릭할 때 올바르게 불러와서 작동한다.
호환 모드와 표준 모드
과거 웹 페이지는 네스케이프 네비게이터(Netscape Navigator)를 위한 버전과 마이크로소프트 인터넷 익스플로러(Microsoft Internet Explorer)를 위한 버전, 두가지 버전으로 만들어졌다. W3C에 의해 웹 표준이 만들어질 당시, 기존 브라우저들은 새롭게 만들어진 표준을 기반으로 대부분의 웹 사이트들을 제대로 표현 할 수 없었다. 따라서, 브라우저들은 새로운 표준으로 제작된 사이트와 예전 방식으로 제작된 사이트를 렌더딩하기 위한 두 가지 모드를 제공했다.

모두 보기...

 

가이드와 기초 설명

HTML 개발자 가이드
HTML와 웹 콘텐츠를 제작할 때 사용할 수 있는 특정 기술을 보여주는 유용한 MDN 글입니다. 가이드에는 HTML 개발에 대한 수업과 힌트 정보가 담겨있습니다.

Join the Web layout community

Choose your preferred method for joining the discussion:

문서 태그 및 공헌자

최종 변경자: urty5656,