4
respostas

favicon não aparece

Favicon não aparece, esta salvo dentro da pasta do html.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="icon" href="favicon.ico">
        <link rel="stylesheet" href="bio.css">
        <title>biografia - joão da Silva</title>

    </head>

        <body>
        <main>
             <h1> Sobre mim</h1>
            <p>Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de <em>qualidade, durabilidade</em> e que agregam valor para meus clientes.</p>
            <p>Trabalho usando a web como plataforma, ou seja, respiro HTML5, CSS3 e JavaScript (ou melhor: ECMASCript).</p>
            <p>Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p>

            <h2>Como trabalho</h2>
                <blockquote>
                    <p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
                    <cite>José Souza, Fiat</cite>
                </blockquote>
            <p>Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo.</p>
            <p> <strong>Não trabalho com escopo fechado:</strong> o cliente é que decide quando o produto está pronto.</p>
            <p>Também não trabalho com prazos fechados: <strong>qualidade é importante demais para ser sacrificada.</strong></p>

            <h2>Experiência</h2>
                <blockquote>
                    <p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p>
                    <cite> Manoel Santos, Petrobrás</cite>
                </blockquote>

            <p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p>
            <p>Já desenvolvi projetos para grandes empresas como <a href="http://www.bmw.com">BMW</a>  <a href="http://www.uol.com.br">UOL</a> e IBM. Neles, o foco principal era entregar uma experiência imersiva e impactante para o usuário final sem descuidar do desempenho e da acessibilidade da página.</p>
            <p>Também já fui contratado para transformar grandes portais, como Terra e G1, em páginas responsivas.</p>
            <p>Fui responsável por renovar o layout, reorganizar o conteúdo e re-escrever o código de forma mais reaproveitável.</p>

            <h2>Comunidade</h2>
            <p>Procuro repassar meu conhecimento para a comunidade.</p>
            <p>Para isso, já dei diversas palestras e mantenho um blog.</p>
            <img src="eu.jpg" alt="foto de joão da silva">
            <nav>
                <h1> João da Silva</h1>
                <ul>
                    <li><a href="#" >home</a></li>
                    <li><a href="#" >portfolio</a></li>
                </ul>
            </nav>
            <footer>
                &copy; João da silva
            </footer>
            </main>

        </body>
</html>
4 respostas

Oi Marilivia, tudo bem? Que navegador está testando? Pode me disponibilizar seu projeto pra mim testar?

Bom dia testei no chrome, mozilla e safari. segue o link do projeto: https://www.dropbox.com/sh/h7idpijybdq41tc/AAAd-TWgRoFp8C8AuJP1zPOia?dl=0

Olá Marilivia! Tudo bom com você?

Dei uma olhada no seu dropbox.

Seu arquivo HTML está "procurando" por um arquivo chamado "favicon" com a extensão "ico".

O formato do seu favicon que se encontra no seu dropbox é png, portanto, basta modificar sua tag link para:

<link rel="icon" href="favicon.png">
//repare que troquei o formato!

Teste a alteração e veja se funciona!

Qualquer coisa volte a postar!

Espero ter ajudado!

Abraços e bons estudos!

Marilivia, dá um feedback aqui sobre a solução do Paulo?