Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a: Mgr. Jana Presová Ověřil/a: Mgr. Jana Presová
Název výukového materiálu: Vyváříme www stránky Vzdělávací obor: výpočetní technika Tematický okruh: tvorba jednoduché webové stránky Téma: V. Odkazy na existující webové stránky (na internetu) Stručná anotace: Prezentace shrnující zásady při vytváření odkazů na různé webové stránky pomocí příslušných tagů a ukazuje i na jejich možné formátování.
Odkazy odkazy jsou vymezeny párovými tagy a text, který je umístěn mezi těmito tagy, funguje jako odkaz na danou stránku
Zápis odkazu v textu (v ) to může vypadat takto: stránka, ze které často čerpám text "stránka, ze které často čerpám" funguje jako odkaz na stránku s adresou cesta a přesná adresa www stránky
Nastavení formátu odkazů vzhled odkazů se nastavuje v hlavičce ve stylu to, co je zde nastaveno, je platné pro všechny odkazy v celé www stránce, v hlavičce může například být: a {text-decoration: none} … toto nastavení platí pro všechny typy odkazů a:link {color: green}... barva nenavštíveného odkazu, zde ale můžeme nastavit i cokoliv jiného a:visited {color: navy}... změna barvy navštíveného odkazu zakázané podtržení odkazů
Nastavení formátu odkazů a:active {color: black}... změna barvy odkazu, na který se právě kliklo, tento příkaz se příliš nevyužívá a:hover {color: red; text-decoration: underline}... změna barvy odkazu, nad který najedu myškou a navíc se to podtrhne …toto se používá pro zvýraznění odkazů na stránce
příklady zápisů odkazů v Zde jsou odkazy na nejpoužívanější www stránky: odkaz na seznam odkaz na google stránka, ze které často čerpám výsledek Pokud není nastaven žádný formát, budou použity barvy jako na obrázku! Příkaz je použit proto, aby odkazy byly na nových řádcích.