TrabalhosGratuitos.com - Trabalhos, Monografias, Artigos, Exames, Resumos de livros, Dissertações
Pesquisar

Trabalho HTML

Por:   •  11/5/2015  •  Projeto de pesquisa  •  1.313 Palavras (6 Páginas)  •  355 Visualizações

Página 1 de 6

<!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;

...

Baixar como (para membros premium)  txt (21.8 Kb)   pdf (78 Kb)   docx (27.9 Kb)  
Continuar por mais 5 páginas »
Disponível apenas no TrabalhosGratuitos.com