HTML
Tutorial da linguagem HTML.
- web
- front-end
- sites
Tutoriais
- 01
Introdução ao HTML
O que é HTML, para que serve e como começar a estruturar uma página web.
- 02
Editores HTML
Como escrever arquivos HTML em um editor de texto e visualizar o resultado no navegador.
- 03
Estrutura Básica de um Documento HTML
Como funciona a base de um arquivo HTML com doctype, html, head e body.
- 04
Elementos HTML
O que são elementos HTML e como funcionam tags de abertura, conteúdo e fechamento.
- 05
Atributos
Como adicionar informações extras aos elementos HTML com atributos.
- 06
Títulos
Como usar as tags h1 até h6 para criar hierarquia de títulos em uma página.
- 07
Parágrafos
Como escrever textos em HTML com parágrafos, quebras de linha e separadores
- 08
Estilos Inline
Como usar o atributo style para aplicar estilos diretamente em elementos HTML.
- 09
Formatação de Texto
Como destacar partes do texto com tags de formatação no HTML.
- 10
Citações
Como marcar citações, abreviações e informações de autoria no HTML.
- 11
Comentários
Como usar comentários em HTML para anotações e testes no código.
- 12
Links
Como criar links em HTML para navegar entre páginas e recursos.
- 13
Imagens
Como exibir imagens em HTML usando a tag img e atributos importantes.
- 14
Favicon
Como definir o pequeno ícone que aparece na aba do navegador.
- 15
Título da página
Como definir o texto exibido na aba do navegador com a tag title.
- 16
Tabelas
Como organizar dados em linhas e colunas usando tabelas no HTML.
- 17
Listas
Como criar listas ordenadas, não ordenadas e de descrição em HTML.
- 18
Elementos Block e Inline
Entenda a diferença entre elementos que ocupam a linha toda e os que ficam no fluxo do texto.
- 19
Divs
Como usar a tag div para agrupar partes da página.
- 20
Classes
Como usar o atributo class para aplicar estilos e identificar grupos de elementos.
- 21
Ids
Como usar o atributo id para identificar um elemento específico da página.
- 22
Botões
Como criar botões com a tag button e entender usos comuns.
- 23
Iframes
Como incorporar outra página dentro da sua usando a tag iframe
- 24
HTML e JavaScript
Como adicionar JavaScript em uma página HTML para criar interatividade.
- 25
Caminhos de arquivo no HTML
Como referenciar arquivos locais e pastas usando caminhos relativos e absolutos.
- 26
Head
Entenda o que vai dentro da tag head e por que ela é importante.
- 27
Layout
Como organizar a estrutura geral de uma página com regiões principais.
- 28
HTML Responsivo
Como preparar a página para se adaptar melhor a diferentes tamanhos de tela.
- 29
Tags de código
Como marcar trechos de código, teclado e saída de programa em HTML.
- 30
HTML Semântico
Como usar tags com significado mais claro para organizar melhor a página.
- 31
Guia de Estilo HTML
Boas práticas simples para escrever HTML mais limpo, organizado e legível.
- 32
Entidades, símbolos e emojis
Como exibir caracteres especiais, símbolos e emojis em HTML.
- 33
Charsets, URL encode e XHTML
Noções básicas sobre codificação de caracteres, URLs e a diferença entre HTML e XHTML.
- 34
Formulários
Como criar formulários e entender seus principais elementos e atributos.
- 35
Inputs em formulários
Tipos de input e atributos úteis para trabalhar melhor com formulários.
- 36
Gráficos
Uma visão rápida sobre Canvas e SVG para desenhar gráficos e formas.
- 37
Mídia
Como incorporar vídeo e áudio em uma página HTML.