mozilla

Revision 352859 of HTML

  • 리비전 슬러그: HTML
  • 리비전 제목: HTML
  • 리비전 아이디: 352859
  • 제작일시:
  • 만든이: 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입니다.

Documentation about HTML

Introduction to HTML
This page provides basic information on syntax and semantics of an HTML page (document). This will provide basic information required to develop HTML documents.
HTML element reference
Get details about each element supported by different browsers.
HTML attributes list
See all attributes and what elements they are associated with.
HTML5
Learn about the new HTML5 APIs and elements along with their support.
HTML Forms Guide
HTML forms are a complex part of HTML. This guide will help you mastering them, from structure to styling, from browser support to custom controls.
Bad copy-pasting habits
Web technologies are very often learned by viewing sources of other pages and copy-pasting. However, this often means that bad habits perpetuate. This page lists some of these bad patterns and show you can achieve their goal the right way.
Drawing Graphics with Canvas
A new HTML element for programmable graphics. <canvas> can be used for rendering graphs, UI elements, and other custom graphics on the client.
Tips for Authoring Fast-loading HTML Pages
An optimized web page not only provides for a more responsive site for your visitors, but also reduces the load on your web servers and internet connection.

View All...

Getting help from the community

You need help on a HTML-related problem and can't find the solution in the documentation?

  • Consult the dedicated Mozilla forum : {{DiscussionList("dev-tech-html", "mozilla.dev.tech.html")}}
  • Go to Stack Overflow, a collaboratively built and maintained Q&A site and look if you can find the answer to your question. If not you will be able to ask your question there.

Don't forget about the netiquette...

Tools easing HTML development

View All...

 

리비전 소스

<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">Documentation about HTML</h2>
    <dl>
      <dt>
        <a href="/en-US/docs/HTML/Introduction" title="Introduction to HTML"><strong>Introduction to HTML</strong></a></dt>
      <dd>
        This page provides basic information on syntax and semantics of an HTML page (document). This will provide basic information required to develop HTML documents.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Element" title="HTML/Element">HTML element reference</a></dt>
      <dd>
        Get details about each element supported by different browsers.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Attributes" title="HTML/Attributes">HTML attributes list </a></dt>
      <dd>
        See all attributes and what elements they are associated with.</dd>
      <dt>
        <a href="/en-US/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></dt>
      <dd>
        Learn about the new HTML5 APIs and elements along with their support.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Forms" title="HTML/Forms">HTML Forms Guide</a></dt>
      <dd>
        HTML forms are a complex part of HTML. This guide will help you mastering them, from structure to styling, from browser support to custom controls.</dd>
      <dt>
        <a href="/en-US/docs/Web_development/Historical_artifacts_to_avoid" title="HTML/Bad_copy_pasting_habits">Bad copy-pasting habits</a></dt>
      <dd>
        Web technologies are very often learned by viewing sources of other pages and copy-pasting. However, this often means that bad habits perpetuate. This page lists some of these bad patterns and show you can achieve their goal the right way.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Canvas/Drawing_Graphics_with_Canvas" title="Drawing_Graphics_with_Canvas">Drawing Graphics with Canvas</a></dt>
      <dd>
        A new HTML element for programmable graphics. <code>&lt;canvas&gt;</code> can be used for rendering graphs, UI elements, and other custom graphics on the client.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages" title="HTML/Tips for authoring fast-loading HTML pages">Tips for Authoring Fast-loading HTML Pages</a></dt>
      <dd>
        An optimized web page not only provides for a more responsive site for your visitors, but also reduces the load on your web servers and internet connection.</dd>
    </dl>
    <p><span class="alllinks"><a href="/en-US/docs/tag/HTML" title="Article tagged: HTML">View All...</a></span></p>
  </div>
  <div class="section">
    <h2 class="Community" id="Community" name="Community">Getting help from the community</h2>
    <p>You need help on a HTML-related problem and can't find the solution in the documentation?</p>
    <ul>
      <li>Consult the dedicated Mozilla forum : {{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>, a collaboratively built and maintained Q&amp;A site and look if you can find the answer to your question. If not you will be able to ask your question there.</li>
    </ul>
    <p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html">Don't forget about the <em>netiquette</em>...</a></span></p>
    <h2 class="Tools" id="Tools" name="Tools">Tools easing HTML development</h2>
    <ul>
      <li>Firefox' <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a><span class="external">, a popular</span> extension of that navigator that allows to edit live CSS on watched sites. Very practical to test some changes, though this extension does much more.</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">View All...</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> used to give style to HTML.</li>
      <li>The <a href="/en-US/docs/Document_Object_Model_(DOM)" title="Document Object Model (DOM)">Document Object Model (DOM)</a> is the representation of an HTML document as a tree.</li>
      <li><a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> is the <a href="/en-US/docs/XML" title="XML">XML</a> version of the language.</li>
    </ul>
  </div>
</div>
<p>&nbsp;</p>
현재 리비전 복원