Autor Zpráva
Kristýna
Profil *
propojování html souborů


Mám problém, kdo mi pomůže propojit více HTML souborů?
http://kristyna1.wz.cz/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link rel="stylesheet" type="text/css" href="prvni.css">
  <title></title>
  <style type="text/css">
  ul{
  text-align:left;
  }
  td{
  text-align:left;
  }
  a
  {
  color:red;
  }
  </style>
  </head>
  <body bgcolor="blue">
  <center>
  <table border="15" weight="200" height="250" bgcolor="#FFFF66" bordercolor="#CC0000">
  <tr>
  <td rowspan ="2"> <font size="10"> Menu <br><br> <font color="black"> 
  <ul align="left">
  <li> <a href="C:\Users\Zuzanka\Pictures\Nová složka\index1.html">Úvod</a></li>
  <li><a href="C:\Users\Zuzanka\Pictures\Nová složka\index2.html">Něco o mě</a></li>
  <li><a href="C:\Users\Zuzanka\Pictures\Nová složka\index3.html">Jaká zvířata mám ráda?</a></li>
  <li>Pokud byste měli nějaké dotazy, upomínky apod. ke stránkám 
  <a href="mailto:sulcovakr@gmail.com">Napište mi</a> prosím. Děkuji. Admin stránek.</li>
  </ul>
  </td>
   </tr>
  
  </table>
  </center>
  <!--WZ-REKLAMA-1.0IZ--><div style="width:100%;padding:5px;"><div style="width:496px;height:60px;margin:0px auto;"><div style="width:28px;height:60px;float:left;"><a target="_blank" href="http://www.webzdarma.cz" title="webzdarma.cz"><img border="0" src="//webimg.webzdarma.cz/banner/stripe01.gif" /></a></div><div style="width:468px;height:60px;float:left;"><!-- Kontextová reklama Sklik --><div id="sklikReklama_55033"></div><script type="text/javascript">var sklikData = { elm: "sklikReklama_55033", zoneId: 55033, w: 468, h: 60 };</script><script type="text/javascript" src="http://c.imedia.cz/js/script.js"></script></div></div></div><!--WZ-REKLAMA-1.0IK--></body>
</html>
Taps
Profil
Kristýna:
V názvu složek nepouživej diakritiku a mezery. Vhodné je také volit relativní cestu k souborům viz Odkazy v HTML
Kristýna
Profil *
Takže jestli to dobře chápu tak ty indexy si mám přejmenovat a očíslovat?
juriad
Profil
A jelikož máš stránky na wz.cz, tak tam rozhodně disk C a adresář Users\Zuzanka neexistuje.
Je-li tato stránka ve stejném adresáři, stačí uvést:
  <li> <a href="index1.html">Úvod</a></li>
mimochodec
Profil
Kristýna:
Takže jestli to dobře chápu tak ty indexy si mám přejmenovat a očíslovat?

Ani tak ne indexy. Výchozí stránku pojmenuj index.html a ostatní tak, aby ses v tom nějak vyznala. Třeba omne.html a zvirata.html. Odkaz pak bude vypadat takto:

<a href="omne.html">Něco o mně</a>
Bubák
Profil
<a href="C:\Users\Zuzanka\Pictures\Nová složka\index1.html">Úvod</a>
Tohle bude fungovat jen ve tvém počítači, používej relativní adresování (relativní cesty), tedy nyní (doporučuji však soubory přejmenovat):
  <li> <a href="index1.html">Úvod</a></li>
  <li><a href="index2.html">Něco o mě</a></li>
  <li><a href="index3.html">Jaká zvířata mám ráda?</a></li>

Takže jestli to dobře chápu tak ty indexy si mám přejmenovat a očíslovat?
Je vhodné, abys stránky měla pojmenované tak, ať se v tom vyznáš. Jména souborů bez mezer, bez diakritiky a doporučil bych i malými písmeny.

K řádku 26, element UL nemá atribut left, prohlížečům to nevadí, budou to ignorovat, validátor na tom vyhodí chybu.
Kristýna
Profil *
http://kristyna1.wz.cz/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link rel="stylesheet" type="text/css" href="prvni.css">
  <title></title>
  <style type="text/css">
  ul{
  text-align:left;
  }
  td{
  text-align:left;
  }
  a
  {
  color:red;
  }
  </style>
  </head>
  <body bgcolor="blue">
  <center>
  <table border="15" weight="200" height="250" bgcolor="#FFFF66" bordercolor="#CC0000">
  <tr>
  <td rowspan ="2"> <font size="10"> Menu <br><br> <font color="black"> 
  <ul align="left">
  <li> <a href="C:\Users\Zuzanka\Pictures\web\1.html">Úvod</a></li>
  <li><a href="C:\Users\Zuzanka\Pictures\web\2.html">Neco o me</a></li>
  <li><a href="C:\Users\Zuzanka\Pictures\web\3.html">Jaká zvírata mám ráda?</a></li>
  <li>Pokud byste měli nejaké dotazy, upomínky apod. ke stránkám 
  <a href="mailto:sulcovakr@gmail.com">Napište mi</a> prosím. Dekuji. Admin stránek.</li>
  </ul>
  </td>
   </tr>
  
  </table>
  </center>
  <!--WZ-REKLAMA-1.0IZ--><div style="width:100%;padding:5px;"><div style="width:496px;height:60px;margin:0px auto;"><div style="width:28px;height:60px;float:left;"><a target="_blank" href="http://www.webzdarma.cz" title="webzdarma.cz"><img border="0" src="//webimg.webzdarma.cz/banner/stripe01.gif" /></a></div><div style="width:468px;height:60px;float:left;"><!-- Kontextová reklama Sklik --><div id="sklikReklama_55033"></div><script type="text/javascript">var sklikData = { elm: "sklikReklama_55033", zoneId: 55033, w: 468, h: 60 };</script><script type="text/javascript" src="http://c.imedia.cz/js/script.js"></script></div></div></div><!--WZ-REKLAMA-1.0IK--></body>
</html>
Nic, ...


Díky moc, už to funguje, ...
Bubák
Profil
  <li> <a href="C:\Users\Zuzanka\Pictures\web\1.html">Úvod</a></li>
  <li><a href="C:\Users\Zuzanka\Pictures\web\2.html">Neco o me</a></li>
  <li><a href="C:\Users\Zuzanka\Pictures\web\3.html">Jaká zvírata mám ráda?</a></li>
Zvýrazněnou část vymaž. Zvýrazněná část je cesta k souborům tvého webu ve tvém počítači, jinde to nefunguje.
Důrazně dpoporuřuji pojmenovat soubory tak, ať se v nich vyznáš, za dva dny nebudeš vědět, co je soubor 1.html, 2.html, 3.html.

Je zbytečné kopírovat sem kód svého webu, stačí odkaz, který sem dáváš.
Dodatek:
Máš nějaký důvod v textech nepoužívat diakritiku, třebas „Neco o me“?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: