HTML (하이퍼텍스트 마크업 언어)

하이퍼텍스트 마크업 언어(HTML)는 웹페이지를 만들고 보여주는데 사용됩니다.

HTML로 글에 "마크업"을 추가할 수 있습니다. "하이퍼 텍스트"는 오늘날의 월드 와이드 웹을 특징지우는 웹페이지를 서로 연결하는 것을 의미합니다. 인터넷에 웹페이지를 만들고 올려서 월드 와이드 웹의 참여자가 될 수 있습니다. HTML은 시각적인 이미지와 다른 형태의 미디어도 지원합니다. HTML은 웹 문서의 구조와 의미를 기술하는 언어입니다. 웹 페이지의 내용은 <img>, <title>, <p>, <div>, <picture> 등의 HTML 요소로 표시됩니다. 이 요소들은 웹사이트를 구성하는 기초 재료입니다.

아래의 글은 웹 개발 시 참고할 수 있는 자료입니다.

  • HTML 레퍼런스

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

  • HTML 가이드

    기초 설명부터 완성된 예제들 까지 HTML 사용법에 대해서는 HTML 개발자 가이드를 참고하세요.

  • HTML 소개

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

레퍼런스

Block-level elements
"Block-level" is categorization of HTML elements, as contrasted with "inline" elements. Block-level elements may appear only within a <body> element. Their most significant characteristic is that they typically are formatted with a line break before and after the element (thereby creating a stand-alone block of content).
Canvas
Focus management in HTML
Global attributes
글로벌 속성(Global attributes)은 표준으로 지정 되지 않은 HTML 요소을 포함해 모든 요소에 대해서도 사용 될 수 있습니다. 이는 더이상  HTML5에서 사용되지 않는 비표준 요소들에서 조차도 글로벌 속성이 적용된다는 걸 의미합니다. 예를 들어, HTML5를 준수하는 브라우저에서는 <foo>가 HTML요소로 표준은 아니지만, <foo hidden>...<foo>와 같이 사용하면 화면에 출력되지 않습니다.
HTML attribute reference
HTML의 요소들은 속성을 가지고 있습니다; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
HTML reference
HTML은 웹 문서의 구조와 의미적 내용을 기술하는 언어입니다; it consists of elements, each of which may be modified by some number of attributes.
HTML 요소 레퍼런스
이 페이지는 모든 HTML elements들을 나열합니다.
HTML5
HTML5는 HTML를 정의하는 표준화에 있어서의 최신 표준 명세입니다. HTML5 명세는 아직도 표준 지정이 완료되지 않았고 변경이 계속 진행 중입니다. 하지만, Mozilla 및 다른 웹 브라우저 벤더는 이미 사양 중  많은 부분에 대한 구현을 시작하고 있습니다. 여기에 링크 하고 있는 문서에서는 Firefox다른 많은 제품으로 사용되어 있는 Mozilla의 Gecko 엔진에 있어서 이미 기술 지원되어 있는 HTML5의 기능에 대해 설명하고 있습니다. 각각의 기능을 기술 지원하고 있는 Gecko 버전 및 다른 브라우저 엔진에 대해서는 지정된 페이지를 참조해 주십시오.
HTML5 문서의 섹션과 윤곽
HTML5 표준 명세서에선 웹 개발자에게 표준화된 의미론적 체계를 가지고 웹 문서의 구조를 표현하는데 사용될 수 있는 몇 개의 새로운 요소들을 선보였습니다. 이 문서에선 이 새로운 요소들의 의미와 함께 이 요소들을 가지고 문서의 윤곽을 의도한 대로 올바르게 정의하는 법을 설명해 드립니다.
HTML에서 폼
HTML5에서 폼 요소 (element) 및 속성은 HTML4에 비해 더 높은 수준의 시맨틱 (semantic) 마크업 (mark-up)을 제공하고, HTML4에서 요구되던 지루한 스크립팅과 스타일링을 많은 부분을 없애준다. 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.
Inline elements
인라인 엘리먼트는 body 태그 안에서만 사용됩니다. 인라인 엘리먼트와 블록 엘리먼트의 다른 점은 다음과 같습니다:
Introduction to HTML
브라우저로 웹 페이지를 볼 때, 여러분이 볼 수 있는 가장 단순한 형태는 단어입니다. 이러한 단어들은 글자 크기나 색상과 같은 다양한 스타일 속성을 가지고 있습니다. 그리고 대부분의 페이지에는 이미지가 있으며 비디오가 있을 수도 있습니다. 정보를 입력(또는 검색)하거나 여러분의 취향에 맞게 화면을 수정할 수 있는 양식도 있습니다. 페이지의 특정 부분만 변하는 애니메이션 콘텐츠도 종종 포함됩니다.
Using the application cache
HTML5 는 웹기반의 어플리케이션들이 오프라인에서도 실행되도록 해주느 어플리케이션 캐슁 메카니즘을 제공한다. Developers can use the Application Cache (AppCache) interface to specify resources that the browser should cache and make available to offline users. Applications that are cached load and work correctly even if users click the refresh button when they are offline.

모두 보기...

 

가이드와 기초 설명

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

Join the Web layout community

Choose your preferred method for joining the discussion:

문서 태그 및 공헌자

최종 변경: hyeonseok,
사이드바 숨기기