Não consigo lincar imagem agenda.png em poutra pg html

Robert1000 · Outubro 30, 2014

Boa noite Pessoal, gostaria de saber o porquê, dê não está conseguindo linca uma imagem com outra pagina html. Se puderem me ajudar fico muito grato. Obrigado!

<html>

<head>

</head>

<body>

<li><a href="formulario.html"><p>Fale Conosco</p></a></li>

<li><a href="https://www.facebook.com/pages/Tupy-Sport-Club/1545280202355094"><p>Faça Parte</p></a></li>

</div>

</div>

<li><a href="clube.html">O Clube</a></li>

<li><a href="projeto.html">Projetos</a></li>

<li><a href="ativ.html">Atividades</a></li>

<li><a href="escol.html">Escolinhas</a></li>

<li><a href="multi.html">Multimídia</a></li>

<li><a href="parc.html">Parceiros</a></li>

</br>

</ul>

</div>

</figure>

</figure>

</figure>

</div>

</div>

</div>

<h3><span class="destaque02">Atividades</span><span class="destaque">TUPY</span></h3><br>

<p>

A nova administração do tupy<br>

Busca uma revigoração do Clube,<br>

com isso traz o planejamento ao<br>

público interessado em participar<br>

também desses projetos.

</p>

</div>

<p>

A nova administração do tupy<br>

Busca uma revigoração do Clube,<br>

com isso traz o planejamento ao<br>

público interessado em participar<br>

também desses projetos.

</p>

</div>

<h3><span class="destaque02">Escolinha</span><span class="destaque">TUPY</span></h3><br>

<p>

A nova administração do tupy<br>

Busca uma revigoração do Clube,<br>

com isso traz o planejamento ao<br>

público interessado em participar<br>

também desses projetos.

</p>

</div>

</div>

<h3><span class="destaque03">TUPY</span><span class="destaque04">Novidades</span></h3><br>

<p>

A nova administração do tupy

Busca uma <br>revigoração do Clube,

com isso traz o<br> planejamento ao

público interessado em<br> participar

também desses projetos.

</p><br>

<p>

A nova administração do tupy

Busca uma <br>revigoração do Clube,

com isso traz o<br> planejamento ao

público interessado em<br> participar

também desses projetos.

</p><br><br><br>

<h3><span class="destaque05">Seja</span> <span class="destaque06">Parceiro</span></h3><br>

<p>Saiba como ser parceiro do<br>

Tupy Sport Club, Participe!</p><br>

<h3><span class="destaque05">Galeria</span><span class="destaque06">Multimídia</span></h3><br>

<p>Confira nossa galeria de<br>

vídeos e fotos, Conheça mais<br>

nossa vitoriosa história.</p><br>

</div>

<h3><span class="destaque03">TUPY</span><span class="destaque04">Agenda</span></h3><br>

<img src="imagem/agenda.png"/>

</a>

</div>

<br>

<h3><span class="destaque05">Visualizar</span><span class="destaque06">Agenda</span></h3><br>

<p>Saiba sobre os jogos e eventos<br>

atraves de nossa agenda.</p><br>

<h3><span class="destaque12">Ultimo jogo</span></h3><br>

<p><span class="destaque09">TupySC 4 x 1 Lagense E. C.</span></p><br>

<p>05 de junho / 15h</p>

<p>infantil</p>

</div>

<br>

<p>Local: campo do Tupy</p><br><br>

</div>

<h3><span class="destaque13">Próximo jogo</span></h3><br>

<p><span class="destaque09">TupySC 4 x 1 Seropédica F. C.</span></p><br>

<p>05 de junho / 15h</p>

<p>infantil</p>

</div>

<br>

<p>Local: campo do Tupy</p>

</div>

</div>

<h3><span class="destaque03">TUPY</span><span class="destaque04">Notícias</span></h3>

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&appId=1522370914667499&version=v2.0";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

</div>

</div>

<h3><span class="destaque07">TUPY</span><span class="destaque08">Patrocinadores</span></h3>

</div>

<h3><span class="destaque07">TUPY</span><span class="destaque08">Parceiros</span></h3>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

Douglas Julião · Outubro 30, 2014

A tag img não tem esse fechamento:

<!--Mude isso--> <li><a href="formulario.html"> <img src="imagem/faleConosco.png"></img></a></li>
<!--Para isso--> <li><a href="formulario.html"> <img src="imagem/faleConosco.png"></a></li>

Talvez seja esse o problema.

Natan S. · Novembro 1, 2014

Conforme o Douglas Julião disse as tags IMG não necessitam de fechamento pois, é uma tag "self-closing".

Outra, não se esqueça do atributo ALT da mesma por questões de acessibilidade, SEO e também para haver um texto alternativo caso a imagem não seja carregada corretamente, você pode ler mais a respeito no seguinte link: http://www.acessibilidade.gov.pt/w3/TR/WCAG20-TECHS/H37.html

Abaixo o código corrigido, e coloque o valor dos atributos ALT em brancos:

<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="index.css" rel="stylesheet" type='text/css'> <!--Chama a CSS -->
<link href="gallery.theme.css" rel="stylesheet">
<link href="gallery.min.css" rel="stylesheet">
</head>
 
<body>   
<div id="principal">
 
<div id="logotipo">
   <img src="imagem/logotipo.png" alt="">
        <div id="linked">
        <li><a href="formulario.html"> <img src="imagem/faleConosco.png" alt=""></a></li>
        <li><a href="formulario.html"><p>Fale Conosco</p></a></li>
 
         <li><a href="https://www.facebook...545280202355094"><img src="imagem/facebook.jpg" alt=""></a></li>
         <li><a href="https://www.facebook...545280202355094"><p>Faça Parte</p></a></li> 
        </div><!-- fecha linked -->
</div><!-- fecha logotipo -->
 
<div id="borda">
         <div id="subPrincipal">     
<div id="menu">
<ul><br>
<li><a href="index.html">Home</a></li>
<li><a href="clube.html">O Clube</a></li>
<li><a href="projeto.html">Projetos</a></li>
<li><a href="ativ.html">Atividades</a></li>
<li><a href="escol.html">Escolinhas</a></li>
<li><a href="multi.html">Multimídia</a></li>
<li><a href="parc.html">Parceiros</a></li>
</br>
</ul>
</div> <!-- fecha menu -->
    
    <div id="slider">
<div class="gallery autoplay items-3">
<div id="item-1" class="control-operator"></div>
<div id="item-2" class="control-operator"></div>
<div id="item-3" class="control-operator"></div>
 
<figure class="item">
<img src="imagem/slide001.png" alt="Imagem1"/>
</figure>
 
<figure class="item">
<img src="imagem/slide002.png" alt="Imagem2"/>
</figure>
 
<figure class="item">
<img src="imagem/slide003.png" alt="Imagem3"/>
</figure>
                       
   <div class="controls">
<a href="#item-1" class="control-button">•</a>
   <a href="#item-2" class="control-button">•</a>
   <a href="#item-3" class="control-button">•</a>
</div>
</div>  <!-- fecha gallery autoplay items-3 -->
    </div> <!-- fecha slider -->
 
<div id="artigo">
<div id="form001">
<img src="imagem/jogador01.png" alt="">
<h3><span class="destaque02">Atividades</span><span class="destaque">TUPY</span></h3><br>
<p>
  A nova administração do tupy<br>
  Busca uma revigoração do Clube,<br>
  com isso traz o planejamento ao<br>
  público interessado em participar<br>
                   também desses projetos.
</p>
</div>
 
<div id="form002">
<img src="imagem/logo.png" alt="">
<h3><span class="destaque02">Novo</span><span class="destaque">TUPY</span></h3><br>
<p>
  A nova administração do tupy<br>
  Busca uma revigoração do Clube,<br>
  com isso traz o planejamento ao<br>
  público interessado em participar<br>
                   também desses projetos.
</p>
</div>
 
<div id="form003">
<img src="imagem/jogador02.png" alt="">
<h3><span class="destaque02">Escolinha</span><span class="destaque">TUPY</span></h3><br>
<p>
  A nova administração do tupy<br>
  Busca uma revigoração do Clube,<br>
  com isso traz o planejamento ao<br>
  público interessado em participar<br>
                   também desses projetos.
</p>
</div>
        </div> <!-- fecha artigo-->
 
        <div id="artigo002">
           <div id="esq">
<h3><span class="destaque03">TUPY</span><span class="destaque04">Novidades</span></h3><br>
<p>
  A nova administração do tupy
  Busca uma <br>revigoração do Clube,
  com isso traz o<br> planejamento ao
  público interessado em<br> participar
                   também desses projetos.
</p><br>
 
<p>
  A nova administração do tupy
  Busca uma <br>revigoração do Clube,
  com isso traz o<br> planejamento ao
  público interessado em<br> participar
                   também desses projetos.
</p><br><br><br>
 
<img src="imagem/sejaParceiro.png" alt="">
<h3><span class="destaque05">Seja</span> <span class="destaque06">Parceiro</span></h3><br>
<p>Saiba como ser parceiro do<br>
  Tupy Sport Club, Participe!</p><br>
<img src="imagem/base.png" alt=""><br><br>
 
               
<br><img src="imagem/multMidia.png" alt="">
<h3><span class="destaque05">Galeria</span><span class="destaque06">Multimídia</span></h3><br>
<p>Confira nossa galeria de<br>
  vídeos e fotos, Conheça mais<br>
  nossa vitoriosa história.</p><br>
<img src="imagem/base.png" alt=""><br>
</div><!-- fecha div esq-->
 
<div id="cent">
  <h3><span class="destaque03">TUPY</span><span class="destaque04">Agenda</span></h3><br> 
                 <div id="wallpaper">
<a href="agenda.html">
<!-- ESSA IMAGEM--><img src="imagem/agenda.png" alt=""> 
</a>
</div>
<br>
<h3><span class="destaque05">Visualizar</span><span class="destaque06">Agenda</span></h3><br>
<p>Saiba sobre os jogos e eventos<br>
      atraves de nossa agenda.</p><br>
   <img src="imagem/base.png" alt=""><br><br><br> 
               
 
   <h3><span class="destaque12">Ultimo jogo</span></h3><br>
   <p><span class="destaque09">TupySC 4 x 1 Lagense E. C.</span></p><br>
 
                <div class="destaque10">
      <img src="imagem/calendarioDia.jpg" alt="">
      <p>05 de junho / 15h</p>
    <div class="destaque11">
    <img src="imagem/infantil.jpg" alt="">
    <p>infantil</p>
    </div>
     <br>
    <img src="imagem/campoFutebol.jpg" alt="">
      <p>Local: campo do Tupy</p><br><br>
</div> <!-- fecha destaque10-->
                
<h3><span class="destaque13">Próximo jogo</span></h3><br>
   <p><span class="destaque09">TupySC 4 x 1 Seropédica F. C.</span></p><br>
 
                <div class="destaque10">
    <img src="imagem/calendarioDia.jpg" alt="">
      <p>05 de junho / 15h</p>
 <div class="destaque11">
    <img src="imagem/infantil.jpg" alt="">
    <p>infantil</p>
 </div><!-- fecha destaque11-->
 <br>
    <img src="imagem/campoFutebol.jpg" alt="">
      <p>Local: campo do Tupy</p>
</div> <!-- fecha destaque10-->
</div><!--fecha Div Cent-->
 
<div id="dir">
<h3><span class="destaque03">TUPY</span><span class="destaque04">Notícias</span></h3>
 
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&appId=1522370914667499&version=v2.0";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<div class="fb-like-box" data-href="https://www.facebook...545280202355094" data-width="300" data-height="370" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="true" data-show-border="false"></div>
      </div><!-- fecha DIR-->
     </div> <!-- fecha artigo002-->
 
  <div id="rodapeTotal">
<div id="rodape">
<div id="rodapeESQ">
<h3><span class="destaque07">TUPY</span><span class="destaque08">Patrocinadores</span></h3>
          <img src="imagem/adidas.jpg" alt="">
          <img src="imagem/berg.jpg" alt="">
          <img src="imagem/novaSchin.jpg" alt="">
          <img src="imagem/ondasTrilhos.jpg" alt="">
            </div> <!-- fecha rodapeESQ-->
 
<div id="rodapeDIR">
<h3><span class="destaque07">TUPY</span><span class="destaque08">Parceiros</span></h3>
          <img src="imagem/yes.jpg" alt="">
          <img src="imagem/alberis.jpg" alt="">
          <img src="imagem/cityFarma.jpg" alt="">
          <img src="imagem/maisCriativo.jpg" alt="">
          <img src="imagem/nilvonLuiz.jpg" alt="">
</div> <!-- fecha rodape-->
</div> <!-- fecha rodapeDIR-->
    </div> <!-- fecha rodapeTotal-->
<div id="ultimo">
<div id="ultmIMG01">
            <img src="imagem/ultimo01.jpg" alt="">
            </div>
            <div id="ultmIMG02">
            <img src="imagem/ultimo02.jpg" alt="">
            </div>
</div>  <!-- fecha ultimo-->
</div><!-- fecha subPrincipal-->
  </div>  <!-- fecha borda-->
</div> <!-- fecha principal-->
</body>
</html>

Obs: Não há a necessidade de se utilizar tantos "break rows" ao longo de seu código.

Entrar

Arquivado

Não consigo lincar imagem agenda.png em poutra pg html

Recommended Posts

Robert1000 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Douglas Julião 34

Compartilhar este post

Link para o post

Compartilhar em outros sites

Natan S. 6

Compartilhar este post

Link para o post

Compartilhar em outros sites

Abrir url na mesma janela

Saber se todos os produtos de uma consulta estão cadastrados no banco de dados

Sistema de Login

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante