Osnove HTML

Seznami

Kadarkoli del besedila ovijemo z značkami, temu besedilu dodamo nov pomen. Če besedilo ovijemo z značkama <ul> s tem brskalniku povemo, da vsebina predstavlja neurejeni seznam (ang. unordered list). Podobno z značkama <ol> brskalniku povemo, da vsebina predstavlja urejeni seznam (ang. ordered list). Za oba seznama velja, da so z značkama <li> ovite točke seznama (ang. list item).

 
1
<!DOCTYPE html>
2
<html>
3
  <head>
4
    <title>Prva spletna stran</title>
5
  </head>
6
  <body>
7
    <h2>Seznami</h2>
8
9
    <p>Tako ustvarimo neurejeni seznam:</p>
10
11
    <ul>
12
      <li>Dodamo element "ul" (kar pomeni "unordered list")</li>
13
      <li>Vsako točko seznama dodamo v element "li"</li>
14
      <li>Točke so lahko v poljubnem vrstnem redu</li>
15
    </ul>
16
17
    <p>Tako ustvarimo urejeni seznam:</p>
18
19
    <ol>
20
      <li>Dodamo element "ol" (kar pomeni "ordered list")</li>
21
      <li>Vsako točko seznama dodamo v element "li", enako kot prej</li>
22
      <li>Opazimo lahko, da je oštevilčenje točk samodejno</li>
23
      <li>Točke morajo biti v natančno določenem vrstnem redu</li>
24
    </ol>
25
26
  
27
<script>
28
document.body.addEventListener("keydown", function (event) {
29
    var code = event.keyCode || event.which;
30
    var alt  = event.altKey;
31
    if (alt && code === 33 /* Alt+PgUp */) {
32
        window.location.replace("../2208/index6.html");
33
    }
34
    if (alt && code === 34 /* Alt+PgDn */) {
35
        window.location.replace("../2208/index8.html");
36
    }
37
});
38
</script>
39
40
</body>
41
</html>


Specifikacija jezika HTML določa stroga pravila o tem, kateri elementi lahko vsebujejo katere druge elemente. V tem primeru lahko elementi <ul> vsebujejo samo elemente <li>, kar pomeni, da ne smemo na primer napisati:

4
 
1
  <!-- To je napačno! -->
2
  <ul>
3
    <p>Dodamo element "ul" (kar pomeni "unordered list")</p>
4
  </ul>