Solucionado (ver solução)
Solucionado
(ver solução)
22
respostas

Dúvida no Ex. 1 da Aula 3 - Outras tags HTML e como aplicar CSS nelas

Referente ao curso HTML e CSS: Os seus primeiros passos, no capítulo Outras tags HTML e como aplicar CSS nelas e atividade CSS em arquivo separado

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Estou com problemas no exercício, fiz o link mas o arquivo não puxa para fazer as alterações. qual pode ser o problema ?

Flavio da Silva

23 anos, Solteiro

(21) 98566-7455

flaviosilva@email.com

Objetivos

Projetista/Desenvolvedor de projetos de engenharia

Resumos

Desenhista projetista de ramos imobiliários

Conhecimentos

Senai - Auto Cad 2D/3D

Senai - Desenho Técnico

Senai - Solid Works

Formação Acadêmica

Faculdade Metrocamp

Certificações

Senai Auto Cad 2d/3d

Idiomas

Inglês Intermediário

Experiências Anteriores

Engenharia Matriz - jun/2005 - atual

Desenhista projetista de ramos imobiliário

Skv Tecnologia - jun/2003 - maio/2005

Help desk nivel 1

h2{ background:#5599DD; color:#DDDDDD; }

.exp{ text-indent:50px; }

email{

text-decoration:underline; font-style:italic; }

22 respostas
por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

Flavio, Bom dia !

deixa te perguntar o código em CSS está em arquivo diferente ?

se não os códigos CSS , tem que está entre as tag head pois se trata de formatos de paginas , e isso é feito dentro da tag head e não na tag body .

Espero ter Ajudado , Bons Estudos .

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Está sim no head como pode ver:

'

' '' '' '' ''
por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

<head>

<meta charset="UTF-8"/>

<title>Flavio Currículo</title>

<link rel="stylesheet" type="text/css" href="curriculo.css" />

</head>

Não tem nenhum problema algum ?

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

Não tem nenhum problema .

por gentileza coloque o código html e o código css , para tentar te ajudar

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Aqui está e o link já mandei:

<head>

<meta charset="UTF-8"/>

<title>Flavio Currículo</title>

<link rel="stylesheet" type="text/css" href="curriculo.css" />

</head>

<body>

<h1>Flavio da Silva</h1>

<p> 23 anos, Solteiro</p>

<p>(21) 98566-7455</p>

<p id="email">flaviosilva@email.com</p>

<h2>Objetivos</h2> <p>Projetista/Desenvolvedor de projetos de engenharia</p>

<h2>Resumos</h2> <p>Desenhista projetista de ramos imobiliários</p>

<h2>Conhecimentos</h2> <p>Senai - Auto Cad 2D/3D</p> <p>Senai - Desenho Técnico</p> <p>Senai - Solid Works</p>

<h2>Formação Acadêmica</h2> <p>Faculdade Metrocamp</p>

<h2>Certificações</h2> <p>Senai Auto Cad 2d/3d</p>

<h2>Idiomas</h2> <p>Inglês Intermediário</p>

<h2>Experiências Anteriores</h2>

<h3>Engenharia Matriz - jun/2005 - atual</h3> <p class="exp">Desenhista projetista de ramos imobiliário</p>

<h3> Skv Tecnologia - jun/2003 - maio/2005</h3> <p class="exp">Help desk nivel 1</p>

</body>

</html>

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

Flavio ,

achei o erro , no seu arquivo CSS o bloco e-mail tem que ficar assim :

#email{
    text-decoration: underline;
    font-style: italic;
}

é necessário colocar # antes do nome do id .

espero ter ajudado . Bons estudos .

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

ele não resolveu e vendo aparece essa mensagem :

Failed to load resource: net::ERR_FILE_NOT_FOUND

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

Seu arquivo css está junto com o arquivo html ?

outra coisa , só para arrumar em seu código html no e-mail tem um link :

<p id = "email"><a href= "mailto:flaviosilva@email.com">flaviosilva@email.com</a></p>
por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Não seria assim:

<p id="email"><a>flaviosilva@email.com<a/></p>

e o arquivo CSS está na mesma pasta .

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

do jeito que te passei , é um link para abrir um programa padrão do seu e-mail .

Qual a versão do HTML que você está usando ? sabe me dizer ?

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

não sei , estou fazendo só no bloco de notas e utilizando no chorme.

eu fiz as alterações e nada.

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

entendi .

pode ser a versão do HTML , pois para criar o link para o arquivo css no HTML modifica de versão para Versão .

esse método de colocar o link é para HTML 5 . no seu arquivo em HTML você tem que mostrar que quer utilizar o HTML 5 , para isso você tem que colocar o seguinte comando antes de todos os códigos :

< !DOCTYPE html>

assim funcionará a chamada para o arquivo css .

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Ele eu coloco dentro ou fora de onde ? Por que coloquei fora e ele ficou escrevi e quando colocou dentro de head e HTML ficou escrito acima e só.

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

não entendi o que você quis dizer .

mas segue um exemplo para você ver como fica .

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <h1>TESTE</h1>
    </body>
</html>
por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

fiz isso e não funcionou.

por Celso Theodoro Junior
| 303k xp | 383 posts
Moderador

estranho flavio ,

tente colocar deste jeito o código sem ! : pode ser que funcione também 

<DOCTYPE html>
por Romário Torres Alcântara
| 279.3k xp | 488 posts
Moderador

Olá Flávio! Rodei seu código e ele está funcionando corretamente. Verifique se os arquivos que você esta utilizando estão corretos e s etão nos formatos corretos .css e .html. Segue abaixo foto da página rodando com seu código:

Imagem

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Vou tentar e verei por que estão nesses formatos, estava com receio de tentar fazer os outras e não funcionar.

Obrigado

por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Vou tentar e verei por que estão nesses formatos, estava com receio de tentar fazer os outras e não funcionar.

Obrigado

solução!
por Flavio Sugata Ferreira da Silva
| 24k xp | 25 posts

Encontrei o erro por trás dos problemas escritos acima, na hora de salvar o arquivo .CSS , ele estava vindo junto .TXT ficando assim:

.css.txt

Para não acontecer isso, a melhor maneira de arrumar é salvar o arquivo com a extensão de TODOS OS ARQUIVOS.

Espero ter ajudado e obrigado pela ajuda.

por Romário Torres Alcântara
| 279.3k xp | 488 posts
Moderador

Isso mesmo Flávio! Por isso perguntei sobre como estava salvo a extensão de seu arquivo. Pois reparei que você disse que estava utilizando um editor de texto, então poderia ser um erro na formatação do arquivo, afinal tudo estava correto. Enfim, peço que marque uma resposta como solução e feche o tópico. Qualquer dúvida estaremos aqui para ajudar.

Bons Estudos!

por Jonathan da Rocha Cavalcanti.
| 36.2k xp | 21 posts

Bom dia, Depois de abrir o curriculo,css, importar no curriculo.html, meu curriculo continua sem as alterações que tinham sido feitas, como o email em italico e sublinhado, enfim tudo o que tínhamos feito até agora. ele aparece sem nenhuma alteração, depois de importar, não teria que aparecer o curriculo com as alterações????

<! DOCTYPE html>
<html>
<head>
    <link rel="styleshett" type="text/css" href="curriculo.css"/>
    <meta charset="UTF-8"/>
    <title>Currículo Raphaela Portela</title>
    </head>
    <body> 
        <h1>Raphaela Portela</h1>
        <p>30 anos, casada</p>
        <p>(21) 99999-9999</p>
        <p id="email">raphaelaportela@hotmail.com</p>


        <h2>Objetivos</h2>
        <p>Arquitetura da Informação</p>

        <h2>Resumo</h2>
        <p>Atuar com indexação e programação em plataformas de buscas</p>

        <h2>Conhecimentos</h2>
        <p>HTML e CSS</p>

        <h2>Idioma</h2>
        <p>Inglês</p>

        <h2>Experiências Anteriores</h2>

        <h3>TV Globo - dez/2014 - out/2016</h3>
        <p class="exp">Bibliotecária</p>

          <h3>TV Globo - Jan/2012 - Jan/2013</h3>
        <p class="exp">Estagiária</p>
    </body>
</html>

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software