Guia completa de HTML

Nesse Guia de Consulta voc� encontrar� o conte�do que precisa para iniciar seus estudos sobre a linguagem HTML, base para a constru��o das p�ginas web.

Quer ter acesso a todos os cursos desse Guia?

Introdu��o

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.

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?

DevCast

Programando para Web: Primeiras d�vidas

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?

DevCast

Programa��o Front-End: Ferramentas iniciais

Neste ponto voc� j� compreende qual o papel do HTML dentro da programa��o web. Veja ent�o o curso a seguir para explorar essa linguagem em maiores detalhes.

Curso

Introdu��o ao HTML Novo!

Agora sim! Com o editor de c�digo instalado voc� est� preparado para criar sua primeira p�gina e seu primeiro formul�rio:

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:

Conte�do extra

Aqui separamos um conte�do adicional para que voc� possa aprofundar seus estudos no HTML5:

Quando podemos considerar uma p�gina HTML pronta? No DevCast abaixo sugerimos uma s�rie de pontos que n�o podem faltar nesta checklist e que, se corrigidos a tempo, podem evitar de pequenos problemas a verdadeiras cat�strofes em sua p�gina web. Confira!

DevCast

Ser� que o meu HTML est� pronto? Novo!

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:

Al�m dos cursos, exemplos e DevCasts contidos nesse guia a DevMedia publica com frequ�ncia novos conte�dos sobre front-end, os quais voc� pode conferir nos Guias de Consulta abaixo:

Al�m disso, voc� pode conferir todo o conte�do de Front-end clicando aqui.

M�s do Programador

Aprenda a programar construindo projetos de verdade

+5.000 exerc�ciospr�tica em cada conte�do
+40 projetos reaispra montar seu portf�lio
Roadmap CompletoDo zero ao Dev Fullstack
DevRobottira d�vidas na hora do estudo

Assinatura mensal de

R$ 69,90 /m�s

sem comprometer o limite do seu cart�o

Aproveitar oferta

Favoritar
243 Gostei