Topo

Aqui A Parte do Topo

o HTML semantico , faz com que o codigo fique mais facil para quem esta lendo, entender e saber aonde ele esta mexendo. o div topo, poderia ser substituido por "header", que daria a mesma funcao do "div topo".


A Tag "class" é ultilizada para dar um nome para a "div" que você esta criando.
Exemplo: "< div class="Topo"> < h1>Topo< /h1> < p>Aqui A Parte do Topo< /p> < /div>

Foi Criado a div com a class "topo", e no com o css, voce vai criando e definindo como sera dentro da class topo. Exemplo
dentro do "< head> < /head>"
< head>
< style> *{box-sizing: border-box; }
body { margin: 0; }
.topo { background-color: gray; padding: 20px; text-align: center; }

< /head>
as outras < div> estao separados por outros nomes e outras "div", entrar no (vscode) para visualizar o codigo.

div é como se fosse blocos que vocd vai editando separadamente.

Coluna

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellat quo eum nam, error distinctio, nobis quod quisquam impedit eos deleniti fugit tenetur, minima beatae illo odio vitae magni reprehenderit cumque.

Coluna2

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellat quo eum nam, error distinctio, nobis quod quisquam impedit eos deleniti fugit tenetur, minima beatae illo odio vitae magni reprehenderit cumque.



Pagina Principal Pagina Div