Revision 382267 of HTML

<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> is the language used to create web pages and other types of documents viewable in a browser. More precisely, HTML is the language that describes the structure and the semantic content of a document. The content is tagged with HTML elements like <code>&lt;img&gt;</code>, <code>&lt;title&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;div&gt;</code>, …</p>
<p>HTML is an international standard whose specifications are maintained by the <a class="external" href="https://www.w3.org/">World Wide Web Consortium</a> and the <a href="https://www.whatwg.org/" title="https://www.whatwg.org/">WHATWG</a>.</p>
<p>HTML is considered a <em>living standard</em> and is technically under continuous development. That always-current version of the HTML specification is referred to as <strong>HTML5</strong>.</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="https://stackoverflow.com/questions/tagged/html" title="https://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="https://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>Recent versions of Firefox include built-in <a href="/en-US/docs/Tools#Integrated_into_Firefox" title="/en-US/docs/Tools#Integrated_into_Firefox">Web Developer tools</a>, such as the <a href="/en-US/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">Web Console</a>, <a href="/en-US/docs/Tools/Page_Inspector" title="/en-US/docs/Tools/Page_Inspector">Page Inspector</a>, <a href="/en-US/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">Style Editor</a>, and <a href="/en-US/docs/Tools/Responsive_Design_View" title="/en-US/docs/Tools/Responsive_Design_View">Responsive Design View</a> that assist with developing, debugging, and improving Web pages</li>
      <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="https://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="https://tidy.sourceforge.net/">HTML Tidy</a></li>
      <li><a class="external" href="https://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>