Trabalho HTML
Por: rogerioaraujo • 11/5/2015 • Projeto de pesquisa • 1.313 Palavras (6 Páginas) • 355 Visualizações
<!DOCTYPE html>
<head>
<script type="text/javascript" src="filmesMaisAssistidos.js"></script>
<style>
#principal
{
border:3px solid black;/*espessura da borda estilo cor*/
margin:auto; /*coloca o elemento no centro da tela*/
width: 800px;/*tamanho do elemento*/
background-color:#000;
box-shadow: 3px 3px 30px #999988;/*cria sombra*/
}
h1.cabecalho_principal
{
/*border:3px solid red;espessura da borda estilo cor*/
/*border-radius: 15px;arredondamento*/
margin:auto; /*coloca o elemento no centro da tela*/
width: 350px;/*tamanho do elemento*/
text-align: center;/*coloca o texto no centro do elemento*/
background-color:#F8F8FF;/*cor do fundo*/
box-shadow: 10px 10px 10px #997988;/*cria sombra*/
}
.conteudo
{
background-color:#000;/*cor do fundo*/
box-shadow: 9px 9px 10px #C0C0C0;/*cria sombra*/
margin:40px;
border:2px solid blue;
}
</style>
</head>
<body >
<header id="principal">
<section>
<header>
<h1 class="cabecalho_principal">Telecine Mozer</h1>
</header>
<article >
<div style="background-color:lightgrey">
<hr>
<h1 align="center"><a href="telecine_mozer.html">Home | </a><a href="filme.html">Filmes |
</a><a href="cadastro.html">Cadastro | </a></h1>
<hr>
</div>
<div class="conteudo">
<img src="filmes/acao/merce.png" alt="mercenarios" style="width:356px;height:228px">
<img src="filmes/acao/mumia.png" alt="mercenarios" style="width:356px;height:228px"><br>
<img src="filmes/animacao/era.png" alt="mercenarios" style="width:356px;height:228px">
<img src="filmes/animacao/mada.png" alt="mercenarios"
style="width:356px;height:228px"><br>
<img src="filmes/aventura/harry.png" alt="mercenarios" style="width:356px;height:228px">
<img src="filmes/aventura/jack.png" alt="mercenarios"
style="width:356px;height:228px"><br>
<img src="filmes/comedia/sebeber.png" alt="mercenarios"
style="width:356px;height:228px">
<img src="filmes/comedia/todoMundoEm.png" alt="mercenarios"
style="width:356px;height:228px"><br>
<img src="filmes/drama/aArvore.png" alt="mercenarios" style="width:356px;height:228px">
<img src="filmes/drama/lore.png" alt="mercenarios" style="width:356px;height:228px"><br>
</div>
</article>
</section>
</header>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
#principal
{
border:3px solid black;/*espessura da borda estilo cor*/
margin:auto; /*coloca o elemento no centro da tela*/
width: 800px;/*tamanho do elemento*/
background-color:#000;
box-shadow: 3px 3px 30px #999988;/*cria sombra*/
}
h1.cabecalho_principal
{
/*border:3px solid red;espessura da borda estilo cor*/
/*border-radius: 15px;arredondamento*/
margin:auto; /*coloca o elemento no centro da tela*/
width: 350px;/*tamanho do elemento*/
text-align: center;/*coloca o texto no centro do elemento*/
background-color:#F8F8FF;/*cor do fundo*/
box-shadow: 10px 10px 10px #997988;/*cria sombra*/
}
.conteudo
{
background-color:#DDDDDD;/*cor do fundo*/
box-shadow: 9px 9px 10px #C0C0C0;/*cria sombra*/
margin:40px;
...