aboutsummaryrefslogtreecommitdiff
path: root/files/fi/conflicting/web/html/index.html
blob: 7b3b13ed2dd70c1e7fa7914a69be46e800fccf00 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
---
title: HTML
slug: conflicting/Web/HTML
tags:
  - HTML
  - NeedsTranslation
  - References
  - TopicStub
translation_of: Web/HTML
translation_of_original: HTML
original_slug: 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" 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 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="http://www.w3.org/">World Wide Web Consortium</a> and the <a href="http://www.whatwg.org/" title="http://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="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> </p>