<
!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>HTML ALURA TAREFA 1</title>
<style>
header {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
body {
background-color: #1e1e1e;
color: #e0e0e0;
}
main {
display: flex;
flex-direction: column;
align-items: center;
}
h2 {
align-items: left;
color: #ffffff;
}
img {
width: 300px;
border-radius: 10%;
}
p {
font-size: large;
}
</style>
</head>
<header>
HTML Alura Tarefa 1
<h1>Desenvolvimento inicial HTML 5</h1>
<img src="html.png" alt="Imagem da logo HTML 5" />
</header>
<body>
<main>
<h2>Nesta aula aprendi:</h2>
<p>
HTML 5 é a principal estrutura de arquivos para todos os navegadores
atuais, ele te permite:
</p>
</main>
<ol>
<li>
<strong>
Definir o doctype para HTML e o meta charset="UTF-8" para maior
compatibilidade com idiomas e tradução, tornar a página para o modo noturno com
background-color e a fonte com color, para alterar fontes e outras características dentro do style;
</strong>
</li>
<li>
Montar uma estrutura a partir do head, sendo o cabeçalho e com body
sendo o conteúdo da página, composto por uma hierarquia de parágrafros
h1,h2,h3...h6, p, listar com ol, li;
</li>
<li>
Acrescentar imagens com img src=, lembrando sempre de criar um alt= para
caso não seja possivel exibir a imagem.
</li>
</ol>
</body>
<footer>
<style>
footer {
text-align: right;
}
</style>
<p>Desenvolvido por <strong>Luiz Correa</strong></p>
<a href="https://github.com/yShiroLuizC">GitHub</a>
</footer>
</html>
