Šis apraksts ir paredzēts tikai kā vispārīgs apskats. Tas neaptver visu HTML un CSS iespēju uzskaitījumu. Šeit var būt iekļauti arī novecojoši piemēri un apgalvojumi.
Šajā piemērā tiek izmantota izvēles rūtiņa (checkbox), kas ir interaktīvs HTML elements. Šis piemērs izveidots paslēpjot pašu rūtiņu un pievienojot atbilstošu tekstu (label). Lai redzētu piemēru darbībā, uzklikšķini uz zemāk redzamiem sadaļu virsrakstiem. Nestrādā ar «Microsoft Internet Explorer», kuri vecāki par 10. versiju. Būtiski, lai visām komandām, kurām nepieciešama aizverošā komanda, tā būtu, piemēram, ja rindkopa sākas ar <P>, tai tai ir jābeidzas ar </P>.
Šo sadaļu jāvar parādīt un paslēpt.
Šajā lapā izmantotie stili:
Lapas prmkoda apskatei jāizmanto pūrlūka piedāvatie rīki. Šeit dot tikai neliela pirkoda daļa paraugam:
<input id='sadalja1' class='sadalja' type='checkbox' />
<label for='sadalja1'>lappusē izmantotos stilus
<div id="saturs1" class="saturs">
<p>Šo sadaļu jāvar parādīt un paslēpt.</p>
</div>
Cieviet lapā var izmantot atsauci uz sadaļas ID.
<div id="saturs1" class="kurasadalja">[Stilu lapas saturs]
Pievērsiet uzmanību klašu (class) un id lietojumam. Ar klašu palīdzību tiek noteikts izskats. Savukārt ar id tiek panākta atšķirība starp dažādiem objektiem. Ja vairākiem objektiem tiek piešķirts viens un tas pats id, tie tiek uzskatīti par viena objekta dažādām daļām. Piemēram, atverot/aizverot sadaļas, mainās arī zemāk esošā teksta redzamība.
Ir ticis atvērts:
Ir ticis atvērts:
|
Lappuse labota: 2026.08.18 |
||||||||