A estrutura do código em html e css, tá compreensível?
<!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>Protocolos-X</title>
<link rel="stylesheet" href="xcolor-2.css">
</head>
<body>
<header class="x01">X-DOCS</header>
<div></div>
<main>
<h1>DOCUMENTOS - MUTANTES</h1>
<h2>PROTOCOLOS DOCUMENTADOS - <em><strong><span>NÍVEL ÔMEGA</span></strong></em></h2>
<p class="x02">Nome: Ororo Monroe</p>
<p1>Raça: Mutante</p1>
<br>
<ul>
<li><a href="https://xmen-comics.fandom.com/pt-br/wiki/Tempestade_(Ororo_Munroe)_(Terra-616)#Poderes">Poderes</a></li>
</ul>
<ul>
<li><a href="https://xmen-comics.fandom.com/pt-br/wiki/Tempestade_(Ororo_Munroe)_(Terra-616)#Habilidades">Skills</a></li>
</ul>
<img src="tempx.png" alt="Imagem da mutante Tempestade">
</main>
<footer>instagram: guperri</footer>
</body>
</html>
header{
font-family: verdana;
font-size: x-small;
}
body{
background-color: black;
color: whitesmoke;
}
h1{
color: #DDC614;
font-family: tahoma;
text-align: center;
font-weight: bold;
}
strong{
color: #DDC614;
border: 1px solid;
padding: 10px;
}
h2{
text-align: center;
font-family: verdana;
font-weight: bolder;
}
p{
font-family: verdana;
font-weight: bolder;
color:whitesmoke
}
p1{
font-family: verdana;
font-weight: bolder;
color:whitesmoke
}
a{
font-size: tahoma;
color:gold
}
ul{
color: darkgoldenrod;
}
footer{
background-color: gold;
color:black
}
