Stránky, soubory a odkazy

Většina webů má víc než jednu stránku. Ten náš má teď druhou, o-mne.html, takže se skládá ze čtyř souborů: dvou stránek, souboru se styly a skriptu. Všechny čtyři najdete nad editorem. (V názvech souborů se nepíšou háčky, čárky ani mezery, proto o-mne.html.)

Kde takové soubory bydlí? Na serveru: na počítači, který je pořád zapnutý a připojený k internetu a jehož prací je posílat soubory každému, kdo si o ně řekne. Každá stránka, kterou jste kdy otevřeli, přišla z nějakého serveru někde na světě.

Každá stránka má svou adresu, které se říká URL, třeba https://www.example.com/o-mne.html. Má dvě části: https://www.example.com je adresa serveru a /o-mne.html cesta k souboru na něm. Když takovou adresu otevřete:

  1. Prohlížeč požádá server www.example.com o soubor o-mne.html.
  2. Server soubor najde a pošle ho prohlížeči.
  3. Prohlížeč přečte HTML a zjistí, že stránka potřebuje ještě style.css (a možná i skript), takže si serveru řekne i o ně.
  4. Když má všechno, stránku vykreslí.

Stránky se propojují odkazy. Odkaz se píše tagem a:

<a href="o-mne.html">O mně</a>

href říká, kam odkaz vede, a text mezi tagy je to, na co se kliká. V tomhle odkazu není adresa serveru, jen název souboru, a tak prohlížeč hledá o-mne.html na stejném serveru a ve stejné složce jako stránka, kterou máte právě otevřenou. Kliknutím začne celá cesta znovu: prohlížeč si o soubor řekne, dostane ho a vykreslí novou stránku.

Pokyny

  1. V souboru index.html přidejte na nový řádek hned pod <p id="zprava"></p> odkaz na druhou stránku: <a href="o-mne.html">O mně</a>. Stránku spusťte, v náhledu klikněte na odkaz a pak na odkaz zpátky na úvodní stránku.