Bom dia
Queria saber se estou usando a tag aside de maneira correta no meu documento.Pelo que eu entendi a respeito dela, a tag é usada para conter uma informação relacionada ao conteúdo principal da página. Nesse meu exemplo, eu fiz uma histórinha e na tag aside se encontram informações a respeito do autor da história.
Embaixo do texto também contém informações a respeito do texto principal,coloquei dentro de uma tag address, ela deveria ser filha da tag aside?
Meu código :
<head>
<meta charset="utf-8">
<title> Treino 40 </title>
<style>
h1{
text-decoration:underline;
text-align:center;
color:#0000ff;
}
h2{
text-decoration:underline;
text-align:center;
color:#0000ff;
}
img{
border-radius:30px;
margin-left:20px;
}
aside{
margin-left:820px;
position:absolute;
bottom:100px;
float:left;
}
article{
background-color:gray;
border:solid 2px;
border-radius:6px;
position:absolute;
left:200px;
right:200px;
top:200px;
}
#teste h2{
text-align:center;
color:blue;
font-family:Segoe script;
}
#Conteudo{
border:solid 1px;
background-color:gray;
padding-right:0px;
padding-left:40px;
}
article p{
margin-left:100px;
margin-right:130px;
padding-top:-400px;
text-align:center;
}
address{
margin-left:190px;
margin-right:500px;
margin-top:1070px;
padding-left:20px;
padding-top:20px;
border:solid 1px;
}
.texto{
margin-left:100px;
margin-right:100px;
text-align:justify;
font-family:Segoe script;
}
</style>
</head>
<body>
<h1>Treino 40 </h1>
<h2>Aside</h2>
<article id="teste">
<h2>Por quê?</h2>
<p class="texto">
A pequena mariazinha anda toda sorridente nos últimos meses,
o porquê dos belos sorrisos da menina?Porque a tímida jovenzinha
finalmente arrumou o seu primeiro namoradinho.
</p>
<p class="texto">
Ela comprou um belo vestido vermelho, o mais caro que encontrou na
loja de roupas e mostrou a peça para sua mãe, que respondeu :<br>
- Maria!, minha filha por que logo esse? o mais caro da loja , ele é bonito
mas tinha outros tão belos quanto esse e muito mais barato, não consigo entender.
Por quê?
</p>
<p class="texto">
A menina abre um belo sorriso com o espanto da mãe e explica o motivo de ter comprado
aquele vestido tão caro.
</p>
<p class="texto">
- Num passeio com o meu namorado a alguns meses atrás,paramos na vitrine para ver algumas
roupas e então vimos esse belo vestido,meu namorado me disse que adoraria me ver com aquele
vestido mas que infelizmente ele não tinha dinheiro suficiente para compra-lo.
Então eu resolvi usar minhas enconomias para poder presentear o meu homenzinho.
</p>
<p class="texto">
A mãe da garota ouvindo isso se emociona e pequenas lágrimas caem do seus olhos,sua filha
estava crescendo e tinha encontrado uma peça do quebra-cabeça que é a felicidade nessa vida.
</p>
<p class="texto">
As duas se abraçam e depois cada uma segue o seu caminho, mariazinha vai experimentar o vestido
e se arrumar para o encontro com o namorado e a mãe dela volta as atividades de casa.
</p>
<p class="texto">
</p>
</article>
<aside>
<b>Quem é Wind waker?</b><br><br>
<img src="imagens/link.jpg" height="100" width="100">
<p id="Conteudo">
Wind O. Waker é um célebre autor de livros no Brasil
com mais de 7000 mil livros publicados e todos sendo
best-sellers.
</p>
<p id="Conteudo">
Esse escritor é um jovenzinho que promete
altas confusões.
</p>
</aside>
<br><br><br>
<address>
<b>Informações sobre o texto : </b>
<p><b>Livro :</b> Por que a vida é tão complicada?</p>
<p><b>Autor :</b> The Wind Waker</p>
<p><b>Data de publicação:</b>10/02/2021</p>
<p><b>Editora :</b>Fábrica literária</p>
<p><b>País:</b> Brasil</p>
</address>
</body>
