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

HTML pamatelementi

Vēlreiz aplūkosim iepriekšējo piemēru:

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

<head>
</head>

<body>
</body>

</html>

No piemēra varam secināt, ka ir trīs pamatelementi:

  1. Izmantotās HTML versijas definējums (vairāk par to sadaļā "Doctype"), kam seko <html> atverošais tags - šis tags iesāk un arī noslēdz web lapu. Tā uzdevums ir pateikt interneta pārlūkprogrammai, ka starp šiem tagiem tiek lietots HTML kods;
  2. <head> - dokumenta "galvene" :). Šajā sadaļā parasti iekļauj vismaz divas lietas:
  3. virsraksts<title> jeb virsraksts. Teksts, kas atrodas starp "title" tagiem tiks attēlots interneta pārlūkprogrammas virsraksta joslā. Pie tam, saskaņā ar W3C rekomendācijām, TITLE elements ir obligāts un tam vajadzētu būt ar kontekstuālu saturu, piemēram, nevis "HTML", bet "HTML pamatelementi";
  4. lapas aprakstu un valodu, t.i., lai interneta pārlūkprogramma korekti attēlotu latviešu valodas īpašos simbolus ("charset= windows-1257") (vairāk par valodas kodējumu sadaļā "Kodējums"). Pie tam ievērosim, ka šajā gadījumā nav noslēdzošā taga. Visu šo garo aprakstu un valodu ir vērts vienkārši iegaumēt un iekopēt jaunveidojamā web lapā:

<!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>
</body>

</html>

     3. <body> - HTML dokumenta ķermenis. Šeit ievieto visu lapas saturu: virsrakstus (<h1>), teksta          rindkopas (<p>) utt.

Lūk kopējs piemērs:

<!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>
<h3>Manas lapas virsraksts</h3>
<p>Čau tauta! Te atkal es..</p>
</body>

</html>

Piezīme!
Ļoti svarīgi ir ievērot elementu tagu atvēršanas un aizvēršanas secību! Secība ir tāda pati, kā spēlējoties ar slavenajām krievu "matrjoškām" (lielajā koka lellē ir cita - nedaudz mazāka. Tajā atkal nedaudz mazāka. Šajā mazākajā atkal mazāka utt.). Tad nu iedomāsimies, ka esam salikuši 7 matrjoškas vienu otrā, bet beigās atklājam, ka esam aizmiršuši ielikt vismazāko. Neko darīt - noņemam virspusi ārējai (lielākajai) lellei un noliekam to sānis, tad tāpat rīkojamies ar 2. lielāko, tad 3. lielāko utt., līdz noņemta virspuse 7. lellei. Tad ieliekam tajā aizmirsto 8. lelli. Nu sākam krāmēt atpakaļ noņemtās leļļu virspuses - sākam ar 7., tad 6. utt. Tātad atveram no lielākās uz mazāko, bet aizveram no mazākās uz lielāko. Lūk arī tagu princips - ja <x> tags ievietots tagā <y>, tad vispirms jāaizver tags </y> un tikai tad tags </x>!

Te būs kļūdains HTML piemērs:

<!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>
<h3>Manas lapas virsraksts
<p>Čau tauta! Te atkal es..</p></h3>
</html>
</body>




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