HTML Nao funciona o comando

LuccsNobrega · 29 de agosto de 2019

to executando mas a imagem de fundo não carrega, não sei o motivo, alguem sabe?

<html>

<head>

<title> </title>

<style type="text/css">

 body{background-image: url(gi.gif)}

</style>

</head>



<body>



</body>



</html>

navegantenarede · 29 de agosto de 2019

@LuccsNobrega tem um "<" antes do seletor da regra CSS que você está incluindo no elemento style. Na dúvida, o navegador exibe os erros de frontend e requisição no console, nas ferramentas de desenvolvedor.

LuccsNobrega · 29 de agosto de 2019

@navegantenarede ahh mlk podecre, valeu cct xD ps: vou testar aqui, ve se da certo mesmo

adicionado 2 minutos depois

@navegantenarede sabe me responder se tem como o visual studio abrir uma pagina no proprio programa mostrando minha pagina e dividindo a tela com o editor?

adicionado 4 minutos depois

@navegantenarede nao deu certo não, o comando style ta certo

navegantenarede · 29 de agosto de 2019

@LuccsNobrega não sei dizer se o Visual Studio tem essa opção, mas posso te sugerir o Brackets, que sei permite a visualização em tempo real.

O "<style> [...] </style>" não é um comando, é um elemento que inclui regras CSS. Dá umha olhada na MDN que lá você pode ver as nomenclaturas corretas dos componentes.

Tente colocar o nome do arquivo entre aspas. Aqui um exemplo: https://jsfiddle.net/4oap96fb/

Sempre consulte as ferramentas de desenvolvedor para ver porque o resultado não é o que você espera. Ah, e quando postar código aqui no fórum, tenta também formatar clicando no botão "<>", que facilita a leitura para quem for ler seu tópico.

DiF · 29 de agosto de 2019

@LuccsNobrega

Se não apareceu a imagem, pode ser que não esteja no lugar certo.

Ali no seu código você indica que a imagem está no root do seu projeto.

Vamos supor que você tem uma pasta chamada site

a estrutura tem que ficar assim:

pasta site
   |-gi.gif
   |-index.html

Se colocar a imagem dentro de outra pasta. vai ter que colocar o caminho no css como pasta/gi.gif

LuccsNobrega · 29 de agosto de 2019

@DiF eu to prestando atenção nisso e mesmo assim n ta dando certo, =(

navegantenarede · 30 de agosto de 2019

@LuccsNobrega faz o seguinte, abre esse arquivo HTML no seu navegador e depois abre o console do desenvolvedor (no Chrome você pode abrir com Ctrl+Shift+I).