HTML

  • 리비전 슬러그: HTML
  • 리비전 제목: HTML
  • 리비전 아이디: 352861
  • 제작일시:
  • 만든이: arkido82@gmail.com
  • 현재 리비전인가요? 아니오
  • 댓글

리비전 내용

HTML5 Demos

A collection of demos showing the latest HTML technologies in action.

The logo of HTML

HyperText Markup Language (HTML)는 웹페이지 혹은 브라우저에서 볼 수 있는 기타 다른 문서를 만드는 데 사용되는 언어입니다. 더 정확히 말하자면, HTML은 문서의 구조와 의미를 표현하는 언어입니다. 문서의 내용은 <img>, <title>, <p>, <div> 등과 같은 태그로 표현됩니다. 

HTML은 국제 표준이며, World Wide Web Consortium WHATWG에 의해 제정, 유지되고 있습니다.

HTML 규약은 계속 바뀌면서 기술적으로 발전하고 있습니다. 현재 최신 버전은 HTML5입니다.

HTML 관련 문서

HTML 소개
이 문서는 HTML 페이지(문서)의 문법과 의미에 관한 기본 정보를 설명합니다. HTML 문서를 개발할 때 꼭 필요한 정보를 얻을 수 있습니다.
HTML 요소 참조 문서
다양한 브라우저가 지원하는 각 요소에 대한 세부적인 사항을 알 수 있습니다.
HTML 속성 목록
요소와 관련된 모든 속성을 볼 수 있습니다.
HTML5
새로운 HTML5 API 및 관련 요소를 배웁니다.
HTML 폼 안내서
폼(Form)은 HTML의 복잡한 부분입니다. 이 문서는 폼의 구조와 스타일, 그리고 브라우저 지원 컨트롤과 사용자 정의 컨트롤을 익히는 데 도움이 될 것입니다.
잘못된 복사-붙여넣기 습관
다른 페이지의 소스를 보고 복사-붙여넣기를 하면서 많은 웹 기술을 배울 수 있습니다. 하지만 이것은 나쁜 습관 역시 계속 퍼진다는 것을 의미합니다. 이 문서에서는 잘못된 패턴을 언급하고 그에 따른 올바른 방법도 제시하고 있습니다.
Canvas로 그래픽 그리기
<canvas>는 그래픽을 프로그래밍할 수 있는 새로운 HTML 요소입니다. 클라이언트에서 그래프나 UI 요소, 기타 다른 형식의 그래픽을 렌더링하는 데 사용됩니다.
로딩이 빠른 HTML 페이지를 작성하는 팁
최적화된 웹 페이지는 사이트 방문자들에게 좋은 반응을 얻을 뿐만 아니라 웹 서버 및 인터넷 연결 효율을 높여줍니다.

더 보기...

커뮤니티

해결책을 찾지 못한 HTML 관련 문제는 아래에서 도움을 받을 수 있습니다.

  • Mozilla 포럼 : {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}
  • Go to Stack Overflow, 많은 이들이 함께 만들고 유지하는 Q&A 사이트. 여러분의 질문에 대한 답을 찾아보십시오. 만약 답을 찾을 수 없다면 여러분이 직접 질문을 할 수도 있습니다.

네티켓을 잊지 마세요...

도구

더 보기...

 

리비전 소스

<div class="callout-box">
  <div style="font:normal 20px 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;">
    HTML5 Demos</div>
  <p>A <a href="https://developer.mozilla.org/en-US/demos/tag/tech:html5" title="demos/tag/tech:html5">collection of demos</a> showing the latest HTML technologies in action.</p>
  <p><a href="/en-US/docs/HTML/HTML5" title="html5"><img alt="The logo of HTML" class="default" longdesc="The latest version of HTML, HTML5, has a distinctive logo: a shield with the number 5 on it." src="/files/3563/HTML5_Logo_128.png" style="width: 128px; height: 128px;" /></a></p>
</div>
<p><strong>HyperText Markup Language (<em>HTML</em>)</strong>는 웹페이지 혹은 브라우저에서 볼 수 있는 기타 다른 문서를 만드는 데 사용되는 언어입니다. 더 정확히 말하자면, HTML은 문서의 구조와 의미를 표현하는 언어입니다.&nbsp;<code>문서의 내용은&nbsp;&lt;img&gt;</code>, <code>&lt;title&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;div&gt;&nbsp;</code><span style="line-height: inherit;">등과 같은 태그로 표현됩니다.&nbsp;</span></p>
<p><span style="line-height: inherit;">HTML은 국제 표준이며</span><span style="line-height: inherit;">, </span><a class="external" href="http://www.w3.org/" style="line-height: inherit;">World Wide Web Consortium</a>과<span style="line-height: inherit;">&nbsp;</span><a href="http://www.whatwg.org/" style="line-height: inherit;" title="http://www.whatwg.org/">WHATWG</a><span style="line-height: inherit;">에 의해 제정, 유지되고 있습니다.</span></p>
<p><span style="line-height: inherit;">HTML 규약은 계속 바뀌면서 기술적으로 발전하고 있습니다. 현재 최신 버전은 </span><strong>HTML5</strong><span style="line-height: inherit;">입니다.</span></p>
<div class="cleared topicpage-table">
  <div class="section">
    <h2 class="Documentation" id="Documentation" name="Documentation">HTML 관련 문서</h2>
    <dl>
      <dt>
        <a href="/en-US/docs/HTML/Introduction" title="Introduction to HTML"><strong>HTML 소개</strong></a></dt>
      <dd>
        이 문서는 HTML 페이지(문서)의 문법과 의미에 관한 기본 정보를 설명합니다. HTML 문서를 개발할 때 꼭 필요한 정보를 얻을 수 있습니다.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Element" title="HTML/Element">HTML 요소 참조 문서</a></dt>
      <dd>
        다양한 브라우저가 지원하는 각 요소에 대한 세부적인 사항을 알 수 있습니다.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Attributes" title="HTML/Attributes">HTML 속성 목록 </a></dt>
      <dd>
        요소와 관련된 모든 속성을 볼 수 있습니다.</dd>
      <dt>
        <a href="/en-US/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></dt>
      <dd>
        새로운 HTML5 API 및 관련 요소를 배웁니다.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Forms" title="HTML/Forms">HTML 폼 안내서 </a></dt>
      <dd>
        폼(Form)은 HTML의 복잡한 부분입니다. 이 문서는 폼의 구조와 스타일, 그리고 브라우저 지원 컨트롤과 사용자 정의 컨트롤을 익히는 데 도움이 될 것입니다.</dd>
      <dt>
        <a href="/en-US/docs/Web_development/Historical_artifacts_to_avoid" title="HTML/Bad_copy_pasting_habits">잘못된 복사-붙여넣기 습관 </a></dt>
      <dd>
        다른 페이지의 소스를 보고 복사-붙여넣기를 하면서 많은 웹 기술을 배울 수 있습니다. 하지만 이것은 나쁜 습관 역시 계속 퍼진다는 것을 의미합니다. 이 문서에서는 잘못된 패턴을 언급하고 그에 따른 올바른 방법도 제시하고 있습니다.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Canvas/Drawing_Graphics_with_Canvas" title="Drawing_Graphics_with_Canvas">Canvas로 그래픽 그리기 </a></dt>
      <dd>
        <code>&lt;canvas&gt;</code>는 그래픽을 프로그래밍할 수 있는 새로운 HTML 요소입니다. 클라이언트에서 그래프나 UI 요소, 기타 다른 형식의 그래픽을 렌더링하는 데 사용됩니다.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages" title="HTML/Tips for authoring fast-loading HTML pages">로딩이 빠른 HTML 페이지를 작성하는 팁 </a></dt>
      <dd>
        최적화된 웹 페이지는 사이트 방문자들에게 좋은 반응을 얻을 뿐만 아니라 웹 서버 및 인터넷 연결 효율을 높여줍니다.</dd>
    </dl>
    <p><span class="alllinks"><a href="/en-US/docs/tag/HTML" title="Article tagged: HTML">더 보기...</a></span></p>
  </div>
  <div class="section">
    <h2 class="Community" id="Community" name="Community">커뮤니티</h2>
    <p>해결책을 찾지 못한 HTML 관련 문제는 아래에서 도움을 받을 수 있습니다.</p>
    <ul>
      <li>Mozilla 포럼 : {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}</li>
      <li>Go to <a href="http://stackoverflow.com/questions/tagged/html" title="http://stackoverflow.com/questions/tagged/css">Stack Overflow</a>, 많은 이들이 함께 만들고 유지하는 Q&amp;A 사이트. 여러분의 질문에 대한 답을 찾아보십시오. 만약 답을 찾을 수 없다면 여러분이 직접 질문을 할 수도 있습니다.</li>
    </ul>
    <p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html"><em>네티켓</em>을 잊지 마세요...</a></span></p>
    <h2 class="Tools" id="Tools" name="Tools">도구</h2>
    <ul>
      <li>Firefox' <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a><span class="external">, </span> 화면에 보이는 사이트의 CSS를 편집할 수 있는 확장 기능. 많은 기능이 있지만 특히 페이지의 변경 사항을 테스트하는 데 실용적입니다. </li>
      <li><a class="external" href="http://validator.w3.org/">HTML Validator</a></li>
      <li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer Extension</a></li>
      <li><a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a></li>
      <li><a class="external" href="http://prettydiff.com/?html">Pretty Diff</a></li>
    </ul>
    <p><span class="alllinks"><a href="/en-US/docs/tag/HTML:Tools" title="Article tagged: HTML:Tools">더 보기...</a></span></p>
    <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">Related Topics</h2>
    <ul>
      <li>The <a href="/en-US/docs/CSS" title="CSS">Cascading Style Sheets (CSS)</a> HTML 문서에 스타일을 지정합니다. </li>
      <li>The <a href="/en-US/docs/Document_Object_Model_(DOM)" title="Document Object Model (DOM)">Document Object Model (DOM)</a> HTML 문서를 트리 구조로 표현합니다. </li>
      <li><a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> HTML 언어의 <a href="/en-US/docs/XML" title="XML">XML</a> 버전입니다. </li>
    </ul>
  </div>
</div>
<p>&nbsp;</p>
Revert to this revision