Black november Você e seu amigo por apenas 49,90 por mês! Saiba mais

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.

1

O que é HTML?

HTML (Hypertext Markup Language) é a linguagem base para construção das páginas web que acessamos diariamente. É uma linguagem de marcação de texto, não de programação.

Sua principal finalidade é estruturar o conteúdo disponibilizado em uma página, definindo elementos como parágrafos, títulos, imagens, etc.

Ela é fundamental para o programador Front-end web, pois com ela criamos as páginas da aplicação.

2

Por que aprender HTML?

O HTML é a linguagem padrão de todo o conteúdo que vemos na internet - desde a sua estrutura até o significado semântico de seus elementos. Seja qual for a tecnologia que criou o site ou software, ou o dispositivo que o acessa (pc, smartphone, tablet...), sua visualização será neste formato.

É a forma mais básica de um site ou software web. Mesmo que você tenha pleno conhecimento de programação, quando o assunto é desenvolvimento web o resultado de uma aplicação invariavelmente será um documento HTML.

Se você programa para a web ou pretende ingressar nessa área, é fundamental saber usar corretamente a linguagem HTML.

3

Exemplo de código HTML

Veja abaixo um exemplo de código HTML:

  • HTML é a forma mais básica de todo o site
  • Define a estrutura dos elementos e a semântica da página.
  • Não cabe a ela definir características visuais ou comportamentos, pois isso deve ser feito usando CSS e JavaScript.
4

HTML e Carreira Front-end

Uma página web é a parte visual de um software online. Essa página é criada pelo programador Front-end

Páginas ou sistemas web se tornaram praticamente obrigatórios para uma empresa, por isso o mercado precisa cada vez mais de programadores Web, ou como também são chamados, programadores Front-end.

Programador Web
Figura. Programador Web.

Um programador Front-end/Web cuida da parte visual, ou seja, tudo que o usuário consegue ver e interagir em uma página. A programação Front-end está relacionada com a experiência do usuário final, ou User Experience (UX).

Foi o tempo onde ter conhecimentos em Front-end era opcional. Agora saber HTML e CSS virou requisito obrigatório na maioria das vagas para programadores.

O programador Front-end necessita saber utilizar o HTML tanto para estruturar a página de sua aplicação, organizando seus conteúdos, quanto para dar semântica aos elementos da página, melhorando a posição de seu site nos buscadores e a acessibilidade para o usuário final.

Na programação Front-end temos diversas tecnologias utilizadas para agilizar e otimizar o processo de criação das páginas, porém duas delas se destacam no mercado de trabalho. São elas:

  • Angular
  • React

Se você deseja trabalhar na carreira Front-end (web), muito provavelmente você vai trabalhar com o Angular ou React como tecnologia.

Características da programação Front-end (web)

  • Envolve conhecimentos referentes a experiência do usuário (UX).
  • Está associado a programação da ‘tela’, ou seja, a programar o que aparece para o usuário e como ele vai interagir com a página.
  • Sempre há vagas para programador Front-end já que é quase obrigatório para uma empresa ter uma página web.
  • Envolve programar as ações que o usuário vai fazer na página.
  • Se preocupa com a navegação entre as páginas.
5

HTML e frameworks Front-end

Como vimos, na carreira Front-end você vai, muito provavelmente, trabalhar com as ferramentas mais utilizadas do mercado: Angular e React.

Ou seja, é improvável que você utilize ‘apenas’ a linguagem HTML em um projeto. Em um aplicação front-end profissional, você vai utilizar um framework ou biblioteca, que por sua vez vai utilizar a linguagem HTML para estruturar os elementos.

Angular e React são ferramentas - ou seja, eles são usados para que a programação das páginas web seja feito da forma mais rápida possível.

O Angular e React são a ferramenta final, é onde você vai encaixar as peças e construir seu software front-end - estruturando os elementos da aplicação com HTML, preenchendo com os dados recebidos, estilizando com CSS e exibindo para o usuário final.

Por esse motivo aprender HTML é um pré-requisito para se tornar um programador Front-end completo.

Planos de estudo angular e React
Figura. Planos de estudo programador Angular e programador React.
  • Utilize HTML com Angular ou React para se tornar um programador front-end completo
  • React utiliza JSX, que é baseado no HTML , para estruturar os elementos da aplicação

Por que aprender na DevMedia?

Estudar tecnologia na DevMedia é uma experiência única, pelos diferenciais abaixo:

Estudo orientado com Guias

Na nossa experiência no ensino de programação ao longo dos anos, vimos que uma das maiores dificuldades dos alunos é ter um ‘plano de estudos’, ou seja, não se perder no meio do caminho.

Para resolver esse problema a plataforma DevMedia é dividida em Guias passo a passo.

Guia de Algoritmo
Figura. Estude através de guias e nunca se perca.
40 tecnologias para você

Estudar programação sempre envolve o aprendizado de mais de uma tecnologia. Na plataforma DevMedia você conta com 40 tecnologia disponíveis - e a melhor notícia, estamos sempre publicando novos conteúdos e exercícios. :)

Guia de Estudo
Figura. 40 tecnologias disponíveis.
Suporte a dúvidas em tempo real

Outro ponto muito importante durante seus estudo é conseguir tirar dúvidas rapidamente. Na DevMedia temos um time de programadores que tem a missão de tirar sua dúvida em tempo real.

Veja o que nossos usuários dizem sobre o Suporte em tempo real :)

Agradeço e venho aqui reconhecer o trabalho de vocês, pois eu nunca fico sem solucionar uma dúvida, seja pelas respostas aos outros usuários ou a mim.
Vocês se dedicam muito ao suporte e fico feliz por ter escolhido a DevMedia tendo em vista este quesito. Acho importante esse feedback pois é o mínimo que posso fazer.

Ismael Lima

Ismael Lima

star star star star star_border

Muito obrigada! Super claro e objetivo, adorei a atenção que vocês dão aos alunos... Parabéns!!! Até a próxima...

Tainá Rocha

Tainá Rocha

star star star star star
Fortaleça o conhecimento com games de exercícios

Para te manter motivado e fortalecer os conhecimentos adquiridos na memória, a plataforma DevMedia também é um game de exercícios de programação.

Cada tópico de estudos contém um game de exercícios! Ao acertar os exercícios você ganha pontos, medalhas e também sobe sua posição ranking da plataforma.

Além disso toda vez que você acerta exercícios de programação você evolui o seu card! Veja abaixo:

Card DevMedia
Figura. Seu Card DevMedia.
Acerte exercícios e chame atenção de grandes empresas

Aqui na Plataforma temos várias empresas parceiras que buscam seus novos programadores conosco!

Quanto mais exercícios você acertar, maior será sua chance de ser convidado a participar do processo seletivo dessas empresas!

Evolua e chame atenção das empresas na plataforma
Notificação de Vaga
Figura. Notificação de Vaga.
timer

Curta 7 dias PRO grátis

Vem testar nossa Plataforma gratuitamente.

Iniciar Teste

Possui uma conta? Login

O que dizem

Confira o que andam dizendo sobre nós após concluírem seus objetivos em nossa Plataforma.

Feedback dos Alunos

4.9
star star star star star_border

192 avaliações

star star star star star
92% close
star star star star star_border

5%

star star star star_border star_border

2%

star star star_border star_border star_border

1%

star star_border star_border star_border star_border

0%

star star star star star

Muito bom!

Katia

Há 1 ano

Katia

star star star star star_border

Ótimo artigo!..

star star star star star_border

Excelente artigo, parabéns.

star star star star star_border

Extraordinário o artigo!

Confira outros conteúdos

Veja todos os conteúdos

Seja PRO Agora

Tenha acesso ilimitado a todo conteúdo.

Teste Grátis

Possui uma conta? Login

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar