Vamos iniciar um pequeno projeto. PAra comerçar vamos elaborar um site simples com um template bem básico. Faça, em html e CSS, o template abaixo:
Soluções para a tarefa
Resposta:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.topo{
border: 2px solid #000;
height: 150px;
}
.texto_topo{
font-size: 45px;
text-align: center;
font-family: arial;
width: 300px;
margin-left: 300px
}
.conteudo1, .conteudo2, .conteudo3{
margin-top: 50px;
border: 2px solid black;
width: 25%;
float: left;
margin-right: 50px;
}
</style>
</head>
<body>
<div class="topo">
<div class="texto_topo">Bloco principal de notícias</p>
</div>
<div class="conteudo1">
Bloco individual
</div>
<div class="conteudo2">
Bloco individual
</div>
<div class="conteudo3">
Bloco individual
</div>
</body>
</html>
Explicação:
nao ta igual.... ta apenas um inicio pra tu ter alguma ideia ... da uma ajustada ai no CSS que acho q tudo se ajeita .... se puder usar bootstrap melhor ainda hehe