Zßlo╛ky

Dva kroky - Vlo╛enφ zßlo╛ky - Vlo╛enφ odkazu - P°φkladZßludnosti - V²hody - Kombinace - Historie

UrΦit∞ jste se p°i brousenφ Internetem setkali s podivn²mi odkazy, kterΘ nep°epφnaly do jinΘho textu, ale jenom trochu odrolovaly text n∞kam dol∙. Takov²m odkaz∙m se °φkß odkazy na zßlo╛ky (anglicky bookmark). Je to docela u╛iteΦnß v∞ciΦka. V nßsledujφcφch odstavcφch se pokusφm popsat, jak se to dß ud∞lat, jak to pou╛φvat a Φeho se vyvarovat. TakΘ budu pro ilustraci pou╛φvat v textu zßlo╛ky vφce, ne╛ je obvyklΘ.

P°edpoklßdßm, ╛e znßte pou╛itφ odkaz∙ v HTML.

Dva kroky

K tomu, abych na strßnce m∞l odkaz na zßlo╛ku, musφm ud∞lat dv∞ v∞ci.

  1. Vlo╛it zßlo╛ku do textu a pojmenovat ji.
  2. Ud∞lat odkaz, kter² bude na zßlo╛ku mφ°it.

Vlo╛enφ zßlo╛ky

V HTML k≤du vypadß zßlo╛ka nßsledovn∞:

<a name="jmeno_zalozky"></a>

Na prvnφ pohled to vypadß jako odkaz (ßΦko na zaΦßtku)(proΦ je to tak?). Ale nenφ. Li╣φ se to ve dvou v∞cech. ZaprvΘ odkaz neobsahuje cφl (atribut href), zadruhΘ je prßzdn² = neobsahuje ╛ßdn² text (tedy, p°esn∞ji: m∙╛e obsahovat, ale nemusφ a pokud obsahuje, nemß to ╛ßdn² v²znam, pokud vφm). V zobrazenφ textu na strßnce se tedy zßlo╛ka nijak neprojevφ. Jedin² v²znam je tento:

Text, kter² bude v zßlo╛ce (nebo bezprost°edn∞ za nφ), se po vyvolßnφ zßlo╛ky (odkazem) p°esune na zaΦßtek obrazovky.

D∙le╛it² je u zßlo╛ky atribut name (jmΘno), kter² je dobrΘ zadßvat srozumiteln∞ a logicky (ale bez mezer a diakritiky).

Vlo╛enφ odkazu na zßlo╛ku

V k≤du to vypadß takhle:

<a href="#jmeno_zalozky">text odkazu</a>.

Zku╣enφ auto°i poznßvajφ klasick² odkaz (ßΦko na zaΦßtku + atribut href), pouze v atributu href se vyskytuje onen magick² #k°φ╛ek na zaΦßtku. K°φ╛ek prost∞ znamenß, ╛e odkaz nevede na soubor, ale na zßlo╛ku. Nynφ je takΘ jasnΘ, proΦ bylo tak d∙le╛itΘ jmΘno zßlo╛ky (to je to slovo za k°φ╛kem).

P°φklad

Na zaΦßtku tΘto strßnky je vlo╛ena zßlo╛ka charakterizovanß tφmto k≤dem:

<a name="zacatek"></a> .

Nßsledujφcφ odkaz mß tento k≤d:

<a href="#zacatek">Zkuste to!</a>

Po kliknutφ na n∞j byste se m∞li p°epnout na zaΦßtek strßnky (Φili na tu zßlo╛ku). Zkuste to!

Zßludnosti

S pou╛φvßnφm zßlo╛ek jsou spojeny n∞kterΘ problΘmy.

V²hody

Zßlo╛ky v²znamn∞ usnad≥ujφ orientaci v del╣φch textech. Je dobrΘ dßt na zaΦßtek ka╛dΘho takovΘho textu °ßdku s nßzvy kapitol nebo odstavc∙, kterΘ jsou aktivnφ. Kdy╛ mßm Φas a nßladu, tak to d∞lßm. Mßm p°eddefinovanΘ, ╛e se mi budou zobrazovat kurzivou (pomocφ CSS a t°φdy "zalozka").

Mnoho autor∙ pou╛φvß odkaz∙ "Na zaΦßtek strßnky". Hodφ se to, obΦas. Jß to ned∞lßm, proto╛e si myslφm, ╛e Φtenß°i nejsou tak tupφ a um∞jφ si tam odrolovat sami (t°eba klßvesou Home).

Pou╛φvßte-li na tvorbu strßnek Word 97, zßlo╛ky a odkazy na n∞ se dob°e p°evedou. Stejn∞ tak automatickΘ obsahy (jen mφsto Φφsla strßnek majφ hv∞zdiΦku s odkazem).

Kombinace

Mßlo se to pou╛φvß, ale dß se ud∞lat, aby normßlnφ odkaz byl zßrove≥ zßlo╛kou. Prost∞ se do odkazu p°idß atribut name:

<a href="nekam.htm" name="jmeno_zalozky">Textodkazu</a>

Nebo se dß nastavit odkaz na zßlo╛ku na jinΘ strßnce. Takovß strßnka se po zavedenφ odroluje na pozici zßlo╛ky:

<a href="nekam.htm#jmeno_tamni_zalozky">text odkazu</a>

Historie

To, ╛e se zßlo╛ka i odkaz zadßvß stejn²m tagem (toti╛ ßΦkem) je dßno historick²m v²vojem. V prav∞kΘm HTML toti╛ existovalo velice mßlo znak∙ a kodifikßto°i se zdrßhali vytvß°et zbyteΦn∞ novΘ. Tak╛e dnes mßme pro dv∞ ·pln∞ rozdφlnΘ v∞ci jeden tag!

P°edchozφ: zdokonalenφ odkaz∙, Dal╣φ: MailovΘ adresy jako odkazy
Vizte tΘ╛: Odkazy v HTML, struktura textu

Pφ╣e Yuh∙
dusan@pc-slany.cz
mail formulß°em
Jak psßt web O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek.

Zßklady HTML CSS FrontPage Hledßnφ

Obsah

Hlavnφ strßnka

Novinky

FAQ

Download

Zdroje

Hledßnφ


Roz╣φ°enΘ

Zßkladnφ kurs

Jak ud∞lat strßnku

Zßklady HTML

Publikovßnφ

Zßsady psanφ

Editory

R∙znΘ prohlφ╛eΦe

Editory

FrontPage 2000

FP Editor 98

Word 97

FrontPage Express

HTML tipy

P°φprava obrßzk∙

Obrßzky

Pozadφ

Odkazy

Vychytßvky odkaz∙

Zßlo╛ky

Aktivnφ mail

Tabulky

┌prava tabulek

Novinky tabulek

Design tabulkami

Rßmy

Formßtovßnφ rßm∙

Rßmy nepou╛φvat

Iframe

Formulß°e

Formulß°e v HTML

DokonalΘ formulß°e

Zßpis barev

Definice

Formßtovacφ chyby

Jak ud∞lat levΘ menu

Vyt∞╛ovßnφ strßnek

Provoz webu

Rychlost strßnek

VzdßlenΘ slu╛by

VyhledßvaΦe

Katalogy

Sprßva soubor∙

Ikona strßnky

Obsah / forma

╚e╣tina

Chyby Φe╣tiny

Tabulky k≤dovßnφ

Meta tagy

Nastavenφ serveru

Programovßnφ strßnek

ZaΦßtky PHP

Mo╛nosti PHP

Pou╛φvßnφ prohlφ╛eΦe

CSS styly

CSS styly

┌vod do CSS

Struktura textu

CSS prakticky

P╪EHLED VLASTNOST═ CSS

Slo╛it∞j╣φ deklarace

DΘlkovΘ jednotky

Pozicovßnφ

Sloupce pozicovßnφm

Okraje objekt∙

Odli╣enφ prohlφ╛eΦ∙

Omezenφ CSS

Odli╣n² tisk

DynamickΘ HTML

Filtry

P°φklady filtr∙

R∙znΘ barvy odkaz∙

Barva rolovacφ li╣ty

 


Jak psßt web: http://dusan.pc-slany.cz/internet/

Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz

Poslednφ aktualizace 17.12.2001