Jump to content
langarolucas

Imagem não aparece no html

Recommended Posts

Bom dia,

Comecei a fazer um curso de Html, porém não estou conseguindo colocar imagem. Eu uso a tag "img" (destacado em vermelho) porém a mesma não localiza a imagem na pasta.

Segue a baixo o html:

 

 

<!DOCTYPE html>
<html lang = "pt-br">
<head>
    <meta charset="UTF-8">
    <title>Tudo sobre o Google Glass</title>
</head>

<body>
<div id="interface">
    <header>
    <h1>Google Glass</h1>
    <h2>A revolução do Google está chegando</h2>
    </header>
    --> <img src="imagens/glass-oculos-preto-peq.jpg"/>
Menu Principal
- Home
- Especificações
- Fotos
- Multimídia
- Fale conosco

Tecnologia > Inovações
Saiba tudo sobre o Google Glass
por Gustavo Guanabara
Atualizado em 23/Abril/2013

O que é
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.

[AQUI ENTRA UMA FOTO]

Data de lançamento
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.

Especificações Técnicas
Tabela Técnica do Google Glass Mar/2013

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

Como funciona
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 selecionar opções com o movimento da cabeça

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.

[AQUI ENTRA UM VÍDEO]

Outras Notícias
Vídeo mais recente

[AQUI ENTRA UM VÍDEO]

Novidades no Glass
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.

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.

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

 

Poderiam me ajudar?

Share this post


Link to post
Share on other sites

Me recordo quando fiz o curso para aprender CSS :lol:

 

Vamos lá:

 

1º - Verifique se a imagem está com o nome correto, bem como sua extensão;

2º - Verifique se o caminho até a imagem está correta.

 

Exemplos "semelhantes":

Link para pasta acima

Sair de uma pasta e entrar em outra no HTML

 

Código:

<!DOCTYPE html>
<html lang = "pt-br">
	<head>
	    <meta charset="UTF-8">

	    <title>Tudo sobre o Google Glass</title>
	</head>

	<body>
		<div id="interface">
		    <header>
			    <h1>Google Glass</h1>
			    <h2>A revolução do Google está chegando</h2>
		    </header>

			<img src="imagens/glass-oculos-preto-peq.jpg" />
			<br />

			Menu Principal
			- Home
			- Especificações
			- Fotos
			- Multimídia
			- Fale conosco

			Tecnologia > Inovações
			Saiba tudo sobre o Google Glass
			por Gustavo Guanabara
			Atualizado em 23/Abril/2013

			O que é
			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.

			[AQUI ENTRA UMA FOTO]

			Data de lançamento
			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.

			Especificações Técnicas
			Tabela Técnica do Google Glass Mar/2013

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

			Como funciona
			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 selecionar opções com o movimento da cabeça

			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.

			[AQUI ENTRA UM VÍDEO]

			Outras Notícias
			Vídeo mais recente

			[AQUI ENTRA UM VÍDEO]

			Novidades no Glass
			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.

			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.

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

Share this post


Link to post
Share on other sites
34 minutos atrás, ShadowDLL disse:

Me recordo quando fiz o curso para aprender CSS :lol:

 

Vamos lá:

 

1º - Verifique se a imagem está com o nome correto, bem como sua extensão;

2º - Verifique se o caminho até a imagem está correta.

 

Exemplos "semelhantes":

Link para pasta acima

Sair de uma pasta e entrar em outra no HTML

 

Código:


<!DOCTYPE html>
<html lang = "pt-br">
	<head>
	    <meta charset="UTF-8">

	    <title>Tudo sobre o Google Glass</title>
	</head>

	<body>
		<div id="interface">
		    <header>
			    <h1>Google Glass</h1>
			    <h2>A revolução do Google está chegando</h2>
		    </header>

			<img src="imagens/glass-oculos-preto-peq.jpg" />
			<br />

			Menu Principal
			- Home
			- Especificações
			- Fotos
			- Multimídia
			- Fale conosco

			Tecnologia > Inovações
			Saiba tudo sobre o Google Glass
			por Gustavo Guanabara
			Atualizado em 23/Abril/2013

			O que é
			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.

			[AQUI ENTRA UMA FOTO]

			Data de lançamento
			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.

			Especificações Técnicas
			Tabela Técnica do Google Glass Mar/2013

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

			Como funciona
			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 selecionar opções com o movimento da cabeça

			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.

			[AQUI ENTRA UM VÍDEO]

			Outras Notícias
			Vídeo mais recente

			[AQUI ENTRA UM VÍDEO]

			Novidades no Glass
			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.

			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.

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

Boa Tarde,

Verifiquei o nome e o caminho, e os dois estão corretos, mesmo assim o editor não acha o caminho da imagem

Share this post


Link to post
Share on other sites

Funcionou. inspecionei e o erro que estava dando era que o caminho estava errado, não sei porque.Mudei a imagem para uma pasta no desktop e colei o caminho no código e funcionou. muito obrigado pela ajuda

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By tomas.david100
      Boa tarde tenho a seguinte dúvida será possível utilizar um css só para o menu lateral e outro css para o body? Vou deixar uma imagen a seguir para se perceber melhor.
       

    • By GabrieldaBahia
      Tenho duas paginas HTMl e o PHP onde estou tratando uns dados XML retornado após a leitura de um arquivo, porém estou com uma duvida besta, preciso pegarum valor que pego do XML e colocar dentro de uma tag html,  já fiz assim e nada </caption> <?php  echo $cnpj ?><caption>
      a pagina PHP está sendo chamada no HMTL pelo require_once.
       
       
      trecho do HTML
       
      <head>     <title>Testes</title> </head> <?php include_once 'load.php'; ?>   <body>   <table> <caption >Ti<?php echo $cnpj ?></caption> <tr> Trecho do PHP   $arq = simplexml_load_file('29190411412201000112650010000000181000000180-nfe.xml') or die("Erro ao carregar arquivo XML");   foreach($arq->NFe->infNFe->children() as $infNFe){ $cnpj = $infNFe->CNPJ;   }
    • By makinh0
      <table width="90%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
      <tr>
        <td align="center" bgcolor="<?php echo $background ?>"><table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
          <tr>
            <td width="48%" align="left" bgcolor="#3399FF"><strong>Produto</strong></td>
            <td width="16%" align="center" bgcolor="#3399FF"><strong>Hora</strong></td>
            <td width="19%" align="center" bgcolor="#3399FF"><strong>Mesa</strong></td>
            <td width="9%" align="left" bgcolor="#3399FF"><strong>Garçom</strong></td>
            <td width="8%" align="center" bgcolor="#3399FF"><strong>Ação</strong></td>
             <td width="8%" align="center" bgcolor="#3399FF"><strong>Observações</strong></td>
          </tr>
          <?php 
        $sql = mysql_query("SELECT * FROM tbl_carrinho INNER JOIN garcon ON tbl_carrinho.idGarcon = garcon.idGarcon WHERE destino='1' AND status = '0' ORDER BY id DESC") or die(mysql_error());
        while($ver = mysql_fetch_array($sql)){
          $background = (++$i%2) ? '#FFFFF' : '#F2F2F2';
          $feito = $ver['feito'];
        ?>
          <tr>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nome']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['time']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nomeGarcon'] ?></td>
              <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>">
       
       
      Sistema restaurante; gente precisava fazer a tela de observacoes , tipo na tela cozinha aparece produto,hora,mesa,garcom e acao, queria por observacao para a cozinha receber como o cliente quer? alguem tem ideia?obg
    • By reytlersouza
      Não consigo passar variável obtida por consulta no banco no value de uma TAG <option> "<option value="<?php $item['id_eq']?>">"
       
      O que está errado no meu código que ele não passa o valor de value no $_GET nem no $_POST?

       
      <?php
          echo $_GET['equi1'];
      ?>
      <form method="GET">   
          <select name="equi1" class="form-control">
              <?php
              require 'conn.php';
              $sql = $pdo->prepare("SELECT * FROM equipamento WHERE 1");
              $sql->execute();
              if($sql->rowCount() > 0) {
              foreach($sql->fetchAll() as $item) {
                                                                      
              ?>
              <option value="<?php $item['id_eq'];?>"><?php echo $item['nome'];?></option>
              <?php
                  }
                  }
                  ?>
          </select>
          <input type="submit" value="Salvar"/>
      </form>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.