Sākumlapa
"Pirmā web lapa"
CSS
Citi materiāli

Ceļošana - kalni


HTML

Sintakse
Pamatelementi
Virsraksti, rindkopas
Saraksti
Saites
Attēli
Tabulas
Noformējums
Meta

HTML ...
Doctype
Rakstāmzīmju      kodējums
Entītijas
Valodas norādīšana
Teksta virziens

Vēl iesaku:

W3Schools
Krāsu palete

Saraksti (lists)

Ikdienā mēs bieži veidojam dažādus sarakstus, piemēram, ejot uz veikalu, mēs pierakstam: "man jānopērk: maize, sviests, siers, piens utt." HTML ir trīs veidu saraksti:

Šie tagi tikai iesāk un noslēdz saraksta veidošanu, bet tiem pakļauti (t.i., tajos atrodas) paši saraksta elementu tagi. Sakārtotajam un nesakārtotajam sarakstam tie ir <li>, bet definīciju sarakstam <dt> (definējamajam terminam) un <dd> (termina skaidrojumam):
HTML kods:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Mana lapa</title>
<meta http-equiv="content-type" content="text/html; charset= windows-1257">
</head>

<body>
<h5>Sakārtotais saraksts</h5>
<p>Šodien jānopērk:</p>
<ol>
<li>maize</li>
<li>sviests</li>
<li>siers</li>
</ol>

<h5>Nesakārtotais saraksts</h5>
<p>Šodien jānopērk:</p>
<ul>
<li>maize</li>
<li>sviests</li>
<li>siers</li>
</ul>

<h5>Definīciju saraksts</h5>
<p>Produktu definīcijas:</p>
<dl>
<dt>Maize:</dt>
<dd>produkts, ko iegūst no rudzu u.c. miltiem, to sajaucot ar raugu ..</dd>
<dt>Sviests:</dt>
<dd>produkts, ko iegūst no krējuma, to sakuļot un pievienojot ..</dd>
<dt>Siers:</dt>
<dd>produkts, ko iegūst no biezpiena ..</dd>
</dl>

</body>

</html>

Rezultāts:

Sakārtotais saraksts

Šodien jānopērk:

  1. maize
  2. sviests
  3. siers
Nesakārtotais saraksts

Šodien jānopērk:

  • maize
  • sviests
  • siers
Definīciju saraksts

Produktu definīcijas:

Maize:
produkts, ko iegūst no rudzu u.c. miltiem, to sajaucot ar raugu ..
Sviests:
produkts, ko iegūst no krējuma, to sakuļot un pievienojot ..
Siers:
produkts, ko iegūst no biezpiena ..

Piezīme:
dažkārt sakārtoto sarakstu nepieciešams sākt nevis ar skaitli "1", bet gan turpināt no kāda lielāka skaitļa, piemēram, "4". Šajā gadījumā nāksies pielietot atribūtu "start" ar konkrēto vērtību (start="4"). Atceramies, ka atribūtus raksta iekšā atverošajā tagā un to vērtības liek pēdiņās!

HTML kods:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Mana lapa</title>
<meta http-equiv="content-type" content="text/html; charset= windows-1257">
</head>

<body>
<p>Šodien jānopērk tas, ko aizmirsu vakar:</p>
<ol start="4">
<li>kola</li>
<li>čipsi</li>
<li>šokolāde</li>
</ol>

</body>

</html>

Rezultāts:

Šodien jānopērk tas, ko aizmirsu vakar:

  1. kola
  2. čipsi
  3. šokolāde



Autortiesības © 2005-2011, kasis.lv. Visas tiesības aizsargātas.