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

Código do arquivo .html

Referente ao curso Git e Github: controle e compartilhe seu código, no capítulo O que é Git? e atividade Consolidando o seu conhecimento

por Thiago Lutten Leitão
| 50.4k xp | 8 posts

Escrevi pelo VI do Git Bash o seguinte código, conforme orientado na atividade:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cursos da Alura</title>
</head>
<body>
    <ul>
        <li>Vagrant</li>
        <li>Docker</li>
        <li>Ansible</li>
        <li>Integração Continua</li>
    </ul>
</body>
</html>

Acontece que quando abro a página html o termo "Cursos da Alura" não aparece (segue foto):

Resultado do código na página html

Como faço para que o título "Cursos da Alura" apareça na página? O que fiz de errado no meu código?

2 respostas
solução!
por Bruno Divino
| 287.3k xp | 239 posts
Instrutor

Olá Thiago! Tudo certo? Espero que sim. 🙂

O que está acontecendo é que a tag <head> é utilizada para nomear a página na aba de seleção do navegador.

Imagem da página do navegador com o arquivo html aberto, ressaltando o nome 'Cursos da Alura' na aba do arquivo html

Para criar um título que apareça no corpo da página experimente colocar dentro da tag <body> o mesmo título com algumas das tags <h1>, <h2>, <h3>, <h4>, <h5> ou <h6>. Exemplo de código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cursos da Alura</title>
</head>
<body>
    <h3>Cursos da Alura</h3>
    <ul>
        <li>Vagrant</li>
        <li>Docker</li>
        <li>Ansible</li>
        <li>Integração Continua</li>
    </ul>
</body>
</html>

Caso se interesse por mais conteúdo a respeito de html, temos uma Formação dedicada a esse assunto:

Espero ter ajudado! Quaisquer dúvidas, estou à disposição. 😉

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.Bons Estudos!
por Thiago Lutten Leitão
| 50.4k xp | 8 posts

Fala Bruno! Tudo certo, e ai?

Agora foi. Ajudou demais cara. Muito obrigado!