HTML (HyperText Markup Language - Linguagem de Marcação de HiperTexto) é o componente mais básico da web. Ela serve para definir o conteúdo e a estrutura básica de uma página web. Além do HTML, em geral outras tecnologias são usadas para descrever a apresentação/aparência (CSS) ou funcionalidade (JavaScript) das páginas web.

"HyperText" (HiperTexto) refere-se aos links ("ligações") que conectam uma página a outra, seja dentro de um mesmo website ou entre websites diferentes. Os links são um aspecto fundamental da Web. Se você publicar um conteúdo na Internet e criar links para páginas criadas por outras pessoas, você vira um participante ativo da World Wide Web (Rede Mundial de Computadores).

A HTML usa "Markup" (Marcação) para mostrar texto, imagens, e outros conteúdos para visualização em um navegador Internet. Marcadores HTML incluem "elementos" especiais como <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, e muitos outros.

"Tags" ou Etiquetas em HTML são insensíveis a transformação do texto. Isso significa, que elas podem ser escritas em letras maiúsculas, minúsculas, ou misturando as duas. Por exemplo, a etiqueta <title> poderia se escrever também como <Title>, <TiTlE> ou de qualquer outra maneira.

Os artigos abaixo lhe ajudarão a aprender mais sobre HTML.

  • Introdução ao HTML

    Se você é novo no desenvolvimento web, leia o artigo O Básico do HTML para aprender o que é HTML e como usá-lo.

  • Tutoriais HTML

    Para artigos sobre como usar o HTML, assim como tutoriais e exemplos completos, cheque nossa Área de Aprendizado do HTML.

  • Referência do HTML

    Em nossa extensa seção de Referência do HTML, você encontrará detalhes sobre todos elementos e atributos do HTML.

Tutoriais para iniciantes

Nossa Área de Aprendizado HTML é caracterizada por múltiplos módulos que ensinam HTML do zero  — sem necessidade de conhecimentos prévios.

Introdução ao HTML
Este módulo fornece uma base, fazendo você se acostumar aos conceitos e a sintaxes importantes na aplicação do HTML para texto; como criar hyperlinks, e como usar HTML para estruturar uma página web.
Multimídia e como incorporá-la
Este módulo explora como usar HTML para incluir multimídia em sua página web, incluindo as diferentes maneiras para incluir imagens, e como incorporar vídeos, áudios, e até como colocar uma página inteira em outras páginas web.
Tabelas HTML
Representar dados tabulares em uma página web de maneira entendível e acessível pode ser um desafio. Este módulo cobre marcação tabular básica, junto com outras funcionalidades mais complexas como legendas e sumários.
Formulários HTML
Formulários são partes muito importantes da Web  — estes proporcionam muitas das funcionalidades que você precisa para interagir em páginas webs. Exemplos disso são registrar-se e logar-se, enviar comentários, comprar produtos, e muito mais.  Este módulo faz você começar a criar as partes visíveis dos formulários, que os clientes interagem.
Usando HTML para resolver problemas comuns
Apresenta links para seções com conteúdo explicando como usar HTML para resolver problemas muito comuns quando se cria uma página web: como trabalhar com títulos, agregar imagens ou vídeos, colocar ênfase em conteúdo, criar um formulário básico, etc.

Tópicos avançados

Habilitando Imagem CORS
O atributo crossorigin em combinação com um  cabeçalho CORS adequado, permite definir imagens pelo elemento <img>  para ser carregado de outras fontes em um elemento <canvas>, como se estivessem sendo carregados da fonte atual.
Configuração de atributos CORS
Alguns elementos em HTML trazem suporte para CORS, como, por exemplo o <img> ou <video>. Eles têm o atributo crossorigin (Propriedade crossOrigin), que permite configurar as suas CORS requests para os dados absorvidos do elemento.
Gerenciamento de foco em HTML
O atributo DOM activeElement e o método DOM hasFocus() te ajudam a melhorar a interação entre o usuário e os elementos da página.
Tipos de conexões
Em HTML, vários tipos de links podem ser utilizados para realizar conexões entre dois documentos, como por exemplo: <a>, <area>, e <link>.
Formatos de arquivos suportados pelos elementos de áudio e vídeo em HTML
Os elementos <audio> e <video> permitem que você reproduza áudios e vídeos no seu HTML. Estes elementos fornecem uma alternativa nativa de recursos do navegador,  parecidos com a do Adobe Flash Player e outros plug-ins.
Usando o cachê de aplicação
O cachê de aplicação tem como o objetivo rodar a aplicação offline. Você pode usar a interface Application Cache (AppCache) para escolher elementos que o browser possa "guardar" deixando-os disponíveis para usuários desconectados. As aplicações que estiverem em cache podem ser utilizadas sem nenhum problema, mesmo que o usuário clique no botão de atualizar a página enquanto estiver offline.
Pré-carregando conteúdo com rel="preload"
O valor preload do elemento <link> atributo rel permite que você escreva solicitações de busca declarativas em seu HTML <head>, especificando recursos que suas páginas vão precisar logo após o carregamento. Você também vai querer que eles pré carreguem antes do ciclo da página e depois que os servidores principais renderizarem as maquinas. Isso garante que eles estarão disponíveis no primeiro momento e que seja menos provável que sua página seja bloqueada do processo de rederizar. Isso aumenta a performance da página. Este artigo oferece um guia básico de como preload funciona.

Referências

Referência do HTML
HTML é formado de elementos, onde cada um deles pode ser modificado por alguns atributos. Documentos HTML estão interconectados através de links.
Referência dos Elementos HTML
Navegue em uma lista com todos os elementos HTML
Referência de atributos em HTML
Elementos em HTML possuem atributos. Estes irão configurar ou ajustar o funcionamento e comportamento dos seus elementos de muitas maneiras.
Atributos Globais
Os atributos globais podem ser utilizados em todos os elementos HTML, mesmo aqueles que não são especificados como padrão. Isso significa que qualquer elemento não padrão vai permitir estes atributos, mesmo que este retorne um documento HTML5 incompatível
Elementos em linha e Elementos em nível de bloco
Elementos HTML são normalmente elementos "inline" (em linha) ou "block-level" (nível de bloco). Um elemento em linha ocupa somente o espaço limitado pelas tags que o definem. Um elemento a nível de bloco ocupa o espaço inteiro do elemento pai (container), assim criando um "bloco".
Tipos de Links
No HTML, vários tipos de links podem ser utilizados para estabelecer e definir o relacionamento entre dois documentos. Os tipos de elementos de link que podem ser incluídos são <a>, <area> e <link>
Formatos de mídia suportados pelos elementos vídeo e áudio do HTML
Os elementos <audio> e <video> permitem que você reproduza mídias de áudio e vídeo. Estes elementos fornecem uma alternativa nativa para o navegador reproduzir recursos similares aos encontrados no Adobe Flash e outros plug-ins.
Tipos de conteúdo HTML
O HTML é composto de uma grande diversidade de conteúdos, sendo que cada um pode ser usado em certos contextos, e não são permitidos em outros. Similarmente, cada um tem um conjunto de outras categorias de conteúdos que podem ou não serem usadas dentro deles. Este é um guia destas categorias.
Os Modos Quirks e o Modo Padrão 
Informações sobre a história dos Modos Quirks e o Modo padrão.

Tópicos relacionados

Aplicando cores em elementos HTML usando CSS
Este artigo mostra as principais formas de se usar CSS para adicionar cores ao seu conteúdo HTML, mostrando que partes dos documentos HTML podem ser coloridas e que propriedades utilizar. Inclui exemplos, links para ferramentas palette-building, e mais.
Ver todos...

Junte-se à comunidade Web layout

Escolha a sua forma preferida de juntar-se à discussão: