HTML para iniciantes (Atualizado 2021)

Já ouviu falar de HTML? Uma linguagem de programação ou de marcação? Bom, seja bem-vindo e vamos dar esse mergulho juntos rumo ao conhecimento.

Vamos te apresentar e configurar um ambiente massa e confortável para que o seu desenvolvimento supere as suas, e as nossas expectativas.

Bora!

Nesta aula, vamos te destrinchar o que seria essa linguagem tão falada mas pouco conhecida, e te apresentar toda a sua composição, e melhor, vamos codar um pouco e te apresentar as </tags> que compõe essa linguagem.

Vamos te instruir nesse mergulho rumo ao conhecimento te mostrando nessa aula a como utilizar os comentários para "legendar" o seu código.

É uma boa prática muito apreciada, principalmente por devs mais experientes e que traz benefício até para aquele estagiário que precisa alterar algo nos blocos de código.

Atributos da linguagem HTML...

Bom, ficou curioso? Então dá play e vem com a gente!

Vamos agora te ajudar a aninhar o seu código? Do que se trata?

Seguinte, vamos te apresentar o parentesco que existe entre cada tag, e te ajudar a organizar melhor o seu código.

Nessa aula vamos te mostrar que não é só sair digitando tudo o que vê pela frente.

O HTML possui algumas restrições quando o assunto são caracteres.

Chega junto, vamos te explicar tudinho!

Tá achando que é só código jovem?

Vamos te ensinar a criar um documento HTML e a armazenar todo o seu aprendizado e seus layouts também.

Semântica... Dizem ser o estudo do significado.

Parece chato, não? Calma meu jovem, vamos te ensinar tudo isso de um jeito único.

Títulos e Parágrafos...

Na próxima aula teremos o que, redação?

Não, calma... Respira, aperta play e bora!

Organização em Listas...

Trabalhar com listas é muito importante no mundo da programação.

Os dados do mundo real geralmente são trazidos no formato JSON, mas quando chega em tela é necessário organizá-los em listas no HTML.

Citações, é aquilo...

Isso mesmo que você pensou!

Péra, não foi? Então clica e vamos sanar as suas dúvidas sobre esse conteúdo mágico.

Vou te ensinar algo super legal, só clica e vem com a gente!

Lembre-se que nesse mergulho, estamos com você.

Como é aquela sua lista de contatinhos?

Bom, a nossa aqui é bem organizada...  Vamos te ensinar!

Mais listas? Sim!

Mas calma caro estudante, isso faz parte do seu aprendizado e tenha certeza que um dia quando você usar tais conceitos, seremos lembrados.

Vamos mais fundo?

Beleza! Vamos te mostrar um pouquinho mais desse universo.

Links e Âncoras... Faz sentido pra você?

Então seguinte, vamos linkar nossos conhecimentos técnicos já obtidos até aqui, e sobre a âncora? Bom, a intensão é ir cada vez mais fundo, correto? Então gruda nela e bora!

Sabia que a tag tem muito mais a nos oferecer do que você imagina?

Se já sabia, ótimo. Se ainda não, só vem porque vamos te mostrar!

Sim, existem links absolutos e relativos...

Mas confia, relativo entre nós é a forma de te fazer aprender. Já o seu conhecimento, no final desse módulo, será absoluto!

Agora além de listas, você vai aprender a construir formulários.

Gostou? Então já sabe, clica e vem!

Você curtiu trabalhar com listas e formulários? Beleza!

Missão dada é missão cumprida, certo?

Bom sua missão para essa aula é que entenda tudinho e saia expert no assunto tabelas!

Lembra das instruções da aula anterior sobre a sua missão em relação às tabelas?

Beleza, essa é a sua missão part.2

Bora!

Tem sido incrível estar com você até aqui, sério.

Se tem como melhorar? Caro, essa é a NOSSA missão!

Quer ver? Bora!

Atribuindo escopos ao nosso HTML.

Ps. Orgulho que fala? Estamos acabando esse curso, parece que foi ontem que estávamos na primeira aula.

Bora facilitar um pouquinho mais a sua vida, HTML é massa demais, não acha?

Bora aprender mais!!!

Fechando com chave de ouro, vamos relacionar o HTML com o Google Analytics.

Adeus!!!

#sqn jovem, te vejo no próximo curso!