Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

Problemas na tag <title>

Referente ao curso HTML5 e CSS3 parte 1: crie uma página da Web, no capítulo Separando o conteúdo e informações e atividade Passando dados para o navegador

por Rickelmy Pacheco do Espírito Santo
| 44.2k xp | 94 posts

Olá! Fiz da mesma maneira que o professor fez, todavia, não obtive o mesmo resultado. Assim que coloquei a tag 

<body>
    <h1>Sobre a Barbearia Pacheco</h1>

    <p>Localizada no coração da cidade a <strong>Barbearia Pacheco</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Pacheco já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de 
    excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>
`
8 respostas
por Rickelmy Pacheco do Espírito Santo
| 44.2k xp | 94 posts

É assim que fica a página: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

por André Brendo dos Santos
| 41.5k xp | 4 posts

Oi, bom dia, acho que deve ser algum problema dentro do head. Fiz um código semelhante e ficou assim:

<head>
    <meta charset="UTF-8">
    <title>Barbearia alura</title>
</head>
<body>
    <h1>Sobre a Barbearia Alura</h1>
</body>
por Estudante
| 389.9k xp | 241 posts

Olá, Rickelmy, está parecendo que o problema está na tag head, como o André comentou.

Verifique se esse trecho do seu código está assim:

<head>
       <meta charset="UTF-8">

       <title> Barbearia Pacheco</title> 

</head>

O conteúdo da tag title ("Barbearia Pacheco") deve aparecer na aba da página e não no corpo, como está aparecendo no seu caso.

Então, o código completo deveria ficar assim:

<!DOCTYPE hmtl>

<html lang="pt-br">

<head>
        <meta charset="UTF-8">

        <title> Barbearia Pacheco</title>

</head>

<body>
        <h1>Sobre a Barbearia Pacheco</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Pacheco</strong> traz para o mercado o que há de melhor
                para o seu cabelo e barba. Fundada em 2019, a Barbearia Pacheco já é destaque na cidade e conquista
                novos clientes a cada dia.</p>

        <p><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de
                excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>

</html>

Com esta visualização no navegador:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Espero ter ajudado. Bons estudos!

por Rickelmy Pacheco do Espírito Santo
| 44.2k xp | 94 posts

Oi, pessoal! Obrigado pelas respostas, mas a tag já está no head. Não sei o porquê disso está acontecendo.. Teve um rapaz que aconteceu a mesma coisa com ele, mas depois de um dia voltou ao normal sem ele editar nada. Enfim, talvez seja o navegador.

por Rickelmy Pacheco do Espírito Santo
| 44.2k xp | 94 posts

Assim que está o meu código:

<!DOCTYPE html>
<html lang="pt-br"> 
    <head>
        <meta charset="UTF-8"
        <title> Barbearia Pacheco</title>
        <link rel = "stylesheet" href="style.css"
    </head>

    <body>
        <h1 style="text-align: center;">Sobre a Barbearia Pacheco</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Pacheco</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a <strong>Barbearia Pacheco</strong> já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p style="font-size: 20px;"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de 
        excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </body>

</html>

Style.css

body{
    background: #CCCCCC
}

p{
    text-align: center;
    background: #CCCCCC
}

em strong{
    color: red;
}
por Ially Fabiane Da Silva
| 337.5k xp | 206 posts

Olá Rickelmy, no seu código está faltando o fechamento das tags meta e link do style.css : <meta charset="UTF-8" <title> Barbearia Pacheco</title> <link rel = "stylesheet" href="style.css", pode ser que esteja causando o problema no funcionamento do título, espero ter ajudado. Bons estudos!

por Rickelmy Pacheco do Espírito Santo
| 44.2k xp | 94 posts

Olá, Ially! Obrigado pela resposta. Fiz o fechamento das tags, mas ainda não funcionou.

solução!
por Suelen Cabral
| 37.3k xp | 23 posts

Para mim só funcionou quando coloquei o fechamento das tags como ja foi mencionado na head. Tenta copiar este codigo para testar no seu editor.

<!DOCTYPE html>
<html lang="pt-br"> 
    <head>
        <meta charset="UTF-8">
        <title> Barbearia Pacheco</title>
        <link rel = "stylesheet" href="style.css">
    </head>

    <body>
        <h1 style="text-align: center;">Sobre a Barbearia Pacheco</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Pacheco</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a <strong>Barbearia Pacheco</strong> já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p style="font-size: 20px;"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes".</strong></em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de 
        excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </body>

</html>