HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

Cesty souboru HTML


Cesta k souboru popisuje umístění souboru ve struktuře složek webové stránky.


Příklady cest k souboru

CestaPopis
<img src="obrázek.jpg"> Soubor „picture.jpg“ je umístěn ve stejné složce jako aktuální stránka
<img src="images/picture.jpg"> Soubor „picture.jpg“ se nachází ve složce obrázků v aktuální složce
<img src="/images/picture.jpg"> Soubor „picture.jpg“ se nachází ve složce obrázků v kořenovém adresáři aktuálního webu
<img src="../obrazek.jpg"> Soubor „picture.jpg“ je umístěn ve složce o úroveň výše od aktuální složky

Cesty souboru HTML

Cesta k souboru popisuje umístění souboru ve struktuře složek webové stránky.

Cesty k souborům se používají při propojení s externími soubory, jako jsou:

  • webové stránky
  • snímky
  • Styly
  • JavaScripty

Absolutní cesty k souboru

Absolutní cesta k souboru je úplná adresa URL souboru:

Příklad

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

Značka <img> je vysvětlena v kapitole: Obrázky HTML .


Relativní cesty souborů

Relativní cesta k souboru ukazuje na soubor vzhledem k aktuální stránce.

V následujícím příkladu cesta k souboru ukazuje na soubor ve složce obrázků umístěné v kořenovém adresáři aktuálního webu:

Příklad

<img src="/images/picture.jpg" alt="Mountain">

V následujícím příkladu cesta k souboru ukazuje na soubor ve složce obrázků umístěné v aktuální složce:

Příklad

<img src="images/picture.jpg" alt="Mountain">

V následujícím příkladu cesta k souboru ukazuje na soubor ve složce obrázků umístěné ve složce o úroveň výš od aktuální složky:

Příklad

<img src="../images/picture.jpg" alt="Mountain">


Nejlepší praxe

Nejlepší je používat relativní cesty k souboru (pokud je to možné).

Při použití relativních cest k souborům nebudou vaše webové stránky vázány na vaši aktuální základní URL. Všechny odkazy budou fungovat na vašem vlastním počítači (localhost), stejně jako na vaší současné veřejné doméně a vašich budoucích veřejných doménách.