WEBOVÁ STRÁNKA VYTVOŘENÁ PRO ZÁPOČET PŘEDMĚTU
TVORBA WWW STRÁNEK

Nesetříděné seznamy odkazu

Netříděný seznam je seznam, kterému je jedno jestli uvedeme položky v pořadí A B nebo v opačném B A. Typickým příkladem je seznam s tím, co máte koupit. Základní párová značka pro netříděný seznam je <ul>, která upozorní prohlížeč na to, že zde bude netříděný seznam.

<ul> Definuje nečíslovaný neuspořádaný seznam položek </ul>
musí obsahovat nejmeně jednu položku seznamu
<li> Definuje položku seznamu </li>
<lh> Slouží k definici záhlaví (nadpisu) seznamu. </lh>

Vzhled grafických symbolů se definuje atributy:
type="disc" - zobrazí se plné tečky (výchozí)
type="circle" - zobrazí se prázdná kolečka
type="square" - zobrazí se čtverečky

value="číslo" - číslování od této značky dále

Příklad vnořeného seznamu s odkazy na WWW vyhledávače. Použitím atributu _blank v odkazu <a href="http://stranka" target="_blank"><a> dosáhneme toho, že odkazovaná stránka se otevře v samostatném okně.

• Google
  • Seznam
    • Spoluzaci
    • Lidé
    • Email
    • Mapy
  • Go
    • Mama
    • Vivisimo
    • Dogpile
    • Vroosh
  • Msn
  • Netscape
• Ixquick
  • Yahoo
  • Alta vista
  • Ask
  • Allthe web
• Centrum
  • Njdi to
  • Vokno
  • Global search
  • Woko
• Atls
  • Aol
  • Lycos
  • Hotbot
  • Looksmart

Takto je navržen tento seznam:

<ul>
 <li><a href="http://www..." target="_blank">www.google.com</a>
  <ul>
   <li><a href="http://www..." target="_blank">www.seznam.cz</a>
    <ul>
     <li><a href="http://www..." target="_blank">Spoluzaci</a></li>
     <li><a href="http://www..." target="_blank">Lidé</a></li>
     <li><a href="http://www..." target="_blank">Email</a></li>
     <li><a href="http://www..." target="_blank">Mapy</a></li>
    </ul>
   <li><a href="http://www..." target="_blank">Go</a>
    <ul>
      <li><a href="http://www..." target="_blank">Mamau</a></li>
      <li><a href="http://www..." target="_blank">Vivisimo</a></li>
      <li><a href="http://www..." target="_blank">Vivisimo</a></li>
      <li><a href="http://www..." target="_blank">Vroosh</a></li>
    </ul>
   <li><a href="http://www..." target="_blank">Msn</a>
   <li><a href="http://www..." target="_blank">Netscape</a>
   </ul> 
 <li><a href="http://www..." target="_blank">Ixquick</a>
  <ul>
   <li><a href="http://www..." target="_blank">Yahoo</a></li>
   <li><a href="http://www..." target="_blank">Alta vista</a></li>
   <li><a href="http://www..." target="_blank">Ask</a></li>
   <li><a href="http://www..." target="_blank">Allthe web</a></li>
   </ul>
 <li><a href="http://www..." target="_blank">Centrum</a>
   <ul>
    <li><a href="http://www..." target="_blank">Njdi to</a></li>
    <li><a href="http://www..." target="_blank">Vokno</a></li>
    <li><a href="http://www..." target="_blank">Global</a></li>
    <li><a href="http://www..." target="_blank">Woko</a></li>
   </ul>
 <li><a href="http://www..." target="_blank">Atlas</a>
   <ul>
    <li><a href="http://www..." target="_blank">Aol</a></li>
    <li><a href="http://www..." target="_blank">Lycos</a></li>
    <li><a href="http://www..." target="_blank">Hotbot</a></li>
    <li><a href="http://www..." target="_blank">Looksmart</a></li>
   </ul>
</ul>