Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
20
respostas

Nada que uso link da certo, arquivos não duplicados, todos na mesma pasta,(D:\Desktop\Curso HTML) não achei o erro. utilizo visual studio code

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fanfic</title>
        <link rel="icon" href="Icon Fanfic Teste.PNG">
        <link rel="stylesheet" href="Base.2">
    </head>
    <body>
        <h1>Projeto-Fanfic</h1>
        <p>Icone errado </p>
        <h2>Nossa História</h2>
    </body>
</html>


<style>
    h1 {font-size:90px}    
    h2 {font-size:40px}
</style>
20 respostas

Boa noite, Deivid! Como vai?

Usando o navegador Google Chrome, abra a sua página, aperte F12 e, na nova área que irá aparecer, vá na aba "console". Veja se lá aparece alguma mensagem de erro. Se sim, copie e cole ela aqui, por favor. Assim eu poderei ter uma ideia melhor do que está acontecendo para tentar te ajudar!

Grande abraço e bons estudos, meu aluno!

href="Icon Fanfic Teste.PNG" Com espaço entre caracteres, o navegador não vai encontrar o arquivo png. Tenta renomear o arquivo png para

icon_fanfic_teste.png ou iconFanficTeste.png e vê se tudo funciona normalmente.

ola igor mudar o nome não adiantou.

quanto ao F12 esta e a mensagem porem ao pesquisar na internet apareceu respostas que não entendi pois acredito estar avançado de mais para mim.

Failed to load resource: net::ERR_FILE_NOT_FOUND

Opa, Deivid! Vc chegou a testar a sugestão dada pelo Igor?

Outra coisa, esse log de erro que vc colou aqui não está completo. Vc poderia colar o log completo, por favor? Pq somente com ele eu poderei saber exatamente o que está acontecendo.

perdão isso aparece na aba console.

Failed to load resource: net::ERR_FILE_NOT_FOUND
Icon%20Fanfic%20Teste.PNG:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
translate.google.com/gen204?nca=te_li&client=te_lib&logld=vTE_20181015_01:1 GET file://translate.google.com/gen204?nca=te_li&client=te_lib&logld=vTE_20181015_01 net::ERR_FILE_NOT_FOUND
Image (async)
$q @ VM23:294
(anonymous) @ VM23:475
(anonymous) @ VM23:476
xhr.onreadystatechange @ VM17:419
XMLHttpRequest.send (async)
onLoadJavascript @ VM17:421
(anonymous) @ VM22:7
(anonymous) @ VM22:8
xhr.onreadystatechange @ VM17:419
XMLHttpRequest.send (async)
onLoadJavascript @ VM17:421
(anonymous) @ VM17:427
(anonymous) @ VM17:427
(anonymous) @ VM17:427
translate.google.com/gen204?sl=auto&tl=pt&textlen=14&sp=nmt&ttt=172&ttl=311&ttf=226&sr=1&nca=te_time&client=te_lib&logld=vTE_20181015_01:1 GET file://translate.google.com/gen204?sl=auto&tl=pt&textlen=14&sp=nmt&ttt=172&ttl=311&ttf=226&sr=1&nca=te_time&client=te_lib&logld=vTE_20181015_01 net::ERR_FILE_NOT_FOUND
Image (async)
$q @ VM23:294
v.dj @ VM23:425
v.Rf @ VM23:417
v.tg @ VM23:420
vm.I @ VM23:172
sm.h @ VM23:170
setTimeout (async)
um @ VM23:169
sm.add @ VM23:169
vm.s @ VM23:171
b @ VM23:403
Ot.h @ VM23:396
(anonymous) @ VM23:13
(anonymous) @ VM23:313
(anonymous) @ VM23:309
mi @ VM23:93
v.dispatchEvent @ VM23:92
Ul @ VM23:163
v.nj @ VM23:162
v.Pg @ VM23:162
XMLHttpRequest.send (async)
v.send @ VM23:160
Hr.send @ VM23:309
Nr.translate @ VM23:315
(anonymous) @ VM23:403
Pt @ VM23:396
v.translate @ VM23:403
v.Ni @ VM23:413
vm.I @ VM23:172
sm.h @ VM23:170
setTimeout (async)
um @ VM23:169
sm.add @ VM23:169
vm.s @ VM23:171
v.Gi @ VM23:401
cu.c @ VM23:400
translate.google.com/gen204?sl=auto&tl=pt&textlen=14&sp=nmt&ttt=166&ttl=311&ttf=226&sr=1&nca=te_time&client=te_lib&logld=vTE_20181015_01:1 GET file://translate.google.com/gen204?sl=auto&tl=pt&textlen=14&sp=nmt&ttt=166&ttl=311&ttf=226&sr=1&nca=te_time&client=te_lib&logld=vTE_20181015_01 net::ERR_FILE_NOT_FOUND
Image (async)
$q @ VM23:294
v.dj @ VM23:425
v.Rf @ VM23:417
v.tg @ VM23:420
vm.I @ VM23:172
sm.h @ VM23:170
setTimeout (async)
um @ VM23:169
sm.add @ VM23:169
vm.s @ VM23:171
b @ VM23:403
Ot.h @ VM23:396
(anonymous) @ VM23:13
(anonymous) @ VM23:313
(anonymous) @ VM23:309
mi @ VM23:93
v.dispatchEvent @ VM23:92
Ul @ VM23:163
v.nj @ VM23:162
v.Pg @ VM23:162
XMLHttpRequest.send (async)
v.send @ VM23:160
Hr.send @ VM23:309
Nr.translate @ VM23:315
(anonymous) @ VM23:403
Pt @ VM23:396
v.translate @ VM23:403
v.Ni @ VM23:413
vm.I @ VM23:172
sm.h @ VM23:170
setTimeout (async)
um @ VM23:169
sm.add @ VM23:169
vm.s @ VM23:171
v.Gi @ VM23:401
cu.c @ VM23:400

segui o conselho do igor e atualizei a pagina e ficou assim

GET file:///D:/Desktop/Curso%20HTML/Base.2 net::ERR_FILE_NOT_FOUND IconFanficTeste.PNG:1 GET file:///D:/Desktop/Curso%20HTML/IconFanficTeste.PNG net::ERR_FILE_NOT_FOUND

me pergunto se o formato em que salveis as coisas influencia, pois já salvei em html e css e nem um dos dois ele puxou como "link"

tem algum lugar onde eu possa colar um print da tela?

Deivid,

renomeia o arquivo Base.2 para base2 (como css), e coloque no link o .css, para mim funcionou.

só lembrando que o nome do arquivo deve ser mudado no html também

deixei o html assim, 
<DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fanfic</title>
        <link rel="icon" href="IconFanficTeste.PNG">
        <link rel="stylesheet" href="Base2.css">
    </head>
    <body>
        <h1>Projeto-Fanfic</h1>
        <p>Icone errado </p>
        <h2>Nossa História</h2>
    </body>
</html>

e o css assim:

h1 {
    font-size: 90px;
}

h2 {
        font-size:40px;
    }

como você, todos os arquivos na mesma pasta...

Ola clarisse obrigado pela dica, porem nao sei o motivo o h1 não é editado, o h2 muda o tamanho da fonte, porem o h1 nao muda nada, nao importa o tamanho ele fica sempre no mesmo tamanho. poderia me dizer se fiz algo errado ?

</head>
<body>
    <h1>Projeto-Fanfic</h1>
    <p>Icone errado </p>
    <h2>Nossa História</h2>
</body>

esse é o arquivo base3.css

</head>
<body>
    <h1>Projeto-Fanfic</h1>
    <p>Icone errado </p>
    <h2>Nossa História</h2>
</body>

Deivid,

acho que você acabou colando o html duas vezes. Uma das coisas que eu mais fiz enquanto estava seguindo esse curso foi esquecer o ponto e vírgula no fim da instrução do css:

h1 {
    font-size: 90px;
}
h2 {
        font-size:40px;
    }

esse que foi após o px, ou esquecer os dois pontos, ou ainda não fechar a chave... mas só poderei dizer vendo seu código do css...

Opa, Deivid! Parece que alguns dos seus códigos estão faltando como o css que a Clarisse citou! Sempre que for postar um código utilize o botão "inserir código" e cole o código no lugar indicado para que ele possa ser postado corretamente!

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

mesmo fazendo as alterações que a Clarisse pediu ainda assim o h1 não tem alteração de tamanha fiz alguns testes e nada. nao consigo entender onde esta o erro esse te um erro ?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fanfic</title>
        <link rel="icon" href="IconFanficTeste.png">
        <link rel="stylesheet" href="base3.css">

    </head>
    <body>
        <h1>Projeto-Fanfic</h1>
        <p>Icone errado </p>
        <h2>Nossa História</h2>
   </body>
</html>
<style>
    h1{font-size:90px;}
    h2{font-size:90px;}
</style>

Deivid, esse css está em arquivo separado??? se sim, não vai a tag

como assim arquivo separado?

achei minha própria resposta não entendo o motivo mas funcionou sem o <style>
<style>
   h1{font-size:90px;}
    h2{font-size:90px;}
</style>

Assim h1{font-size:90px;} h2{font-size:90px;}

solução!
  h1{font-size:90px;}
    h2{font-size:90px;}

Boa noite, Deivid! Como vai?

O que a Clarisse quis dizer é que vc não precisa usar a tag style no seu CSS por se tratar de um arquivo externo ao HTML! Só usamos a tag style quando o CSS e o HTML estão no mesmo arquivo! Portanto, seu código CSS do arquivo base3.css deve ficar assim:

h1{ font-size:90px; }
h2{ font-size:90px; }

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluo!