Script Defenders
Você Não Tem Uma Conta ?

Então Clique Em Registrar-Se E Faça Uma Agora Mesmo !

Vagas Abertas !

Participe do fórum, é rápido e fácil

Script Defenders
Você Não Tem Uma Conta ?

Então Clique Em Registrar-Se E Faça Uma Agora Mesmo !

Vagas Abertas !
Script Defenders
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

CSS & HTML - Layout

Ir para baixo

CSS & HTML - Layout Empty CSS & HTML - Layout

Mensagem  Anonimo Dom maio 06, 2012 7:39 pm

Para criar um layout, irá ultilizar um pouco do html e um pouco do css, em conjunto.
Usaremos tudo que aprendemos nas aulas acima! e aprenderemos uma tag nova e bem simples..
Código:

<html>
<head>
<title>Tutorial 1 - CSS</title>
<style type="text/css">
#container {
border:1px solid black;
margin:0 auto;
}
#header {
border:1px solid black;
}
#menu {
border:1px solid black;
}
#postagens {
border:1px solid black;
}
#footer {
border:1px solid black;
}
</style>
</head>
<body>
<div id="container">
<div id="header">LAYOUT</div>
<div id="menu">dasdasdasd</div>
<div id="postagens"><h1>Postagem n°1</h1><br><p>Só de teste.</p></div>
<div id="footer">Criado por anonimo</div>
</div>
</body>
</html>
O Layout é uma página web, que reúne tudo oque estudamos.
a tag <br> é usada para uma quebra de linhas, ou seja, um "enter".
Copie o código acima, e salve e um bloco de notas como .html, execute-o e veja, treine muito, pois o segredo de aprender é a prática!
Anonimo
Anonimo
Membro
Membro

Mensagens : 28
Reputação : 0
Data de inscrição : 06/05/2012

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos