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.
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.
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.
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.
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.

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.
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.

- 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
O que você vai aprender sobre HTML?
Por que aprender na DevMedia?
Estudar tecnologia na DevMedia é uma experiência única, pelos diferenciais abaixo:
Guias de estudo passo a passo
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.

+40 tecnologias
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. :)

Suporte em tempo real
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.
Muito obrigada! Super claro e objetivo, adorei a atenção que vocês dão aos alunos... Parabéns!!! Até a próxima...
Exercícios Gamificados
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:

Seja visto por grandes empresas
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

Certificados de Autoridade
Os Certificados de Autoridade são a sua nova maneira de certificar seus conhecimentos para o mercado!
Após responder corretamente 30 exercícios de um tópico, você desbloqueia o seu certificado.
Este evolui conforme você pratica mais exercícios e consome mais conteúdos da tecnologia escolhida por você.

Seus Certificados de Autoridade podem ser compartilhados diretamente no seu perfil do LinkedIn!
Curta 7 dias PRO grátis
Vem testar nossa Plataforma gratuitamente.
Iniciar TestePossui uma conta? Login
O que dizem
Confira o que andam dizendo sobre nós após concluírem seus objetivos em nossa Plataforma.
Estou Inteiramente satisfeito! Já vim com conhecimento em java de nivel médio, mas estou seguindo toda a guia de Java desde o inicio. Muito Bom, parabéns!
Achei muito top o trabalho que a DevMedia está fazendo, ensinando passo a passo deste jeito é muito mais facil...Parabéns pelo ótimo trabalho!
Acho que esse tipo de material organizado e em formato de arvore é muito favoravel para o aprendizado! Achei super positivo o conteúdo feito desta forma, perincipalmente para os novos programadores! Parabéns pelo empenho!
Muito boa a qualidade das aulas online, estou gostando bastante de aprender diversas tecnologias com a Devmedia!
Gostei bastante do primeiro contato. Em seguida assinei por um ano e já conclui o meu primeiro curso no portal. Gostei muito e espero enquanto esteja buscando me tornar um profissional da área de analista e programador de sistemas, ter muita ajuda dos cursos da DevMedia.
Tudo o que você precisa e mais um pouco. Cheguei no site a pouco tempo como assinante, e já vi que foi o melhor investimento que poderia ter feito. Conteúdo excelente e o que mais me chamou atenção foram as várias formas de aprender. Assistindo, ouvindo, lendo, consertando códigos. As ferramentas estão aqui, só depende de você utiliza-las. Recomendo mais do que tudo!
Parabéns pelo acompanhamento. Nunca vi um lugar onde o suporte é tão rápido.
Feedback dos Alunos
192 avaliações
5%
2%
1%
0%
Confira outros conteúdos
Veja todos os conteúdos
6 Conquistas
Algoritmo é uma sequência de passos utilizados para resolver um problema.
O que é Algoritmo?
Variáveis
Entrada e saída de dados
Algoritmos com Portugol
Boas práticas
200 exercícios
13 Conteúdos
Iniciante

5 Conquistas
A linguagem JavaScript é utilizada no back-end e front-end de aplicações web e mobile.
Fundamentos do JavaScript
Variáveis, tipos de dados e operadores
Estruturas condicionais
Estruturas de repetição
Manipulando Date, Arrays e String
250 exercícios
45 conteúdos
Iniciante

6 Conquistas
Aprenda o que é o CSS e como ele funciona. Crie os seus primeiros estilos!
Fundamentos do CSS
Flexbox
Media Queries
Posicionamento
Boas práticas
300 exercícios
41 conteúdos
Iniciante

2 Conquistas
O React é uma biblioteca JavaScript leve e simples para criar interfaces de usuário.
State Hook e evento OnCLick
Componentes
Rotas
Props
APIs RESTfull
300 exercícios
11 conteúdos
Avançado

2 Conquistas
SQL (Structured Query Language) é a linguagem padrão de manipulação de bancos de dados relacionais.
Fundamentos do SQL
Comandos SQL
Group by e Funções
Join
Subqueries
100 exercícios
41 conteúdos
Iniciante
Seja PRO Agora
Tenha acesso ilimitado a todo conteúdo.
Possui uma conta? Login