/hmtl-css

Desafios realizados durante o módulo 1 de 5 do curso de HTML e CSS

Primary LanguageHTML

Desafios que realizei, propostos no curso de HTML e CSS do site Curso Em Vídeo pelo professor Gustavo Guanabara.

001 - Desafio das Mensagens
Exibir textos usando parágrafos e quebras de linha.

Navegue pelo código

Tags que aprendi nesse desafio:
<p>
<br>

002 - Desafio das Imagens
Criar uma página com duas imagens, uma no conteúdo da página e a outra no ícone de favoritos.

Navegue pelo código

Tags que aprendi nesse desafio:
<link:favicon>
<img>

003 - Desafio do Mapa Mundi
Organizar as imagens para formar o Mapa Mundi. Foi um desafio para reforçar o entendimento sobre as quebras de linhas numa página.

Navegue pelo código

Tags que foram reforçadas nesse desafio:
<br>
<img>

004 - Desafio dos Emojis
Usar os conceitos de listas e emojis, abordadas no curso, para exibir na página meus emojis favoritos juntamente com o código Unicode de cada um.

Navegue pelo código

Tags que aprendi nesse desafio:
<ul>
<li>

005 - Desafio Social
Criar uma página para falar um pouco sobre mim e divulgar minhas redes sociais.

Navegue pelo código

Tags que aprendi e reforcei nesse desafio:
<ul>
<img>
<a>

006 - Desafio das Tags
Adicionar uma lista com as coisas de HTML5 que estou aprendendo no curso, e quando passa o mouse sobre um termo mostra qual é a tag utilizada para fazer determinada coisa.

Navegue pelo código

Tags que aprendi e reforcei nesse desafio:
<ul>
<abbr>

007 - Desafio da Imagem Flexível
Exibir uma imagem que se adapta a diferentes tipos de largura de tela.

Navegue pelo Código

Tags que aprendi nesse desafio:
<picture>
<source:media:type>

008 - Desafio da Navegação
Criar navegação entre as páginas. Nesse desafio foi utilizado estilos das CSS, na página principal (área cinza) criei uma lista com os links para a área verde e área amarela.

Navegue pelo código

Tags e Propriedades que aprendi nesse desafio:
<style>
background-color
color
font-family
font-size

009 - Desafio dos Vídeos
Indicar alguns vídeos na página principal, ao clicar em qualquer uma das thumbs abrirá uma página especial para cada um, onde pode assistir o vídeo diretamente na página ou acessar a playlist completa no YouTube.

Navegue pelo código

Tags e propriedades que aprendi nesse desafio:
<iframe>
text-align
text-decoration