Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login

Guia de Referência HTML

Nesse Guia de Referência você encontrará o conteúdo que precisa para iniciar seus estudos sobre a linguagem HTML, base para a construção das páginas web.

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (29)  (0)

HTML (Hypertext Markup Language) é a linguagem base para construção das páginas web que acessamos diariamente. Por isso seu conhecimento é fundamental a todo programador web. Nesse guia você encontrará todo o conteúdo que precisa para ter uma formação completa em HTML. O organizamos da seguinte forma:

Introdução

Caso você esteja ingressando na programação web, deve ter várias dúvidas sobre por onde começar, o que aprender, entre tantas outras, certo? Se esse é o seu caso, que tal dar uma olhada no seguinte DevCast, que preparamos especialmente para te ajudar nesse primeiro momento?

Sabendo o quão importante é conhecer o HTML, é hora de iniciar os estudos sobre os principais conceitos, que formarão a base necessária para aprender e utilizar corretamente essa linguagem. Os conteúdos a seguir lhe ajudarão nessa etapa:

Excelente! Já sei para que serve o HTML. Mas o que devo utilizar para criar as páginas das minhas aplicações? Qual a ferramenta mais adequada para isso?

Agora sim! Com o editor de código instalado você está preparado para criar sua primeira página:

Tags

Tags são as estruturas base da linguagem HTML. É por meio delas que fazemos as marcações no documento a fim de dar significado a cada um de seus elementos. Para conhecer melhor as tags da HTML, você pode conferir os seguintes conteúdos:

HTML semântico

A forma de utilizar a HTML na construção de páginas web vem sendo aprimorada. Atualmente, o conceito de Web Semântica sugere que utilizemos os recursos dos quais dispomos com mais precisão para definir melhor o significado do conteúdo dos nossos documentos. Relacionado a isso, a versão 5 da HTML trouxe novas tags que facilitam a leitura do conteúdo tanto por computadores, quanto por pessoas (programadores), uma vez que explicitam o objetivo de cada elemento que compõe a página. Além dessas novas tags, outras já existentes ganharam mais importância e tiveram seu uso correto enfatizado.

Para que você possa entender o que são essas tags semânticas e como utilizá-las, preparamos um conteúdo especificamente sobre isso:

Formulários

Os formulários estão presentes em boa parte das aplicações web e permitem ao usuário submeter dados para a aplicação, seja enviando uma mensagem, se cadastrando, efetuando login em um site, etc. No HTML eles são definidos por meio de um conjunto de tags, a começar pela tag <form>. Logo, é de extrema importância conhecer essas tags e saber quando utilizar cada uma, assim como seus respectivos atributos. Abaixo você encontrará alguns links para se aprofundar na criação de formulários:

Documentação HTML

Nesta seção você encontrará conteúdos criados com o intuito de documentar os recursos dessa linguagem, apresentando o que é e a aplicabilidade de cada recurso juntamente com um exemplo prático. Utilize esse material para consulta rápida:

Próximos passos

Desenvolvimento web é uma área ampla e que requer o conhecimento de várias tecnologias, mas no que diz respeito ao front-end, três são fundamentais: HTML, CSS e JavaScript.

Até aqui você aprendeu a trabalhar com HTML e sabe que essa linguagem deve ser usada para definir a estrutura das páginas, enquanto a formatação visual fica por conta do CSS e as implementações que dizem respeito ao comportamento dinâmico cabem ao JavaScript. Sendo assim, você já pode avançar para o próximo passo nessa linha de aprendizado e conhecer o CSS e posteriormente o JavaScript. Para te ajudar separamos um conteúdo especial:

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Ajude-nos a evoluir: você gostou do post?  (29)  (0)

Para avaliar você precisa ser um assinante MVP :)

Ficou com alguma dúvida?