Skip to content

Instantly share code, notes, and snippets.

@sauerlock

sauerlock/exercicio01-html.markdown

Last active May 23, 2022 15:35
Show Gist options
  • Save sauerlock/797fe122eaba80155527b816da62b7a8 to your computer and use it in GitHub Desktop.
Save sauerlock/797fe122eaba80155527b816da62b7a8 to your computer and use it in GitHub Desktop.
Download ZIP
exercicio01-html
Raw
index.html
<body>
<!--
1. Insira um titulo apropriado (<h1> </h1>)
2. Crie um setor (<div> </div>) para as suas imagens
3. Adicione um link para uma página com um assunto relacionado a imagem
4. Dentro de cada setor insira uma imagem (<img src='' alt='' />) e um titulo (h2-h6)
*Obs: No codepen não é possível fazer upload de imagens, por esse motivo, utilize as urls abaixo para adicionar as imagens:
- https://mundozumm.com.br/wp-content/uploads/2019/09/arvore-696x464.jpg
- https://www.tirarvistocanadense.com.br/wp-content/uploads/2020/10/Lagos-do-Canada-min.png
- https://img.freepik.com/fotos-gratis/flores-cor-de-rosa-em-rosa_24837-301.jpg?size=626&ext=jpg&ga=GA1.2.485842779.1608422400
-->
<h1>Natureza</h1>
<div>
<h2>Arvores</h2>
<img src="https://conexaoplaneta.com.br/wp-content/uploads/2016/09/arvores-perfeitas-calcadas-largas-copaiba-ricardo-cardim.jpg" alt="arvores grandes e verdes"
<a href="https://www.vivadecora.com.br/pro/paisagismo/arvores-nativas" target="_blank">Sobre uma árvore</a>
</div>
<div>
<h3>Lagos Canadenses</h3>
<img src="https://www.tirarvistocanadense.com.br/wp-content/uploads/2020/10/Lagos-do-Canada-min.png" alt="Lagos no Canada">
<a href="https://etacanadavisa.com.br/post/lagos-do-canada-conheca-os-6-mais-lindos/" target="_blank">Sobre lagos no canada</a>
</div>
<div>
<h6>Rosas</h6>
<img src="https://img.freepik.com/fotos-gratis/flores-cor-de-rosa-em-rosa_24837-301.jpg?size=626&ext=jpg&ga=GA1.2.485842779.1608422400" alt="rosas">
<a href="https://pt.wikipedia.org/wiki/Rosa" target="_blank">Sobre rosas</a>
</div>
</body>
Raw
style.css
/* estilo auxiliar, não precisa se preocupar com essa parte */
a{
display: block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment