jQuery පුස්තකාලය සමඟ පුහුණුව
b ටැගය අඩංගු වන සියලුම p ඡේද අභ්යන්තරයේ
div ටැගයෙන් ඔබලන්න.
www වර්ගය ඇති සියලුම p ඡේද සොයා ඒවායේ ආරම්භයේ
'!' පෙළ තබන්න, පසුව මෙම ඡේදවලට
h1-h6 ශීර්ෂ ද එක් කර මෙම ඡේද සහ ශීර්ෂ
රතු පැහැයට තීන්ත ආලේප කරන්න.
සියලුම p ඡේද සොයා ඒවා
එකම අන්තර්ගතය සමඟ div ටැගයක් මගින් ප්රතිස්ථාපනය කරන්න.
පිටුවේ ඇති සියලුම ලෙක්කන් පෙට්ටි සොයා ඒවායින් ඉරට්ටේ අක්රීය කරන්න.
අක්රීය නොවූ
ලෙක්කන් පෙට්ටි සියල්ලට
'සලකුණු කළ' තත්වය යොදන්න.
#test අංගය දෙනු ලැබේ. එහි ඉහළින්ම යාබද අසල්වැසියට
'!' පෙළ තබා, පහළ අසල්වැසියට -
'?' පෙළ තබන්න. අභ්යාසය එක් වාක්ය ඛණ්ඩයකින් විසඳන්න.
#test අංගය දෙනු ලැබේ. එහි ඉහළින්ම සහ පහළින්ම යාබද අසල්වැසියන්ට
#test අංගයේ පෙළ තබන්න.
#test අංගය දෙනු ලැබේ. එහි ඉහළ අසල්වැසියන් අතරින්
ආසන්නතම p ඡේදය සොයා එයට
#test අංගයේ පෙළ තබන්න.
පිටුවේ දෙවන li සොයා එයට
www වර්ගය එක් කරන්න, අභ්යන්තරයෙන්
i ටැගයෙන් ඔබලන්න, එයින් පසු
'හෙලෝ' පෙළ සහිත li එකක් ඇතුළු කරන්න.
පිටුවේ දසවන li සොයා එහි
පියා සොයා, පියාගේ ඉහළින්ම යාබද අසල්වැසිය ලබාගෙන
එය
<div class="www"></div> ටැගයෙන් ඔබලන්න.
www වර්ගය නැති p ඡේද හැර, සෑම p ඡේදයකටම
අවසානයේ එහි අනුපිළිවෙල අංකය එක් කරන්න.
සියලුම p ඡේද සොයා
සෑම ඡේදයකටම පෙර එහි පිටපතක් තබන්න. පිටපත
රතු පැහැයටත්, මුල් ඡේදය කොළ පැහැයටත් තීන්ත ආලේප කරන්න.
h2 ට අමතරව පහළින්ම ඇති p ඡේද
සොයා සෑම ඡේදයක්ම
h2 ට අමතරව ඉහළින් පිහිටන පරිදි ගෙනයන්න.
සියලුම හිස් p ඡේද (පෙළ නැති)
සොයා ඒවාට
ඉහළින්ම යාබද අසල්වැසියේ පෙළ ඇතුළු කරන්න.
b ටැගයේ පියාට, එය
www වර්ගය සහිත අංගයක් හෝ p ඡේදයක් නම්,
රතු පැහැය සහ
පෙළ
ප්රමාණය 30px ලෙස යොදන්න.
සියලුම හිස් p ඡේදවලට
ඒවාට ඉහළට ඇති ආසන්නතම h2 ටැගයේ පෙළ තබන්න.
ආදාන ක්ෂේත්ර අංක සමඟ දෙනු ලැබේ. ආදාන ක්ෂේත්රවල මෙම අංකවල වර්ග පවතින පරිදි සකසන්න.
#test අංගය දෙනු ලැබේ. එහි ආරම්භයේ ඉහළින්ම යාබද අසල්වැසියේ පෙළත්,
අවසානයේ - පහළින්ම යාබද අසල්වැසියේ පෙළත් තබන්න.
#test අංගය දෙනු ලැබේ. එහි ඉහළින් දෙවන අසල්වැසිය සහ පහළින් දෙවන අසල්වැසිය සොයාගන්න.
සොයාගත් අංග පෙළ හුවමාරු කරන්න (ඉහළ අසල්වැසිය පහළ අසල්වැසියේ පෙළ ගෙන
අනෙක් අය ගන්නවා).
div අංගය දෙනු ලැබේ. එයින්
ශීර්ෂ නොවන සියලුම කෙලින්ම දරුවන් තෝරාගෙන ඒවා
රතු පැහැයට තීන්ත ආලේප කරන්න.
සියලුම p ඡේද සොයා ඒවා
රතු පැහැයට තීන්ත ආලේප කරන්න. පසුව සොයාගත් අතරින්
www වර්ගය සහිත ඡේද තෝරාගෙන ඒවාට
'!' පෙළ තබන්න.
www වර්ගය සහිත සියලුම p ඡේද සොයා ඒවා රතු පැහැයට තීන්ත ආලේප කරන්න.
පසුව සොයාගත් ඡේද අතරින් පළමුවැන්න
තෝරාගෙන එයට '!' පෙළ තබන්න, පසුව
අවසානය තෝරාගෙන එයට '?' පෙළ තබන්න.
අභ්යාසය එක් වාක්ය ඛණ්ඩයකින් විසඳන්න.
සියලුම p ඡේද සොයා ඒවාට
සෑම එකකටම අවසානයේ එහි ඇතුළත ඇති එම පෙළම තබන්න
(එනම්, ඡේදයේ පෙළ දෙවරක් ලියා ඇති ආකාරයට).
සියලුම p ඡේද සොයා ඒවාට
සෑම එකකටම අවසානයේ කුලකයේ එහි අනුපිළිවෙල අංකය
තබන්න.
අංක සහිත ඡේද දෙනු ලැබේ. ඒවාට සෑම එකකටම අවසානයේ එහි ගබඩා කර ඇති අංකය, කුලකයේ එහි අනුපිළිවෙල අංකයෙන් ගුණ කළ අංකය තබන්න.
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
ඉහළින්ම සහ පහළින්ම යාබද අසල්වැසියන් ඉවත් කරන්න.
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
ඉහළ අසල්වැසියන් සියල්ල පළමු ශීර්ෂය
h1-h6 දක්වා ඉවත් කරන්න
(එනම්, මෙම ශීර්ෂයට ඉහළින් ඇති අංග සහ ශීර්ෂයම
ඉවත් නොකරන්න).
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
පහළ ආසන්නතම අසල්වැසිය
www වර්ගය සමඟ ඉවත් කරන්න.
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
පහළින් පස්වන අසල්වැසිය ඉවත් කරන්න.
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
පහළින් පස්වන අසල්වැසිය ඉවත් කරන්න, එය
h2 නොවේ නම්.
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
පහළින් පස්වන අසල්වැසිය ඉවත් කරන්න, මෙම අසල්වැසිය
ඇතුළත b ටැගය නොමැති නම්.
p ඡේදයක් මත ක්ලික් කිරීමේදී එහි
පහළින් පස්වන අසල්වැසිය ඉවත් කරන්න, මෙම අසල්වැසිය
h2 ට අමතරව වහාම පසු නොවේ නම්.
#test අංගය දෙනු ලැබේ. මෙම
අංගය ස්ථානය හුවමාරු කරන්න එහි පහළින්ම යාබද අසල්වැසිය සමඟ.
#test අංගය දෙනු ලැබේ. එහි
පහළින්ම යාබද අසල්වැසියෙන් පසු
අපගේ අංගයේ පිටපතක් ඇතුළු කරන්න.
#test අංගය දෙනු ලැබේ. මෙම
අංගය ස්ථානය හුවමාරු කරන්න එහි පහළ ආසන්නතම අසල්වැසිය
www වර්ගය සමඟ.
සොයාගන්න සියලුම p ඡේද,
එකම පියෙකු ඇතුළත h2 එකක් සහ තවත් h2 එකක් අතර පිහිටා ඇති.
සෑම p ඡේදයක්ම බාහිරව
සහ අභ්යන්තරව div ටැගයෙන් ඔබලන්න.
සොයාගන්න සියලුම p ඡේද,
ඒවායේ කෙලින්ම පියා div නොවන
සහ ඒ සෑම එකක්ම <div class="www"></div> ටැගයෙන් ඔබලන්න.
සියලුම p ඡේද සොයාගන්න. ඒවායේ පියා ඉවත් කරන්න (එයට
unwrap කරන්න),
මෙම පියා www වර්ගය සහිත div නොවේ නම්.
පසුව ඡේද, ඒවායේ
පියා ඉවත් කළ, ඒවා zzz වර්ගය සහිත div
ඔබලන්න.
#test අංගයේ සියලුම පියවරුන් සොයාගෙන මෙම පියවරුන්ගේ
CSS වර්ග සහිත අරාවක් සාදන්න.
සොයාගන්න සියලුම p ඡේද, ඒවාට
class ගුණාංගය ඇති, සහ සෑම එකක්ම
div ටැගයෙන් ඔබලන්න එම වර්ග සමඟ,
සොයාගත් ඡේදයේ වර්ග මෙන්, සහ සෑම
ඡේදයකම වර්ග class ගුණාංගය සමඟ ඉවත් කරන්න.
#test හි සියලුම p ඡේද
සොයා ඒවාට අවසානයේ පෙළ
'!' තබන්න, පසුව සොයාගත් අතරින්
www වර්ගය සහිත ඡේද බැහැර කර ඉතිරි ඒවාට
රතු පැහැය යොදන්න.
පිටුවේ ඇති සියලුම li සොයාගන්න,
පසුව සොයාගත් අතරින් අවසානයට පෙර එකට පෙර
තවත් li එකක් 'පරාසය' පෙළ සමඟ ඇතුළු කරන්න.
පිටුවේ ඇති සියලුම li සොයාගන්න,
පසුව සොයාගත් අතරින් අවසානයේ සිට දෙවන, තෙවන
සහ සිව්වන ඒවා තෝරාගෙන ඒවාට පෙළ
'!' තබන්න.
#test සහිත ol සොයාගෙන
එහි ඇති සියලුම li
ප්රතිලෝම අනුපිළිවෙලට පෙළගසන්න.
#test අංගය දෙනු ලැබේ. එහි සියලුම
ඉහළ අසල්වැසියන් සහ සියලුම පහළ අසල්වැසියන් සොයාගෙන
ඒවා ස්ථාන හුවමාරු කරන්න (එනම්, අංගයට පෙර ඇති සියල්ල,
එයින් පසු තිබිය යුතුය සහ අනෙක් අතට).
www වර්ගය සහිත සියලුම li ලබාගෙන ඒවා රතු පැහැයට තීන්ත ආලේප කරන්න, පසුව
සොයාගත් අතරින් ඒ li සොයාගන්න,
bbb වර්ගය ඇති සහ ඒවා ඉවත් කරන්න.
සියල්ල එක් වාක්ය ඛණ්ඩයකින් විසඳන්න.
පිටුවේ ඇති සියලුම li ලබාගන්න. ලබාගත් ඒවායින් ඉරට්ටේ
හිස් කරන්න, සහ
ඔත්තේ ඉවත් කරන්න.
සියලුම div ටැග සොයා ඒවායේ
උස දෙගුණ කරන්න.
පිටුවේ ඇති සියලුම div ටැගවල උසෙහි එකතුව
සොයාගන්න.
#test අංගය සඳහා www වර්ගය සහිත ආසන්නතම පියා
සොයා මෙම
පියාගේ අවසානයට '!' පෙළ සහිත ඡේදයක් එක් කරන්න.
#test අංගය මත ක්ලික් කිරීමේදී එහි
www වර්ගය සහිත ආසන්නතම පියා සොයාගෙන,
මෙම පියා ඇතුළත සියලුම ඡේද සොයා ඒවා
රතු පැහැයට තීන්ත ආලේප කරන්න.
පිටුවේ පළමු 10 li
රතු පැහැයට තීන්ත ආලේප කරන්න.
පිටුවේ 5-වැනි සිට 10-වැනි li දක්වා
රතු පැහැයට තීන්ත ආලේප කරන්න.
පිටුවේ අවසාන 10 li
සොයා ඒවා රතු පැහැයට තීන්ත ආලේප කරන්න.
පසුව සොයාගත් අතරින් ඉරට්ටේ li සොයා
ඒවා අභ්යන්තරයෙන් b ටැගයෙන් ඔබලන්න.