mozilla

Revision 363267 of HTML

  • Revision slug: cs_HTML
  • Revision title: HTML
  • Revision id: 363267
  • Created:
  • Creator: makovickym
  • Is current revision? Ano
  • Comment

Revision Content

HTML5 Demos

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

The logo of HTML

HyperText Markup Language (HTML) je značkovací jazyk určený pro popis struktury webových stránek a dalších typů dokumentů, které lze zobrazit v internetovém prohlížeči. Přesněji řečeno je to jazyk, který pomocí speciálních značek popisuje strukturu dokumentu a význam jednotlivých jeho prvků. Obsah takového dokumentu je pak složen z tzv. HTML elementů, jako jsou <img>, <title>, <p>, <div>, apod.

HTML je mezinárodní standard, jehož specifikace je udržována World Wide Web Consorciem a komunitou WHATWG.

HTML je považován za živý standard a je pod neustálým technickým vývojem. Tato vždy aktuální a stále rozšiřovaná verze HTML specifikace se nazývá HTML5.

Dokumentace HTML

Úvod do HTML
This page provides basic information on syntax and semantics of an HTML page (document). This will provide basic information required to develop HTML documents.
Referenční popis HTML elementů
Get details about each element supported by different browsers.
Seznam HTML atributů
See all attributes and what elements they are associated with.
HTML5
Learn about the new HTML5 APIs and elements along with their support.
HTML Formuláře
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...

Komunitní poradna

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

Don't forget about the netiquette...

nástroje pro usnadnění práce s HTML

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> je značkovací jazyk určený pro popis struktury webových stránek a dalších typů dokumentů, které lze zobrazit v internetovém prohlížeči. Přesněji řečeno je to jazyk, který pomocí speciálních značek popisuje strukturu dokumentu a význam jednotlivých jeho prvků. Obsah takového dokumentu je pak složen z tzv. HTML elementů, jako jsou&nbsp;<code>&lt;img&gt;</code>, <code>&lt;title&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;div&gt;</code>, apod.</p>
<p><span style="line-height: inherit;">HTML je mezinárodní standard, jehož specifikace je udržována&nbsp;</span><a class="external" href="http://www.w3.org/" style="line-height: inherit;">World Wide Web Consorciem</a><span style="line-height: inherit;">&nbsp;a komunitou&nbsp;</span><a href="http://www.whatwg.org/" style="line-height: inherit;" title="http://www.whatwg.org/">WHATWG</a><span style="line-height: inherit;">.</span></p>
<p>HTML je považován za <em>živý standard</em> a je pod neustálým technickým vývojem. Tato vždy aktuální a stále rozšiřovaná verze HTML specifikace se nazývá&nbsp;<strong>HTML5</strong>.</p>
<div class="cleared topicpage-table">
  <div class="section">
    <h2 class="Documentation" id="Documentation" name="Documentation">Dokumentace HTML</h2>
    <dl>
      <dt>
        <a href="/en-US/docs/HTML/Introduction" title="Introduction to HTML"><strong>Úvod do 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">Referenční popis HTML elementů</a></dt>
      <dd>
        Get details about each element supported by different browsers.</dd>
      <dt>
        <a href="/en-US/docs/HTML/Attributes" title="HTML/Attributes">Seznam HTML atributů</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 Formuláře</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">Komunitní poradna</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 question. 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">nástroje pro usnadnění práce s HTML</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">Příbuzná témata</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