HTML

  • Revision slug: HTML
  • Revision title: HTML
  • Revision id: 34902
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment 34 words added

Revision Content

HTML5 Demos

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

HyperText Markup Language (HTML) is used in the creation of 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. The current version of HTML is HTML 4.01, but the HTML5 specification is in development.

Documentation about HTML

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.
Canvas tutorial
<canvas> is a new HTML element which can be used to draw graphics using scripting (usually JavaScript). It can for instance be used to draw graphs, make photo compositions or do simple (and not so simple) animations.
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.
The Importance of Correct HTML Commenting
When authoring HTML in standards mode, incorrectly formed comments can break your pages, resulting in part or all of your content being commented out. When authoring XHTML or XML, incorrect comments will result in your documents not being able to be displayed at all.
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.
HTML Extensions
Supported HTML tags not defined in the standard.

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") }}

Tools easing HTML development

View All...

Related Topics

CSS, DOM, XHTML, XML, Canvas

{{ languages( { "de": "de/HTML", "es": "es/HTML", "fr": "fr/HTML", "en": "en/HTML", "it": "it/HTML", "ja": "ja/HTML", "ko": "ko/HTML", "pl": "pl/HTML", "pt": "pt/HTML", "ru": "ru/HTML", "zh-cn": "cn/HTML", "zh-tw": "zh_tw/HTML" } ) }}

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="/en-US/demos/tag/tech:html5" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3/">collection of demos</a> showing the latest HTML technologies in action.</p>
</div>
<p><strong>HyperText Markup Language (HTML)</strong> is used in the creation of 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>. The current version of HTML is <a class="external" href="http://www.w3.org/TR/html4/">HTML 4.01</a>, but the <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">HTML5</a> specification is in development.</p>
<table class="topicpage-table"> <tbody> <tr> <td style="width: 60%; padding-right: 75px"> <h3 name="Documentation" style="padding:12px 18px 8px 65px;min-height:48px;margin:-0px -0px 1em;background:transparent url('../media/img/icons-sections.png') 0 0px no-repeat;font:normal 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;border-style:none;">Documentation about HTML</h3> <dl> <dt><a class="internal" href="/en/HTML/Element" title="En/HTML/Element">HTML element reference</a></dt> <dd>Get details about each element supported by different browsers.</dd> <dt><a class="internal" href="/en/HTML/Attributes" title="En/HTML/Element">HTML attributes list </a></dt> <dd>See all attributes and what elements they are associated with.</dd> <dt><a href="/en/HTML/HTML5" title="en/HTML/HTML5">HTML5</a></dt> <dd>Learn about the new HTML5 APIs and elements along with their support.</dd> </dl> <dl> <dt><a href="/en/Canvas_tutorial" title="en/Canvas_tutorial">Canvas tutorial</a></dt> <dd><code>&lt;canvas&gt;</code> is a new HTML element which can be used to draw graphics using scripting (usually <a href="/en/JavaScript" title="en/JavaScript">JavaScript</a>). It can for instance be used to draw graphs, make photo compositions or do simple (and not so simple) animations.</dd> </dl> <dl> <dt><a href="/en/Drawing_Graphics_with_Canvas" title="en/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/The_Importance_of_Correct_HTML_Commenting" title="en/The_Importance_of_Correct_HTML_Commenting">The Importance of Correct HTML Commenting</a></dt> <dd>When authoring HTML in <a href="/en/Mozilla's_DOCTYPE_sniffing" title="en/Mozilla's_DOCTYPE_sniffing">standards mode</a>, incorrectly formed comments can break your pages, resulting in part or all of your content being commented out. When authoring <a href="/en/XHTML" title="en/XHTML">XHTML</a> or <a href="/en/XML" title="en/XML">XML</a>, incorrect comments will result in your documents not being able to be displayed at all.</dd> <dt><a href="/en/HTML/Tips_for_authoring_fast-loading_HTML_pages" title="en/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> <dt><a class="internal" href="/en/HTML/HTML_Extensions" title="En/HTML/HTML Extensions">HTML Extensions</a></dt> <dd>Supported HTML tags not defined in the standard.</dd> </dl> <p><span class="alllinks"><a href="/Special:Tags?tag=HTML&amp;language=en" title="Special:Tags?tag=HTML&amp;language=en">View All...</a></span></p> </td> <td style="width: 40%; vertical-align:top"> <h3 name="Community" style="padding:12px 18px 8px 65px;min-height:48px;margin:-0px -0px 1em;background:transparent url('../media/img/icons-sections.png') 0 -200px no-repeat;font:normal 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;border-style:none;">Getting help from the community</h3> <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> </ul> <ul> <li><span class="external">Ask your question on the </span><a class="external" href="http://groups.yahoo.com/group/canvas-developers/">Canvas-Developers Yahoo Group</a><br> <p><span class="alllinks"><a class="external" href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">Don't forget about the <em>netiquette</em>...</a></span></p> </li> </ul> <h3 name="Tools" style="padding:12px 18px 8px 65px;min-height:48px;margin:-0px -0px 1em;background:transparent url('../media/img/icons-sections.png') 0 -400px no-repeat;font:normal 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;border-style:none;">Tools easing HTML development</h3>
<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/extensions/moreinfo.php?id=60&amp;application=firefox">Web Developer Extension</a></li> <li><a class="external" href="http://tidy.sourceforge.net/">HTML Tidy</a></li>
</ul>
<p><span class="alllinks"><a href="/Special:Tags?tag=HTML:Tools&amp;language=en" title="Special:Tags?tag=HTML:Tools&amp;language=en">View All...</a></span></p><h3 name="Related_Topics" style="padding:12px 18px 8px 65px;min-height:48px;margin:-0px -0px 1em;background:transparent url('../media/img/icons-sections.png') 0 -600px no-repeat;font:normal 28px/1 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;border-style:none;">Related Topics</h3> <dl> <dd><a href="/en/CSS" title="en/CSS">CSS</a>, <a href="/en/DOM" title="en/DOM">DOM</a>, <a href="/en/XHTML" title="en/XHTML">XHTML</a>, <a href="/en/XML" title="en/XML">XML</a>, <a href="/en/HTML/Canvas" title="en/HTML/Canvas">Canvas</a></dd> </dl> </td> </tr> </tbody>
</table>
<p>{{ languages( { "de": "de/HTML", "es": "es/HTML", "fr": "fr/HTML", "en": "en/HTML", "it": "it/HTML", "ja": "ja/HTML", "ko": "ko/HTML", "pl": "pl/HTML", "pt": "pt/HTML", "ru": "ru/HTML", "zh-cn": "cn/HTML", "zh-tw": "zh_tw/HTML" } ) }}</p>
Revert to this revision