Introdução ao HTML

Juno

Bem-vindo ao manual de HTML! Eu sou a Juno, e estou muito feliz por você estar aqui. Ajudar as pessoas a escrever sua primeiríssima página web é a minha parte favorita de ensinar, e ver o HTML deixar de ser uma parede de sinais de maior e menor para se tornar algo que faz sentido nunca perde a graça.

Vamos começar bem do início, entendendo o que é realmente uma página web, e construir esse conhecimento pouco a pouco. Não é preciso ter experiência nenhuma.

Nada aqui é básico demais para perguntar, então siga no seu próprio ritmo, que a gente chega lá juntos!

Juno

Bem-vindo ao manual de HTML. Eu sou o Ace, e gosto de manter as coisas práticas. Você já sabe se virar com um computador, então vamos seguir num ritmo constante e sempre com a mão na massa, do jeito que você realmente construiria uma página de verdade.

Cada capítulo segue a mesma lógica: primeiro o conceito, depois o que fazer com ele — ler, testar, construir. Esse ciclo é como a web inteira é feita, então você está em boa companhia.

Juno

Bem-vindo ao manual de HTML. Eu sou o Sol, e já faz tempo que trabalho lançando páginas web. Este material é para quem quer entender como o HTML realmente se comporta, não só qual tag renderiza qual caixa na tela.

Espere encontrar aqui os trade-offs, os detalhes de acessibilidade e as partes que a maioria dos tutoriais pula. O HTML parece simples, e é justamente na diferença entre um markup que só renderiza e um markup que se sustenta que está o trabalho de verdade. Leia com atenção e questione tudo, inclusive o que eu digo.

Este manual é para qualquer pessoa que esteja começando no desenvolvimento web. O HTML é a primeira linguagem da web: o texto simples que descreve o que existe em uma página, dos títulos e parágrafos até imagens, links e botões. Antes de estilizar uma página ou torná-la interativa, você precisa descrever o que ela contém, e essa descrição é o HTML. Uma palavra rápida sobre dois termos que você vai ver o tempo todo: um navegador é o programa que lê o seu HTML e desenha a página, como o Chrome ou o Safari, e um elemento é uma peça isolada e identificável de uma página, como um título ou um parágrafo. Todo conceito aqui é explicado por completo, com profundidade, exemplos e algo para consultar sempre que você precisar de uma resposta rápida.

Você não precisa ter nenhuma experiência prévia com programação para começar. Se você consegue digitar texto em um arquivo, já tem tudo o que precisa para os primeiros capítulos, e o resto é apresentado conforme aparece a necessidade. O HTML é onde quase todo desenvolvedor web começa, porque todo site do mundo, por mais complexo que seja, é construído em cima dele.

O manual segue do básico ao avançado, passo a passo. Você vai aprender a estruturar uma página e marcar textos, a adicionar links e mídia, a dar significado de verdade ao seu markup com semântica, a construir formulários que recebem informações dos seus visitantes, e a criar páginas acessíveis para todo mundo e fáceis de entender para os mecanismos de busca. Cada ideia é pequena por si só, mas juntas elas formam páginas que você realmente pode colocar no ar.

A abordagem aqui é explicar o que cada parte do HTML faz e por quê, não só o que digitar. Qualquer pessoa consegue copiar uma tag de um exemplo e ver algo aparecer na tela. A distância entre isso e construir páginas legíveis, acessíveis e fáceis de alterar é entender o que o seu markup significa para o navegador, para um leitor de tela e para a próxima pessoa que for editá-lo. É esse entendimento que continua valendo muito depois de qualquer projeto específico.

JunoO HTML foi feito para durar Aqui vai uma coisa linda sobre o HTML: ele quase não muda. As tags que você aprende hoje são as mesmas que sustentavam sites profissionais anos atrás e vão continuar sendo usadas daqui a muitos anos. Então nada do que você aprende aqui fica ultrapassado. Você está construindo sobre uma base sólida.

JunoO HTML foi feito para durar O HTML é extremamente estável. Novos elementos são adicionados devagar e os antigos quase nunca deixam de funcionar, porque a web inteira é construída sobre o princípio de não quebrar páginas existentes. Isso significa que o tempo que você investe agora continua valendo a pena depois, e o que você aprende aqui se aplica a qualquer framework ou ferramenta que você for usar mais adiante.

JunoO HTML foi feito para durar O HTML é praticamente a tecnologia mais estável com a qual você vai trabalhar. A retrocompatibilidade é quase sagrada, então páginas escritas há uma década ainda renderizam bem, e o vocabulário muda num ritmo extremamente lento. Essa estabilidade é exatamente o motivo pelo qual vale a pena aprender direito: acerte os fundamentos e eles se sustentam, seja qual for o framework que vier a existir por cima no ano que vem.

Conheça seus guias

Este manual é conduzido por três guias, e você escolhe qual deles vai te acompanhar. O conteúdo é o mesmo para todo mundo; o seu guia define a voz em que ele é contado e, nas páginas que se adaptam, o nível de profundidade de cada seção.

Troque de guia a qualquer momento pelo seletor no topo de qualquer página, ou abra Preferências no canto inferior direito para mudar seu guia, idioma ou tamanho da fonte.

Com tudo ajustado, o manual começa de verdade. O próximo capítulo, O que é HTML, aborda o que o 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 conteúdo por meio de cinco projetos e mais de 75 desafios interativos.→