HTML

  • Revision slug: HTML
  • Revision title: HTML
  • Revision id: 338299
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

HTML5 Demos

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

The logo of HTML

HyperText Markup Language (HTML) is the language used to created web pages and other types of documents viewable in a browser. HTML is an international standard whose specifications are maintained by the World Wide Web Consortium. Although the HTML5 specification still technically under development, it's considered a "living standard," and is essentially an always-current version of the HTML specification.

Documentation about HTML

Introduction to HTML
The 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 quetion. If not you will be able to ask your question there.

Don't forget about the netiquette...

Tools easing HTML development

View All...

 

Revision Source

<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 created web pages and other types of documents viewable in a browser. HTML is an international standard whose specifications are maintained by the <a class="external" href="http://www.w3.org/">World Wide Web Consortium</a>. Although the <a href="/en-US/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a> specification still technically under development, it's considered a "living standard," and is essentially an always-current version of the HTML specification.</p>
<div class="cleared row 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>
        The 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 quetion. 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>
Revert to this revision