segunda-feira, 8 de agosto de 2016

Criar Uma Página "Index.html" Com Uma Imagem Redimensionada Automaticamente ao Centro da Tela

Abra o bloco de notas e coloque o seguinte conteúdo:

#começo_do_código

<html>
<head>
<title> *Acesso Negado </title>
<style type="text/css">
#imgpos {
position:absolute;
left:50%;
top:50%;
margin-left:- (**colocar tamanho da largura da imagem /2)px;
margin-top:- (**colocar tamanho da altura da imagem /2)px;
}
</style>
</head>
<body>
<img src="***url_da_imagem" width="(****colocar tamanho da largura da imagem)" height="(****colocar tamanho da altura da imagem)" id="imgpos">
</html>

#fim_do_código


*     = Nome que aparecerá na barra de título da página.
**   = Você pode ver essa informação indo nas propriedades da imagem, você pegará o valor e dividirá por 2 o resultado deverá ser colocado nesse campo.
*** = Se a imagem estiver na mesma pasta onde ficará o arquivo index.html, só é preciso colocar o nome da imagem, caso contrário especificar o caminho ou url de onde a imagem está.
**** = Mesmos valores dos campos: **


Após fazer todos os procedimentos, salvar o arquivo como "index.html"