Introdução
Bem-vindo ao manual de HTML! Eu sou Juno, e estou muito feliz que você esteja aqui. Ajudar pessoas a escrever sua primeira página web é minha coisa favorita para ensinar, e ver HTML sair de uma parede de símbolos de menor e maior que para algo que faz sentido nunca fica velho.
Vamos começar do zero, com o que uma página web realmente é, e construir isso um pequeno pedaço de cada vez. Nenhuma experiência necessária.
Nada aqui é nunca básico demais para perguntar, então vá no seu próprio ritmo e chegaremos lá juntos!
Este manual é para qualquer pessoa que está começando em desenvolvimento web. HTML é a primeira linguagem da web: o texto simples que descreve o que está em uma página, desde seus cabeçalhos e parágrafos até suas imagens, links e botões. Antes de poder estilizar uma página ou torná-la interativa, você descreve o que ela contém, e essa descrição é HTML. Uma rápida observação sobre dois termos que você verá ao longo do caminho: um navegador é o programa que lê seu HTML e desenha a página, como Chrome ou Safari, e um elemento é uma única peça rotulada de uma página, como um cabeçalho ou um parágrafo. Todo conceito aqui é escrito completamente, com profundidade, exemplos e algo para pesquisar sempre que você precisar de uma resposta rápida.
Você não precisa de nenhuma experiência em codificação prévia para começar. Se você consegue digitar texto em um arquivo, você tem tudo o que precisa para os primeiros capítulos, e tudo o mais é introduzido conforme surge. HTML é por onde quase todo desenvolvedor web começa, porque todo site no mundo, por mais complexo que seja, é construído sobre ele.
O manual funciona de baixo para cima. Você aprenderá como estruturar uma página e marcar texto, como adicionar links e mídia, como dar um significado real ao seu markup com semântica, como construir formulários que recebem entrada de seus visitantes e como fazer páginas que são acessíveis a todos e fáceis para os mecanismos de busca entenderem. Cada ideia é pequena em si mesma, e elas se acumulam em páginas que você realmente pode lançar.
A abordagem aqui é explicar o que cada peça de HTML faz e por que, não apenas o que digitar. Qualquer pessoa pode copiar uma tag de um exemplo e ver algo aparecer na tela. A distância entre isso e construir páginas que são legíveis, acessíveis e fáceis de mudar é entender o que seu markup significa para o navegador, para um leitor de tela e para a próxima pessoa que o edita. Essa compreensão é o que dura mais do que qualquer projeto único.
Conheça seus guias
Este manual é hospedado por três guias, e você escolhe qual deles o mostra ao redor. O material é o mesmo para todos; seu guia define a voz em que é contado e, nas páginas que se adaptam, como é profundo cada seção.
- Juno ensina a trilha iniciante: calorosa e paciente, analogias simples, nada assumido.
- Ace ensina a trilha intermediária: prática e construção em primeiro lugar, direto ao que você realmente faz.
- Sol ensina o Deep Dive: o mecanismo, os trade-offs e os detalhes de produção que todos os outros pulam.
Mude de guia a qualquer momento pelo seletor no topo de qualquer página, ou abra Preferências no canto inferior direito para alterar seu guia, idioma ou tamanho da fonte.
Quando estiver pronto, o manual começa a sério. O próximo capítulo, O que é HTML, cobre o que HTML realmente é e o pequeno vocabulário de tags, elementos e atributos sobre o qual todo o resto da trilha é construído.
Prefere aprender construindo?O curso gratuito de HTML e CSS da Scrimba cobre o mesmo terreno através de cinco projetos e mais de 75 desafios interativos.