Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Criei uma base de exercícios básicos #144

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Criei uma base de exercícios básicos #144

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a7e42e4
!
Oct 7, 2021
7b76030
modificação HTML
Nov 3, 2021
2ca1c73
removi um link
Nov 19, 2021
6673ab6
Praticando
Dec 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified aulas-pdf/01 - História da Internet.pdf
View file
Open in desktop
Binary file not shown.
17 changes: 17 additions & 0 deletions desafios/modulo-01/d001/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mensagens</title>
</head>
<body>
<p>
Ola
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Ola
Olá

</p>
<h3>
Aqui temos um exemplo
</h3>
</body>
</html>
15 changes: 15 additions & 0 deletions desafios/modulo-01/d002/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Imagens</title>
<link rel="shortcut icon" href="imagens/favicon.ico" type="image/x-icon">
</head>
<body>
<h1>Desafio das Imagens</h1>
<p>Inserir imagens em HTML é bem simples, tanto no conteúdo quanto lá em cima, como ícone de favoritos!</p>
<img src="imagens/github-m.png" alt="imagem.png">
</body>
</html>
22 changes: 22 additions & 0 deletions desafios/modulo-01/d003/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Imagens de mapa</title>
</head>
<body>
<h1>Mapa Mundi</h1>
<img src="imagens/mapa03.png" alt="imagem.png">
<img src="imagens/mapa07.png" alt="imagem.png">
<img src="imagens/mapa05.png" alt="imagem.png"><br>
<img src="imagens/mapa09.png" alt="imagem.png">
<img src="imagens/mapa01.png" alt="imagem.png">
<img src="imagens/mapa08.png" alt="imagem.png"><br>
<img src="imagens/mapa06.png" alt="imagem.png">
<img src="imagens/mapa02.png" alt="imagem.png">
<img src="imagens/mapa04.png" alt="imagem.png">
<p>Se quiser pode acessar o <a href="https://github.com/pedrohenriquelopesdefranca">meu repositorio</a> com as imagens.</p>
</body>
</html>
Binary file added desafios/modulo-01/d004/imagem.ico/favicon.ico
View file
Open in desktop
Binary file not shown.
70 changes: 70 additions & 0 deletions desafios/modulo-01/d004/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emojis</title>
<link rel="shortcut icon" href="imagem.ico/favicon.ico" type="image/x-icon">
</head>
<body>
<h1>Meus emojis Favoritos</h1>
<h2>Carinhas</h2>
<ul>
<li>&#x1F600</li>
</ul>
<ul>
<li>&#x1F602</li>
</ul>
<ul>
<li>&#x1F622</li>
</ul>
<ul>
<li>&#x1F976</li>
</ul>
<ul>
<li>&#x1F621</li>
</ul>
<ul>
<li>&#x1F624</li>
</ul>
<h2>Mãos</h2>
<ul>
<li>&#x270C</li>
</ul>
<ul>
<li>&#x1F44D</li>
</ul>
<ul>
<li>&#x1F919</li>
</ul>
<ul>
<li>&#x1F91D</li>
</ul>
<ul>
<li>&#x1F64F</li>
</ul>
<ul>
<li>&#x1F91C &#x1F91B</li>
</ul>
<h2>Animais</h2>
<ul>
<li>&#x1F435</li>
</ul>
<ul>
<li>&#x1F431</li>
</ul>
<ul>
<li>&#x1F436</li>
</ul>
<ul>
<li>&#x1F98D</li>
</ul>
<ul>
<li>&#x1F434</li>
</ul>
<ul>
<li>&#x1F98A</li>
</ul>
</body>
</html>
Binary file added desafios/modulo-01/d005/imagens/foto-perfil-pedro.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions desafios/modulo-01/d005/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Social</title>
</head>
<body>
<h1>Minhas redes sociais</h1>
<h2>Quem sou eu?</h2>
<img src="imagens/foto-perfil-pedro.png" alt="imagem.png">
<p>Meu é <strong>Pedro Henrique</strong>,sou um garoto de 16 anos e estou gostando muito de atuar como desevolvedor,e gosto muito também de cuidar da munha saude fazendo exercicios fisico e praticar esportes radicais como parkur,surf,andar de bicicleta,arte marcial e gosto tambem de fazer esportes como futebol,natação e outros... Comecei a desenvolver site na web por um simples motivo, sempre gostei de aprender, sempre tive o dom de adquerir conecimento e essa area de desenvolvimento programação, são multmilionaria em conhecimento, estou aprendendo o básico ainda, mais sei que daqui um tempo estudando e sempre me atualizando vou estar dominando essa função.</p>
Copy link

@PierreVieira PierreVieira Jan 1, 2022 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bacana sua fome por conhecimento Pedro!
Seguem aqui algumas sugestões de melhorias de português no seu texto:

Suggested change
<p>Meu é <strong>Pedro Henrique</strong>,sou um garoto de 16 anos e estou gostando muito de atuar como desevolvedor,e gosto muito também de cuidar da munha saude fazendo exercicios fisico e praticar esportes radicais como parkur,surf,andar de bicicleta,arte marcial e gosto tambem de fazer esportes como futebol,natação e outros... Comecei a desenvolver site na web por um simples motivo, sempre gostei de aprender, sempre tive o dom de adquerir conecimento e essa area de desenvolvimento programação, são multmilionaria em conhecimento, estou aprendendo o básico ainda, mais sei que daqui um tempo estudando e sempre me atualizando vou estar dominando essa função.</p>
<p>Meu nome é <strong>Pedro Henrique</strong>, sou um garoto de 16 anos e estou gostando muito de atuar como desenvolvedor. Gosto muito, também, de cuidar da minha saúde fazendo exercícios físicos e praticando esportes radicais como parkur, surf, andar de bicicleta, artes marciais... gosto, também, de fazer esportes como futebol, natação e outros...</p>
<p>Comecei a desenvolver sites na web por um simples motivo, sempre gostei de aprender, sempre tive o dom de adquirir conhecimento, e essa área de desenvolvimento/programação é multimilionária em conhecimento. Estou aprendendo o básico ainda, mais sei que daqui um tempo estudando e sempre me atualizando vou estar dominando essa função.</p>

<h1>Como falar comigo?</h1>
<ul>
<li><img src="imagens/icone-youtube.png" alt="imagem.png"><a href="https://www.youtube.com/channel/UCRIViLmimk4LZ1quiK2ZC_w" target="_blank" rel="next">Pedro Henrique</a> - Se inscreve la no meu canal do YouTube</li>
</ul>
<ul>
<li><img src="imagens/icone-github.png" alt="imagem.png"><a href="https://github.com/pedrohenriquelopesdefranca/MeuEstudos" target="_blank" rel="next">pedrohenriquelopesdefranca</a> - Acesse meu repositorio publico no GitHub</li>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<li><img src="imagens/icone-github.png" alt="imagem.png"><a href="https://github.com/pedrohenriquelopesdefranca/MeuEstudos" target="_blank" rel="next">pedrohenriquelopesdefranca</a> - Acesse meu repositorio publico no GitHub</li>
<li><img src="imagens/icone-github.png" alt="imagem.png"><a href="https://github.com/pedrohenriquelopesdefranca/MeuEstudos" target="_blank" rel="next">pedrohenriquelopesdefranca</a> - Acesse meu repositório público no GitHub</li>

</ul>
<ul>
<li><img src="imagens/icone-instagram.png" alt="imagem.png"> <a href="https://www.instagram.com/pedro_henrique_lopes05/" target="_blank" rel="next">pedro_henrique_lopes05</a> - Me siga la no Instagram</li>
</ul>
<ul>
<li><img src="imagens/icone-facebook.png" alt="imagem.png"><a href="https://web.facebook.com/pedrohenrique.lopesdefranca.3/" target="_blank" rel="next">Pedro Henrique Lopes de França</a> - Me acompanhe la no Facebook</li>
</ul>
</body>
</html>
24 changes: 24 additions & 0 deletions desafios/modulo-01/d006/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
~<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tags HTML</title>
</head>
<body>
<H1>Tags em HTML</H1>
<p>Em HTML5, podemos inserir os elementos da lista a seguir. Passe o mouse sobre or termos para descobrir qual tag devera ultilizar em cada caso.</p>

<ul type="square">
<li><abbr title="<p>">Paragrafo</abbr><li>
<li><abbr title="<h1>">Titulos</abbr></li>
<li><abbr title="<img>">imagens</abbr></li>
<li><abbr title="<abbr>">Abreviações</abbr></li>
<li><abbr title="<h2>">Sub-titulo</abbr></li>
<li><abbr title="<ol>">Listas numeradas</abbr></li>
<li><abbr title="<ul>">Listas com demarcadores</abbr></li>
</ul>

</body>
</html>
18 changes: 18 additions & 0 deletions desafios/modulo-01/d007/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Imagens Flexivel</title>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<title>Imagens Flexivel</title>
<title>Imagens Flexíveis</title>

</head>
<body>
<h1>Imagem Flexivel</h1>
<p>Voce esta vendo a imagem completa? Experimente ampliar o tamanho da sua janela para aproveitar a melhor experiencia &#x1F92F</p>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<p>Voce esta vendo a imagem completa? Experimente ampliar o tamanho da sua janela para aproveitar a melhor experiencia &#x1F92F</p>
<p>Você está vendo a imagem completa? Experimente ampliar o tamanho da sua janela para aproveitar a melhor experiencia &#x1F92F</p>

<picture>
<source media="(max-width: 500px)" srcset="paisagem-p.png" type="Imagem/png">
<source media="(max-width: 1600)" srcset="paisagem-m.png" type="imagem/png">
<img src="imagens/paisagem-g.png" alt="imagem flexicivel">
</picture>
</body>
</html>
22 changes: 22 additions & 0 deletions desafios/modulo-01/d008/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navegação</title>
<style>
body{
background-color: silver;
}
</style>
</head>
<body>
<h1>Desafio da Navegação</h1>
<p>Esta é página principal, o indicie do seu site. E a página cinza.<br> A partir dela voce pode acessar as outras Áreas principais atraves dos links a seguir:</p>
<u>
<li><a href="pag02.html">Acessar a área verde</a></li>
<li><a href="pag03.html">Acessar a área amarela</a></li>
</u>
</body>
</html>
21 changes: 21 additions & 0 deletions desafios/modulo-01/d008/pag02.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navegação</title>
<style>
body{
background-color: lightgreen;
}
</style>
</head>
<body>
<h1>Pagina Verde</h1>
<p>Voce agora esta na área verde. Voce acessou clincando no <br> primeiro link da pagina principal.</p>
<u>
<li><a href="index.html">Voltar para a página cinza</a></li>
</u>
</body>
</html>
21 changes: 21 additions & 0 deletions desafios/modulo-01/d008/pag03.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navegação</title>
<style>
body{
background-color: lightyellow;
}
</style>
</head>
<body>
<h1>Página Amarela</h1>
<p>Você agora esta na área amarela. Você acessou clicando no <br> segundo link da página principal.</p>
<u>
<li><a href="index.html">Voltar para a página cinza</a></li>
</u>
</body>
</html>
16 changes: 16 additions & 0 deletions desafios/modulo-01/d009/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meus viedos</title>
</head>
<body>
<h1>Videos legais para assistir</h1>
<a href="pag02.html"><img src="imagens/thumb-html.png" alt="imagem.png"></a>
<a href="pag03.html"><img src="imagens/thumb-js.png" alt="imagem.png"></a> <br>
<a href="pag04.html"><img src="imagens/thumb-hardware.png" alt="imagem.png"></a>
<a href="pag05.html"><img src="imagens/thumb-python.png" alt="imagem.png"></a>
</body>
</html>
20 changes: 20 additions & 0 deletions desafios/modulo-01/d009/pag02.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>curso de informatica</title>
<style>
img{
background-color: black;
}
</style>
</head>
<body>
<h1>Curso de HTML</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/rsFCVjr5yxc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://www.youtube.com/watch?v=rsFCVjr5yxc&t=495s" target="_blank" rel="next">Veja o curso completo</a></p>
<a href="index.html"><img src="imagens/voltar.png" alt="imagem.png"></a>
</body>
</html>
22 changes: 22 additions & 0 deletions desafios/modulo-01/d009/pag03.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript</title>
<style>
img{
background-color: black;
}
</style>
</head>
<body>
<h1>Curso de JavaScript</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/1-w1RfGIov4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <br>
<a href="https://www.youtube.com/watch?v=1-w1RfGIov4&list=PLHz_AreHm4dlsK3Nr9GVvXCbpQyHQl1o1" target="_blank" rel="next">
<p>Veja o curso completo</p>
</a>
<a href="index.html"><img src="imagens/voltar.png" alt="imagem.png"></a>
</body>
</html>
22 changes: 22 additions & 0 deletions desafios/modulo-01/d009/pag04.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hardwere</title>
<style>
img{
background-color: black;
}
</style>
</head>
<body>
<h1>Curso de Hardwere</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/zpK_MqEMgu4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="https://www.youtube.com/watch?v=zpK_MqEMgu4&list=PLHz_AreHm4dn1JHgN9wpbIUhzZmycYQXW&index=2" target="_blanl" rel="next">
<p>Veja o curso completo</p>
</a>
<a href="index.html"><img src="imagens/voltar.png" alt="imagem.png"></a>
</body>
</html>
22 changes: 22 additions & 0 deletions desafios/modulo-01/d009/pag05.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Python</title>
<style>
img{
background-color: black;
}
</style>
</head>
<body>
<h1>Curso de Python</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/S9uPNppGsGo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<a href="https://www.youtube.com/watch?v=S9uPNppGsGo&list=PLHz_AreHm4dlKP6QQCekuIPky1CiwmdI6" target="_blank" rel="next">
<p>Veja o curso completo</p>
</a>
<a href="index.html"><img src="imagens/voltar.png" alt="imagem.png"></a>
</body>
</html>
1 change: 0 additions & 1 deletion exercicios/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,6 @@ <h1>Exercícios de HTML5 e CSS3</h1>
<h2>&#x1F4C1; Módulo 01: Primeiros Passos</h2>
<ul>
<li><a href="modulo-01/ex001/index.html">Um HTML simples</a></li>
<li><a href="modulo-01/ex002/index.html">Parágrafos, quebras e emojis</a></li>
<li><a href="modulo-01/ex003/index.html">Inserindo imagens simples</a></li>
<li><a href="modulo-01/ex004/index.html">Utilizando favicons</a></li>
<li><a href="modulo-01/ex006/index.html">Hierarquia de títulos</a></li>
Expand Down
Loading