Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

long_beach01

Ajuda com código HTML

Por , em Desenvolvimento frontend

Recommended Posts

long_beach01    0

long_beach01
Postado
Boa tarde Galera!

Estou com problemas no código abaixo, é que ele funciona normalmente no Dreanweaver, mais como agora uso o Linux, instalei o Netbeans 8.1 e o código não funciona mais, aparece o seguinte erro na tag <STYLE>:

 

Element "style" is missing required attribute "scoped".

From line 13, column 9; to line 13, column 15
<html>
    <head>
        <title>Adriano Gianini</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <style>
            h1 {
                font-family:times;
                font-size: 16px;
                font-style: italic;
                color: #ffffff;
            }
        </style>

        <h1>Titulo do Site</h1>

    </body>
</html>

Desde já se alguém puder me ajudar agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raffael Dornelles Jardim    3

Raffael Dornelles Jardim
Postado

Já tentou inserir a tag <style> dentro do <head></head>

<html>
<head>
<title>Adriano Gianini</title>
<meta charset="UTF-8">
<style>
h1 {
font-family:times;
font-size: 16px;
font-style: italic;
color: #ffffff;
}
</style>
</head>
<body>
<h1>Titulo do Site</h1>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

long_beach01    0

long_beach01
Postado

 

Já tentou inserir a tag <style> dentro do <head></head>

<html>
<head>
<title>Adriano Gianini</title>
<meta charset="UTF-8">
<style>
h1 {
font-family:times;
font-size: 16px;
font-style: italic;
color: #ffffff;
}
</style>
</head>
<body>
<h1>Titulo do Site</h1>
</body>
</html>

Boa noite!

Fiz exatamente assim mais não aparece nada no corpo do browser.

Compartilhar este post

Link para o post
Compartilhar em outros sites

L. Henrique    179

L. Henrique
Postado

Isso que eu ia falar, o style tem que estar dentro da tag head.

Não necessariamente. A propriedade style pode estar tanto na head quanto em body. A diferença é que o netbeans precisa de um scoped (como ele mesmo alerta) pra entender onde está o estilo.

 

Se você criar um documento HTML e inserir um style dentro de body, vai funcionar da mesma forma.

 

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

AndersonMamede    88

AndersonMamede
Postado

Em teoria, de acordo com as especificações, a tag style deve estar dentro do head. Se você tentar validar esse HTML no validador, ele é inválido, com a seguinte mensagem:

 

Element style not allowed as child of element body in this context.

 

No HTML5, se o style estiver no body, ele deve possuir a propriedade scoped (aí sim ele seria válido). Mas a propriedade scoped só é suportada pelo Firefox, como você pode verificar aqui e aqui.

 

Na prática, qualquer browser moderno reconhece sem problemas a tag style dentro do body, mesmo sem o atributo scoped (mas estaria violando as regras do HTML).

 

Minha sugestão é deixar o style dentro do head. Mas se você tiver que deixar no body, então adicione o atributo scoped no elemento.

Compartilhar este post

Link para o post
Compartilhar em outros sites

long_beach01    0

long_beach01
Postado

Em teoria, de acordo com as especificações, a tag style deve estar dentro do head. Se você tentar validar esse HTML no validador, ele é inválido, com a seguinte mensagem:

 

Element style not allowed as child of element body in this context.

 

No HTML5, se o style estiver no body, ele deve possuir a propriedade scoped (aí sim ele seria válido). Mas a propriedade scoped só é suportada pelo Firefox, como você pode verificar aqui e aqui.

 

Na prática, qualquer browser moderno reconhece sem problemas a tag style dentro do body, mesmo sem o atributo scoped (mas estaria violando as regras do HTML).

 

Minha sugestão é deixar o style dentro do head. Mas se você tiver que deixar no body, então adicione o atributo scoped no elemento.

Compartilhar este post

Link para o post
Compartilhar em outros sites

long_beach01    0

long_beach01
Postado 
<html>
    <head>
        <style>
            h1 {
                font-family: Times;
                font-size: 30px;
                font-style: italic;
                text-align: center;
                color:red;
            }
            p { 
                font-family: arial black;
                font-size: 30px;
                font-weight: bold;
                text-align: left;
                color:blue;
            }
        </style>
    </head>
    
    <body>
        
        <h1>Titulo do Site</h1>
        <p>TAG Paragrafo</p>
        
    </body>
    
</html>

Galera boa tarde!

Valeu a todos mais refiz o código e rodou, segue como ficou

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend

  • Conteúdo Similar

    • danicarla
      Zoom demorando pra ser aplicado na pagina
      Por danicarla
      Oi pessoal tudo bem?
      Eu estou usando um zoom no meu site, porém quando a pagina é um pouco mais pesada, ele carrega a pagina primeiro e depois dá o zoom.. como se o zom fosse aplicado atrasado na pagina...

      Será que consigo carregar a pagina já com o zoom aplicado?
      Meu código atualmente  é esse:
       
      <script> function ZoomTeste() { document.body.style.zoom = '140%'; } </script> </head> <body onload="ZoomTeste();">  
    • digonaweb
      Ajuda com formatação de texto
      Por digonaweb
      Boa tarde,
       
      Semanas atrás estava com um problema em um script de um widget de relógio para um site.
       
      Consegui um novo script sem o link que estava gerando um erro, porém gostaria de utilizar a formatação do texto similar a do anexo.
       
      Alguém pode me ajudar com a alteração no código?
       
      <div id="clockbox" style="text-align:center;"></div>
       
      <script type="text/javascript">
       
      var tmonth=["January","February","March","April","May","June","July","August","September","October","November","December"];
      function GetClock(){
      var tzOffset = -3;
      var d=new Date();
      var dx=d.toGMTString();
      dx=dx.substr(0,dx.length -3);
      d.setTime(Date.parse(dx))
      d.setHours(d.getHours()+tzOffset);
      var nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getFullYear();
      var nhour=d.getHours(),nmin=d.getMinutes(),ap;
      if(nhour==0){ap=" AM";nhour=12;}
      else if(nhour<12){ap=" AM";}
      else if(nhour==12){ap=" PM";}
      else if(nhour>12){ap=" PM";nhour-=12;}
      if(nmin<=9) nmin="0"+nmin;
      var clocktext=""+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+ap+"";
      document.getElementById('clockbox').innerHTML=clocktext;
      }
       
      GetClock();
      setInterval(GetClock,1000);
       
      </script>
       
      Obrigado!
       
       

    • Eliseu Filipi
      Fontes externas não funcionam
      Por Eliseu Filipi
      Olá
      Minhas fontes (em formato de ícones) não funcionam em sites externos e não estou entendendo por que.
       
      Segue o link aqui do site de exemplo. Segue a baixo a referencia da fonte:
      <link rel="stylesheet" href="https://www.fontgold.com//fonts/style.css">  
      O interessante é que as fontes funcionam apenas no site onde estão armazenadas não para outros.
      O que está errado e como resolver? 
       
      Desde já agradeço.
    • isaque_cb2
      Edição de template
      Por isaque_cb2
      Olá! eu estava aqui fazendo meu site, quando me deparei com o problema de fazer um menu "bonito" baixei este template depois de ver o exemplo na net, mas ele é muito complicado pra mim, não sou profissional (mas sou programador iniciante em c#)
      TEMPLATE
      mas se alguém puder me ajudar a criar uma pagina deste tipo, sem tantos códigos, eu agradeço, pois do jeito que está eu não consigo nem alterar as cores...
      pode ser com tutoriais, dicas, videos, etc...
       
      ~Grato desde já~
    • FuckSystem
      Canvas está transparente
      Por FuckSystem
      Oii, podem me ajudar eu fiz o seguinte
       
      <script>  function start(){       canvas = document.getElementById("canvas");  ctx = canvas.getContext("2d"); save = canvas.ToDataURL();  a = document.getElementById("a");        setInterval(function(){          a.href = save;                  },500);    }        </script> <body onload="start();"> <canvas id="canvas"></canvas> <a id="a" href="#" download="image.jpg">Download</a>   </body> Esse código é só um exemplo simplificado mas eu aperto salvar e salva a Canvas só que o fundo fica preto se tiver jpg e transparente se for png
       
      Eu já mudei o fundo da Canvas e não funciona o mesmo resultado sempre
      Se puder me ajudar agradeço
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito