4.1 Zoznamy
Zoznamy sú veľmi užitočné, veľmi nám spriehľadňujú určitý výpis, takže ich využitie je jasné. Delíme ich na číslovaný, nečíslovaný a definiční. Definičným sa nebudeme zaoberať.
4.1.1 Číslovaný
Číslovaný zoznam nám pred každým riadkom automatický umiestení číslo. Ohraničovacím tagom bude <OL>.... </OL> a príslušné odrážky vo vnútri zoznamu budú mať tieto tagy:
<Li>...</Li>
Ukážka:
<ol>
<li>prvý</li>
<li>druhý</li>
<li>tretí </li>
</ol>
Samozrejme, pokiaľ by sa nám nepáčia odrážky tvorené z číslic, potom si môžeme definovať iné:
<OL TYPE=A/a/I/i/1>...</OL>
A - veľké písmena (A, B, C, D atď...)
a - malé písmena (a, b , c, d atď...)
I - rímske číslovanie (I, II, III, atď...)
i - rímske číslovanie (i , ii, iii atď...)
1 - arabské číslovanie (1, 2, 3, 4 atď...)
Príklad:
Pokiaľ by sme chceli číslovaný zoznam za pomoci rímskych číslic, tak napíšeme:
<OL type= l >
<Li> prvý </Li>
<Li> druhý </Li>
<Li> tretí </Li>
</OL>
A všetky odrážky budú očíslované rímskymi číslicami.
Pozn. v tomto prípade I nie je malé písmeno L, ale veľké i.
4.1.2 Nečíslovaný
Pred každou položkou nám umiestni bodku (defaultne). Ohraničeným tagom bude <UL>....</UL> a odsekový tag bude <Li>...</Li>.
Ukázka:
<ul>
<li>počítače</li>
<li>squash</li>
<li>strategické hry, akčné hry a RPG</li>
<li>spanie</li>
<li>ľudia</li>
</ul>
Pokiaľ sa vám nepáčia bodky, tak si môžeme definovať iné
<UL TYPE=DISC/CIRCLE/SQUARE>...</UL>
4.2 Odkazy
Čo to je odkaz ? Je to zvýraznená časť textu, v ktorej sa skrýva adresa ďalších stránok. Odkazom môže byť nielen text, ale taktiež obrázok. Naučiť sa pracovať s odkazom je veľmi dôležité. Ohraničujúcimi tagmy sú <A href = "..." >....</A>. Odkazy delíme na relatívne a absolútne. Absolútne sa používajú v odkaze na inú stránku a relatívne, napr. na iný súbor, ktorý sa nachádza v aktuálnom adresári.
4.2.1 Textový odkaz
<A href="http://www. Názov stránky.sk"> TEXT ODKAZU </A>, stačí kliknúť na TEXT ODKAZU a budete presmerovaný na príslušnú WWW stránku (absolútny odkaz).
Príklad:
<A href="http://www.google.sk "> Google </A>
Po kliknutí sa prenesiete na stránku Google
4.2.2 Obrázkový odkaz
<A HREF="http://www.Google.sk"> <IMG SRC="obrázok.gif > </A>
<IMG SRC="obrázok.gif > - udáva nám umiestnenie obrázku, v tomto prípade sa obrázok nachádza v rovnakom adresáre ako súbor do ktorého vkladáme tento kód. Inak povedané ide o relativní odkaz. Velmi často se stává, že obrázek leží o adresář výše, například v adresáři OBRAZKY, pak je nutné zadat:
<IMG SRC="../obrazky/obrazek.gif >.
Příklad:
<A HREF="http://www.cheater.cz"> <IMG SRC="scorpion.gif " > </A>
4.2.3 Odkaz na část dokumentu (záložka)
Někdy je třeba se pohybovat jenom v daném dokumentu a chceme nutně doporučit místo, kam by se měli uživatele podívat a proto jim tam vložíme záložku, která po kliknutí na daný hyper text přesune k požadované části.
<A HREF="WebovaStranka.html#001">druhá část</A>
...
...
<A NAME="001">
druhá část
4.3 Závěr
Na závěr jako vždy, názorný příklad. Soubor index.htm a scorpion.gif se nacházejí ve stejném adresáři. Pokud obrázek dáte jinam, je nutné upravit odkaz na obrázek.
Obsah souboru index.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> MOJE PRVNI STRANKA</TITLE>
</HEAD>
<BODY>
Nečíslovaný seznam:
<ul>
<li>Honza Svatoš</li>
<li>Mirek Moucha</li>
<li>Jakub Hladík</li>
<li>Le Hai Anh</li>
<li>Mirek Sýkora</li>
</ul>
Číslovaný seznam:
<ol>
<li>Atlantis</li>
<li>Max Payne</li>
<li>Doom 3</li>
<li>Half life 2</li>
<li>SW: KOTOR 2</li>
</ol>
<A href="http://www.cheater.cz "> Scorpion cheater </A> <br>
</BODY>
</HTML>