2 Uzdevums 2023

Jelgavas Valsts ģimnāzija
2.uzdevums
1. Savā mapē izveidot jaunu uzdevuma mapi Uzdevums_ 2 un tajā izveidot index.html
2. <body> tagos iekopēt 2_uzdevums_sagatave.html sagataves kodu.
3. Atvērtajā kodā apskatīt, kā var HTML dokumentā pievienot komentāru.
4. Pievienot paskaidrojuma komentāru saviem vārdiem <h2> un <h3> līmeņa virsrakstiem.
5. <title> tagos ierakstīt savu vārdu un uzdevuma numuru, piem., “Ingas 2.uzdevums”.
Kā pievienot CSS.
CSS teksta noformēšanas īpašības
6. Pirmā līmeņa virsrakstam izmatot Inline stilu jeb stila pievienošanu pie konkrētā elementa jeb taga.
Piem., pievienot pirmā līmeņa virsrakstam teksta krāsu teksta novietojumu:
<h1 style="color: #027320; text-align: center">Sveicināti mājas lapā!</h1>
7. Pievienot mājaslapai fona krāsu – izvēlieties jebkuru gaišu krāsu. Krāsu kodus ātri var atrast un
nokopēt, ja Google meklētājā ieraksta vārdus “color picker”. Vēlams lietot variantu ar HEX kodu. Fona
stilu aprakstiet HTML dokumenta HEAD daļā pirms slēdzošā HEAD parametra. To sauc par tiešo
ievietošanu HTML dokumentā. Šādu variantu izmanto tikai tad, ja kāds noformējums jāapraksta tikai
vienai mājaslapai.
<style>
body{
background-color: #c6ffdf;
}
</style>
8. Izveidot jaunu CSS dokumentu un saglabāt to ar nosaukumu stils.css. Dokumentu saglabāt tajā
pašā mapē, kurā atrodas index.html.
9. Pārējo visu mājas lapas noformējumu rakstīt CSS failā, kuru jāpievieno HTML failam ar linku, lai tas
darbotos un nolasītu pievienotās īpašības. To dara HEAD sadaļā ar rindas ierakstu:
<link rel="stylesheet" href="stils.css">, kur jānorāda CSS dokumenta nosaukums.
10. Otrā līmeņa virsrakstiem <h2> pievienot teksta krāsu un tekstam fona krāsu, tekstu centrēt.
11. Teksts “Darbu izstrādāja: Vārds, Uzvārds, klase” ir trešā līmeņa virsraksts <h3> - pievienot krāsu, tekstu
novietot lapas labajā pusē .
12. Visiem <em> (slīpraksts) pievienot CSS īpašības – treknrakstā, pasvītroti, teksta krāsa. Papildus skatīt
šeit.
13. Visiem <strong> (treknsraksts) pievienot CSS īpašības – teksts slīprakstā, pasvītrots, teksta krāsa.
Papildus skatīt šeit.
14. Nosvītrots teksts <del> - pievienot krāsu un tekstam fona krāsu.
15. Visiem <u> (pasvītrots) pievienot CSS īpašības - visi burti lieli, teksta krāsa.
16. Teksti, kuri ir marķēti (html kodā <mark>), tiem ar CSS īpašībām nomainīt burtu krāsu un teksta fona
krāsu.
17. Saglabāt darbu un aizvērt programmu.
Jelgavas Valsts ģimnāzija
Izpildīta uzdevuma paraugs

2 Uzdevums 2023

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

2 Uzdevums 2023

Uploaded by

Copyright:

Available Formats

Jelgavas Valsts ģimnāzija

CSS teksta noformēšanas īpašības

Izpildīta uzdevuma paraugs

You might also like