HTML

  • Revision slug: HTML
  • Revision title: HTML
  • Revision id: 390455
  • Criado:
  • Criador: rodrigopadula
  • É a revisão atual? Sim
  • Comentar

Conteúdo da revisão

EXEMPLOS HTML5

Uma coleção de exemplos apresentando as últimas tecnologias HTML em ação.

HTML5_Logo_128.png

HyperText Markup Language (HTML) é a linguagem utilizada na criação de páginas web a outros tipos de documentos visíveis em um navegador.  Mais precisamente, HTML é a linguagem que descreve a estrutura e o conteúdo semântica de um documento.

O conteúdo é marcado com elementos HTML como <img>, <title>,<p>,<div> e etc.

HTML é um padrão internacional cujas especificações são mantidas pelo World Wide Web Consortium e pelo WHATWG.

O HTML é considerado um padrão vivo e tecnicamente sob constante desenvolvimento. A versão atual da especificação HTML é referenciada como HTML5.

DOCUMENTAÇÃO SOBRE HTML

Introdução ao HTML
A página provê informações básicas sobre sintaxe e semântica de uma página HTML (documento). Isto providenciará informações básicas necessárias para desenvolver documentos HTML.
Referências aos elementos HTML
Obtenha detalhes sobre os elementos suportados por diferentes navegadores.
Lista de atributos HTML
Veja todos os atributos e a quais elementos eles são associados.
HTML5
Aprenda sobre as novas APIs HTML e elementos que elas suportam.
Guia de formulários HTML
Formulários HTML são a parte complexa do HTML. Este guia ajudará você a dominá-los, a partir da estrutura de estilo, de suporte ao navegador para controles personalizados.
Péssimo hábito de copiar e colar
As tecnologias da web são muitas vezes aprendidas pela visualização dos códigos das páginas e da cópia destes. No entanto, está prática propicia péssimos hábitos.
Desenhando gráficos com Canvas
Um novo elemento HTML para gráficos programáveis. <canvas> pode ser usado para gráficos de renderização, elementos de interface do usuário, e outros gráficos personalizados no cliente.
Dicas para a criação de páginas HTML com carregamento rápido
Uma página otimizada não só provê sites responsáveis para os seus usuários como também reduz o carregamento das páginas.

Ver todos...

Receba ajuda da comunidade

Você precisa de ajuda relacionada a HTML e não encontra a solução na documentação?

  • Consulte o fórum dedicado : {{ DiscussionList("dev-tech-html", "mozilla.dev.tech.html") }}
  • Vá ao Stack Overflow, um site colaborativo e mantido com perguntas e respostas e veja se você pode encontrar a resposta para a sua dúvida.

Não se esqueça da netiquette...

Ferramentas que facilitem o desenvolvimento HTML

Ver todos...

 

Fonte da revisão

<div class="callout-box">
  <div style="font:normal 20px 'Bebas Neue','League Gothic',Haettenschweiler,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;">
    EXEMPLOS HTML5</div>
  <p>Uma <a href="/pt-BR/demos/tag/tech:html5" title="https://developer.mozilla.org/en-US/demos/tag/tech:css3/">coleção de exemplos</a> apresentando as últimas tecnologias HTML em ação.</p>
  <p><a href="/en-US/docs/HTML/HTML5" title="html5"><img alt="HTML5_Logo_128.png" class="internal default" src="/@api/deki/files/6020/=HTML5_Logo_128.png" style="" /></a></p>
</div>
<p><strong>HyperText Markup Language (HTML)</strong> é a linguagem utilizada na criação de páginas web a outros tipos de documentos visíveis em um navegador.&nbsp; Mais precisamente, HTML é a linguagem que descreve a estrutura e o conteúdo semântica de um documento.</p>
<p>O conteúdo é marcado com elementos HTML como &lt;img&gt;, &lt;title&gt;,&lt;p&gt;,&lt;div&gt; e etc.</p>
<p>HTML é um padrão internacional cujas especificações são mantidas pelo <a href="http://www.w3.org/">World Wide Web Consortium</a> e pelo <a href="http://www.whatwg.org/" title="http://www.whatwg.org/">WHATWG</a>.</p>
<p>O HTML é considerado um padrão vivo e tecnicamente sob constante desenvolvimento. A versão atual da especificação HTML é referenciada como <strong>HTML5</strong>.</p>
<table class="topicpage-table">
  <tbody>
    <tr>
      <td style="width: 50%; padding-right: 75px">
        <h2 class="Documentation" id="Documentation" name="Documentation">DOCUMENTAÇÃO SOBRE HTML</h2>
        <dl>
          <dt>
            <a href="/en-US/docs/HTML/Introduction" title="Introduction to HTML"><strong>Introdução ao HTML</strong></a></dt>
          <dd>
            A página provê informações básicas sobre sintaxe e semântica de uma página HTML (documento). Isto providenciará informações básicas necessárias para desenvolver documentos HTML.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/HTML/Element" title="HTML/Element">Referências aos elementos HTML</a></dt>
          <dd>
            Obtenha detalhes sobre os elementos suportados por diferentes navegadores.</dd>
          <dt>
            <a class="internal" href="/en-US/docs/HTML/Attributes" title="HTML/Attributes">Lista de atributos HTML</a></dt>
          <dd>
            Veja todos os atributos e a quais elementos eles são associados.</dd>
          <dt>
            <a href="/en-US/docs/HTML/HTML5" title="HTML/HTML5">HTML5</a></dt>
          <dd>
            Aprenda sobre as novas APIs HTML e elementos que elas suportam.</dd>
          <dt>
            <a href="/en-US/docs/HTML/Forms" title="/en-US/docs/HTML/Forms">Guia de formulários HTML</a></dt>
          <dd>
            Formulários HTML são a parte complexa do HTML. Este guia ajudará você <span id="result_box" lang="pt"><span class="hps">a</span> <span class="hps">dominá-los</span><span>,</span> <span class="hps">a partir da estrutura</span> <span class="hps">de estilo,</span> <span class="hps">de suporte ao navegador</span><span class="hps"> para</span> <span class="hps">controles personalizados.</span></span></dd>
          <dt>
            <a href="/en-US/docs/Web_development/Historical_artifacts_to_avoid" title="HTML/Bad_copy_pasting_habits">Péssimo hábito de copiar e colar</a></dt>
          <dd>
            As tecnologias da web são muitas vezes aprendidas pela visualização dos códigos das páginas e da cópia destes. No entanto, está prática propicia péssimos hábitos.</dd>
          <dt>
            <a href="/en-US/docs/HTML/Canvas/Drawing_Graphics_with_Canvas" title="Drawing_Graphics_with_Canvas">Desenhando gráficos com Canvas</a></dt>
          <dd>
            Um novo elemento HTML para gráficos programáveis. &lt;canvas&gt; pode ser usado para gráficos de renderização, elementos de interface do usuário, e outros gráficos personalizados no cliente.</dd>
          <dt>
            <a href="/en-US/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages" title="/en-US/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages">Dicas para a criação de páginas HTML com carregamento rápido</a></dt>
          <dd>
            Uma página otimizada não só provê sites responsáveis para os seus usuários como também reduz o carregamento das páginas.</dd>
        </dl>
        <p><span class="alllinks Apple-style-span" size="2"><a href="/en-US/docs/tag/HTML" title="ver todos">Ver todos...</a></span></p>
      </td>
      <td>
        <h2 class="Community" id="Community" name="Community">Receba ajuda da comunidade</h2>
        <p>Você precisa de ajuda relacionada a HTML e não encontra a solução na documentação?</p>
        <ul>
          <li>Consulte o fórum dedicado : {{ DiscussionList("dev-tech-html", "mozilla.dev.tech.html") }}</li>
          <li>Vá ao <a href="http://stackoverflow.com/questions/tagged/html" title="http://stackoverflow.com/questions/tagged/html">Stack Overflow</a>, um site colaborativo e mantido com perguntas e respostas e veja se você pode encontrar a resposta para a sua dúvida.</li>
        </ul>
        <p><span class="alllinks"><a href="http://www.catb.org/~esr/faqs/smart-questions.html" title="http://www.catb.org/~esr/faqs/smart-questions.html">Não se esqueça da <em>netiquette</em>...</a></span></p>
        <h2 class="Tools" id="Tools" name="Tools"><span class="short_text" id="result_box" lang="pt"><span class="hps">Ferramentas</span> <span class="hps">que facilitem</span> <span class="hps">o desenvolvimento</span> <span class="hps">HTML</span></span></h2>
        <ul>
          <li><a href="http://validator.w3.org/">Firebug</a>, uma extensão popular do que navegador que permite editar CSS em tempo real. Muito prático para testar algumas mudanças, embora esta extensão faça muito mais.</li>
          <li><a 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 href="http://tidy.sourceforge.net/">HTML Tidy</a></li>
          <li><a href="http://prettydiff.com/?html">Pretty Diff</a></li>
        </ul>
        <p><span class="alllinks"><a href="/en-US/docs/tag/HTML:Tools" title="HTML:Tools">Ver todos...</a></span></p>
        <h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">TÓPICOS RELACIONADOS</h2>
        <ul>
          <li>O <a href="/en-US/docs/CSS" title="CSS">Cascading Style Sheets (CSS)</a> é utilizado para dar estilo ao&nbsp; HTML.</li>
          <li>O <a href="/en-US/docs/Document_Object_Model_(DOM)" title="Document Object Model (DOM)">Document Object Model (DOM)</a> é a representação do documento HTML is the representation of an HTML document as a tree.</li>
          <li><a href="/en-US/docs/XHTML" title="XHTML">XHTML</a> é a versão <a href="/en-US/docs/XML" title="XML">XML</a> da linguagem.</li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Reverter para esta revisão