HTML

  • Revision slug: HTML
  • Revision title: HTML
  • Revision id: 34911
  • Created:
  • Creator: dbruant
  • Is current revision? No
  • Comment 32 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.
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 perpetuates.
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.

 

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") }}
  • Ask your question on the Canvas-Developers Yahoo Group

Don't forget about the netiquette...

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">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/Attributes">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> <dt><a href="/en/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 perpetuates.</dd> <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> <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>
</dl>
<p> </p>
<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">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> <li>Ask your question on the <a class="external" href="http://groups.yahoo.com/group/canvas-developers/">Canvas-Developers Yahoo Group</a></li> </ul> <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> <h3 name="Tools">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">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