Unconfigured Ad Widget

Collapse

Anúncio

Collapse
No announcement yet.

Duvida newbie sobre HTML5/CSS

Collapse
X
 
  • Filter
  • Tempo
  • Show
Clear All
new posts

  • Font Size
    #1

    Duvida Duvida newbie sobre HTML5/CSS

    Olá galera,td certo?
    Estou com o seguinte problema:
    estava aqui estudando HTML5,conforme vou montando o código vou botando comentários pra saber oq faz oq,mas quando eu adiciono um comentário na linha 8 do código ele "anula" os comandos que estão dentro do da tag <style>..só q é um comentário,eu quero entender como ele esta influenciando no código.

    PS:Sempre rola algo tipo isso quando estudo HTML,da uns erros totalmente sem lógica,as vezes eu faço de um jeito e n funciona,dali a pouco faço do MESMO JEITO e funciona,isso me desanima mt aprender esta linguagem,é a segunda vez já que estou novamente tentando,mas ja ta desanimando dnv

    O código da maneira que faz os comandos serem "acatados":


    <!DOCTYPE html> <!-- Identifica o documento como html!-->
    <html lang="pt-br"> <!--documento HTML em portugues BR!-->
    <head> <!--Cabeçalho da pagina!-->
    <meta charset="UTF-8"> <!--resolve problema da acentuação (legras bugadas)!-->
    <title>Esboço 1</title> <!--titulo da pg!-->
    <style>
    p{
    text-align: justify;
    text-indent: 15px; <!-- distancia entre margem!-->

    }
    </style>

    </head>
    <body>
    <div id="intercae">
    <header id="cabecalho"> <!-- cabeçalho do conteudo da pg!-->
    <hgroup> <!-- agrupamento de textos !-->
    <h1>Google Glass</h1>
    <h2>A revolução do Google está chegando</h2>
    </hgroup>

    <img src="_imagens/glass-oculos-preto-gig.png"> <!-- coloca imagens - ATENÇÃO COM O DIRETORIO!-->

    <hgroup>
    Menu Principal
    - Home
    - Especificações
    - Fotos
    - Multimídia
    - Fale conosco
    </hgroup>
    </header>

    <hgroup>
    <h3>Tecnologia </br> Inovações</h3> <!-- cada "</br>" corresponde a uma linha qebrada !-->
    <h1>Saiba tudo sobre o &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Google Glass</h1> <!-- cada "&nbsp;" corresponde a um espaço!-->
    <h2>por Gustavo Guanabara</h2>
    <h3>Atualizado em 23/Abril/2013</h3>
    </hgroup>

    <h1>O que é</h1>
    <p>O Google Glass é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de Project Glass, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeoconferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o Google Glass encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório.</p>
    <p>Para mais informações http://www.techtudo.com.br/<wbr/>tudo-sobre/<wbr/>google-glass.html</p> <!--"<wbr/>" quebra linha SEM USAR IFEN"-->
    [AQUI ENTRA UMA FOTO]

    <h1>Data de lançamento</h1>
    </p>Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014.</p>

    <h1>Especificações Técnicas</h1>
    <h2>Tabela Técnica do Google Glass Mar/2013</h2>

    <p>Tela:Resolução equivalente a tela de 25"</p>
    <p>Camera: 5MP para fotos / 720p para vídeos</p>
    <p>Conectividade: Wi-Fi/ Bluetooth</p>
    <p>Memória Interna: 12GB</p>

    <h2>Como funciona</h2>
    <p>De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como sele*cionar opções com o movimento da cabeça</p><!--"*" serve para qebrar a palavra USANDO IFEN quando falta espaço!-->

    <p>O que você pode fazer com o Google Glasses
    O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz.</p>

    [AQUI ENTRA UM VÍDEO]

    Outras Notícias
    Vídeo mais recente

    [AQUI ENTRA UM VÍDEO]

    <h1>Novidades no Glass</h1>
    <p>O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante.</p>

    <p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador.</p>

    Copyright 2013 - by Gustavo Guanabara
    Facebook | Twitter
    </div>
    </body>
    </html>



    O código da maneira em que ele 'anula' o comando:


    <!DOCTYPE html> <!-- Identifica o documento como html!-->
    <html lang="pt-br"> <!--documento HTML em portugues BR!-->
    <head> <!--Cabeçalho da pagina!-->
    <meta charset="UTF-8"> <!--resolve problema da acentuação (legras bugadas)!-->
    <title>Esboço 1</title> <!--titulo da pg!-->
    <style>
    p{
    text-align: justify; <!-- comentario !-->
    text-indent: 15px; <!-- distancia entre margem!-->

    }
    </style>

    </head>
    <body>
    <div id="intercae">
    <header id="cabecalho"> <!-- cabeçalho do conteudo da pg!-->
    <hgroup> <!-- agrupamento de textos !-->
    <h1>Google Glass</h1>
    <h2>A revolução do Google está chegando</h2>
    </hgroup>

    <img src="_imagens/glass-oculos-preto-gig.png"> <!-- coloca imagens - ATENÇÃO COM O DIRETORIO!-->

    <hgroup>
    Menu Principal
    - Home
    - Especificações
    - Fotos
    - Multimídia
    - Fale conosco
    </hgroup>
    </header>

    <hgroup>
    <h3>Tecnologia </br> Inovações</h3> <!-- cada "</br>" corresponde a uma linha qebrada !-->
    <h1>Saiba tudo sobre o &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Google Glass</h1> <!-- cada "&nbsp;" corresponde a um espaço!-->
    <h2>por Gustavo Guanabara</h2>
    <h3>Atualizado em 23/Abril/2013</h3>
    </hgroup>

    <h1>O que é</h1>
    <p>O Google Glass é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade aumentada. Também chamado de Project Glass, o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e realizar vídeoconferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o Google Glass encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou novas patentes anti-furto e de desbloqueio de tela para o acessório.</p>
    <p>Para mais informações http://www.techtudo.com.br/<wbr/>tudo-sobre/<wbr/>google-glass.html</p> <!--"<wbr/>" quebra linha SEM USAR IFEN"-->
    [AQUI ENTRA UMA FOTO]

    <h1>Data de lançamento</h1>
    </p>Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014.</p>

    <h1>Especificações Técnicas</h1>
    <h2>Tabela Técnica do Google Glass Mar/2013</h2>

    <p>Tela:Resolução equivalente a tela de 25"</p>
    <p>Camera: 5MP para fotos / 720p para vídeos</p>
    <p>Conectividade: Wi-Fi/ Bluetooth</p>
    <p>Memória Interna: 12GB</p>

    <h2>Como funciona</h2>
    <p>De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como sele*cionar opções com o movimento da cabeça</p><!--"*" serve para qebrar a palavra USANDO IFEN quando falta espaço!-->

    <p>O que você pode fazer com o Google Glasses
    O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-humano”, já que o aparelho pode indicar a quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque encontros apenas com comandos de voz.</p>

    [AQUI ENTRA UM VÍDEO]

    Outras Notícias
    Vídeo mais recente

    [AQUI ENTRA UM VÍDEO]

    <h1>Novidades no Glass</h1>
    <p>O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante.</p>

    <p>Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador.</p>

    Copyright 2013 - by Gustavo Guanabara
    Facebook | Twitter
    </div>
    </body>
    </html>



    Agradeço desde já!
    Similar Threads

  • Font Size
    #2
    Comentei normalmente aqui.

    Como você esta fazendo este comentário? pois no código que você mandou a linha 8 não esta comentada. E qual o editor que esta usando!?
    Falar é fácil, me mostre o código.


    Comment


    • Font Size
      #3
      Dicas

      Calma amigo.

      Em primeiro lugar, o comentário é <!-- eu sou um comentário -->

      Veja que não tem exclamação no final. Mas tudo bem, porque a exclamação vira comentário.

      O seu problema é que cada "modo" tem um tipo de comentário:

      Para HTML o comentário é <!-- comentário -->

      Para PHP o comentário é //eu sou um comentário ou /* eu sou um comentário de várias linhas */

      Para CSS, a forma correta de comentar é /* eu sou um comentário dentro de um style */

      Boa sorte.


      int3RCEPTOR
      int3RCEPTOR

      Se o computador pode processar, nós podemos alterar

      Comment


      • Font Size
        #4
        Postado Originalmente por int3 Ver Post
        Calma amigo.

        Em primeiro lugar, o comentário é <!-- eu sou um comentário -->

        Veja que não tem exclamação no final. Mas tudo bem, porque a exclamação vira comentário.

        O seu problema é que cada "modo" tem um tipo de comentário:

        Para HTML o comentário é <!-- comentário -->

        Para PHP o comentário é //eu sou um comentário ou /* eu sou um comentário de várias linhas */

        Para CSS, a forma correta de comentar é /* eu sou um comentário dentro de um style */

        Boa sorte.


        int3RCEPTOR
        Aah,o erro era no comentário,não sabia que dentro da tag <style> a sintaxe do comentário era diferente.
        Grato amigo!

        Comment

        X
        Working...
        X