වතුර උගුරක් එහෙම බීලා පොඩිත්තක් වටේ පිටේ රවුමක් දාල එහෙම ඔන්න අනික් ටැග් මහත්තුරු ගැන විස්තරේ කියන්න මම ආව මේ පැත්තේ ආයෙමත්. කට්ටිය නිදි නෑ නේ?
ඊට පස්සේ බලන්න ඕනි "i" ටැග් එක. මේකෙන් කරන්නේ අකුරු ඇද කරන එක. "i" නොහොත් ඉටැලික් (italic) කිරීම ඔයාලට Microsoft Word වල හමු වෙලා ඇති. ලියන්නේ "<i>...</i>" විදියට. මේ ටැග් එකත් අකුරු හැඩකාරක ටැග් එකක්. ඇද වීමෙන් සිද්ධ වෙන්නේ අකුරු වල වෙනස් පෙනුමක් ගෙන දෙන එක නේ. අන්න ඒ නිසා මේ ටැග් යුගලෙ අතරේ දමන වචන දකුණු අත පැත්තට ඇල වෙලායි පෙනෙන්නේ.
මට ඔයාලට කියන්න තව දෙයක් අමතක වුණා. ඒක හරිම විශේෂ දෙයක්. අපි මේ කතා කර ගෙන යන HTML ටැග් වලට HTML වලින් හඳුන්වන්නේ "එලිමන්ට්ස්" කියලා. සිංහලෙන් කීවොත් "HTML elements" කියලා. HTML පිටුවක් හැදිල තියෙන්නේ මේ elements වලින්. හරියට ගඩොල් (building blocks) වලින් ගෙයක් හැදිලා තියෙනවා වගේ.
"i" ටැග් එකට සමාන හැසිරීමක් තියෙන තවත් ටැග් එකක් තියෙනවා. ඒ "em" කියන ටැග් එකයි. මෙයත් අකුරු ඇල කරලා පෙන්නන්නේ. "em" කියන්නේ "emphasize" එහෙමත් නැත්තම් කැපිල පෙන්නන එක කියන්නත් පුළුවන්. "<em>...</em>" විදියට ලියන මේක, වැඩ කරන්නෙත් කලින් එක වගේමයි. ඔයාලා ලියලා බලන්නකෝ බොරුද කියලා. මං පස්සේ මේ ටැග් ඔක්කොම ටික එකට සාරාංශයක් විදියට පෙන්නන්නම්කෝ ලියලා. එතකං තනියම කරලා උත්සාහවත් අරන් තියන්නකෝ. මතකයි නෙ? මේ ඔක්කොම සෙල්ලම් "body" ටැග් යුගල අතරේ...
ඊට පස්සේ ඔන්න වේදිකාවට එනවා ටිකක් රජ වැඩ කාරයෙක්. එයා තමයි ෆොන්ට් "font" ටැග් යුගලෙ. මෙයා නම් නිකන්ම නිකන් ටැග් එකක් විතරයි ඔය විදියට වචනෙ විතරක් පාවිච්චි කරොත් නම්. කිසිම වැඩැක් ගන්න ලැබෙන්නේ නම් නෑ. එයාගෙන් හැබැයි ඔය සෙල්ලම් ඔක්කොම වගේ දා ගන්න පුළුවන් අකුරු හැඩ වැඩ කරද්දී. ඒ කොහොමද ඒ? තනි ටැග් එකෙන් කලින් කරපු ඔක්කොම ජාති කර ගන්න පුළුවන්? හරිම පුදුමයි. ඔයාලට මෙහෙම හිතුනේ නැද්ද? අපි කලින් නම් එක එක පෙනුම අකුරු වලට දී ගන්න වෙන වෙනම ඒ ඒ වැඩේට විවිධ ටැග් පාවිච්චි කරා නෙ. ඒත් මේ ටැග් එක එහෙම නෑ. වෙනස්. මෙයාගෙන් ඒ වැඩ ටික ගන්නේ අපි HTML elements වල තියෙන ඇට්රිබියුට් (Attribute) කියන ගුණාංගයෙන්. ඇට්රිබියුට් එකක් කියන්නේ උප ගුණාංගයක් කීවත් නිවැරදියි. අපේ ටැග් එකෙන් ගන්න පුළුවන් අමතර වැඩ මේ උප ගුණාංගයකින් ගන්න පුළුවන්. ඕනෙම HTML ටැග් එකක මේ වගේ උප ගුණාංග තියෙනවා, අපි මේ වෙනකම් කතා නොකරාට. ඒ මෙන්න මේ තැන එනකම්. මෙතනින් එහාට අපි ඇට්රිබියුට් (Attributes) නැත්තම් උප ගුණාංග ගැන කතා කරයි ගොඩක් වෙලා වලට.
ඒ ඒ ටැග් වල ක්රියාකාරීත්වය අනුව ටැග් එකෙන් ටැග් එකට තියෙන ඇට්රිබියුට්ස් වෙනස් වෙනවා. body ටැග් එකේ තියෙන දේවල් නෙවෙයි වෙන්න පුළුවන් font ටැග් එකේ තියෙන්නේ. අන්න ඒ වගේ. බල්ලෙක්ට තියෙන ලක්ෂණ නෙවෙයි මිනිහෙක්ට තියෙන්නේ. ඇහැ, කන, මූන, නාහෙ, දෑත්, දෙපා මේ දෙගොල්ලන්ටම තිබුණත් නැට්ටක් මිනිසුන්ට නෑ බල්ලන්ට වගේ. ඒ වගේම බලු මවිල් නෑ මිනිසුන්ට. ඒ ඒ අංගෝපාංග වල හැඩය වෙනස්, දෙගොල්ලො අතරෙම. ඔන්න ඔය වෙනස් කම එලියට ගන්න එක තමයි ඇට්රිබියුට් එකකින් කරන කාර්ය භාරය. එකම ටැග් එකක උප ගුණාංග කීපයක් තියෙන එකින් අපිට පුළුවන් වෙනවා එක ටැග් එකෙන් වැඩ ගොඩක් කර ගන්න. හැබැයි දැන් කාලෙ තියෙන හොඳම නිරූපණ ශිල්පියා ඔය අනම් මනම් ටැග් නෙවෙයි, "style" ටැග් එක. නමින්ම තේරෙනවනෙ මිනිහගේ වැඩ. අපි එයා ගැන පස්සේ කතා කරමු; දැන ගමු. එයාව අපිට ඕනෙ වෙන්නෙ තව සැලකිය යුතු දුරක් ගියාමයි.
ඊට පස්සේ බලන්න ඕනි "i" ටැග් එක. මේකෙන් කරන්නේ අකුරු ඇද කරන එක. "i" නොහොත් ඉටැලික් (italic) කිරීම ඔයාලට Microsoft Word වල හමු වෙලා ඇති. ලියන්නේ "<i>...</i>" විදියට. මේ ටැග් එකත් අකුරු හැඩකාරක ටැග් එකක්. ඇද වීමෙන් සිද්ධ වෙන්නේ අකුරු වල වෙනස් පෙනුමක් ගෙන දෙන එක නේ. අන්න ඒ නිසා මේ ටැග් යුගලෙ අතරේ දමන වචන දකුණු අත පැත්තට ඇල වෙලායි පෙනෙන්නේ.
මට ඔයාලට කියන්න තව දෙයක් අමතක වුණා. ඒක හරිම විශේෂ දෙයක්. අපි මේ කතා කර ගෙන යන HTML ටැග් වලට HTML වලින් හඳුන්වන්නේ "එලිමන්ට්ස්" කියලා. සිංහලෙන් කීවොත් "HTML elements" කියලා. HTML පිටුවක් හැදිල තියෙන්නේ මේ elements වලින්. හරියට ගඩොල් (building blocks) වලින් ගෙයක් හැදිලා තියෙනවා වගේ.
"i" ටැග් එකට සමාන හැසිරීමක් තියෙන තවත් ටැග් එකක් තියෙනවා. ඒ "em" කියන ටැග් එකයි. මෙයත් අකුරු ඇල කරලා පෙන්නන්නේ. "em" කියන්නේ "emphasize" එහෙමත් නැත්තම් කැපිල පෙන්නන එක කියන්නත් පුළුවන්. "<em>...</em>" විදියට ලියන මේක, වැඩ කරන්නෙත් කලින් එක වගේමයි. ඔයාලා ලියලා බලන්නකෝ බොරුද කියලා. මං පස්සේ මේ ටැග් ඔක්කොම ටික එකට සාරාංශයක් විදියට පෙන්නන්නම්කෝ ලියලා. එතකං තනියම කරලා උත්සාහවත් අරන් තියන්නකෝ. මතකයි නෙ? මේ ඔක්කොම සෙල්ලම් "body" ටැග් යුගල අතරේ...
ඊට පස්සේ ඔන්න වේදිකාවට එනවා ටිකක් රජ වැඩ කාරයෙක්. එයා තමයි ෆොන්ට් "font" ටැග් යුගලෙ. මෙයා නම් නිකන්ම නිකන් ටැග් එකක් විතරයි ඔය විදියට වචනෙ විතරක් පාවිච්චි කරොත් නම්. කිසිම වැඩැක් ගන්න ලැබෙන්නේ නම් නෑ. එයාගෙන් හැබැයි ඔය සෙල්ලම් ඔක්කොම වගේ දා ගන්න පුළුවන් අකුරු හැඩ වැඩ කරද්දී. ඒ කොහොමද ඒ? තනි ටැග් එකෙන් කලින් කරපු ඔක්කොම ජාති කර ගන්න පුළුවන්? හරිම පුදුමයි. ඔයාලට මෙහෙම හිතුනේ නැද්ද? අපි කලින් නම් එක එක පෙනුම අකුරු වලට දී ගන්න වෙන වෙනම ඒ ඒ වැඩේට විවිධ ටැග් පාවිච්චි කරා නෙ. ඒත් මේ ටැග් එක එහෙම නෑ. වෙනස්. මෙයාගෙන් ඒ වැඩ ටික ගන්නේ අපි HTML elements වල තියෙන ඇට්රිබියුට් (Attribute) කියන ගුණාංගයෙන්. ඇට්රිබියුට් එකක් කියන්නේ උප ගුණාංගයක් කීවත් නිවැරදියි. අපේ ටැග් එකෙන් ගන්න පුළුවන් අමතර වැඩ මේ උප ගුණාංගයකින් ගන්න පුළුවන්. ඕනෙම HTML ටැග් එකක මේ වගේ උප ගුණාංග තියෙනවා, අපි මේ වෙනකම් කතා නොකරාට. ඒ මෙන්න මේ තැන එනකම්. මෙතනින් එහාට අපි ඇට්රිබියුට් (Attributes) නැත්තම් උප ගුණාංග ගැන කතා කරයි ගොඩක් වෙලා වලට.
ඒ ඒ ටැග් වල ක්රියාකාරීත්වය අනුව ටැග් එකෙන් ටැග් එකට තියෙන ඇට්රිබියුට්ස් වෙනස් වෙනවා. body ටැග් එකේ තියෙන දේවල් නෙවෙයි වෙන්න පුළුවන් font ටැග් එකේ තියෙන්නේ. අන්න ඒ වගේ. බල්ලෙක්ට තියෙන ලක්ෂණ නෙවෙයි මිනිහෙක්ට තියෙන්නේ. ඇහැ, කන, මූන, නාහෙ, දෑත්, දෙපා මේ දෙගොල්ලන්ටම තිබුණත් නැට්ටක් මිනිසුන්ට නෑ බල්ලන්ට වගේ. ඒ වගේම බලු මවිල් නෑ මිනිසුන්ට. ඒ ඒ අංගෝපාංග වල හැඩය වෙනස්, දෙගොල්ලො අතරෙම. ඔන්න ඔය වෙනස් කම එලියට ගන්න එක තමයි ඇට්රිබියුට් එකකින් කරන කාර්ය භාරය. එකම ටැග් එකක උප ගුණාංග කීපයක් තියෙන එකින් අපිට පුළුවන් වෙනවා එක ටැග් එකෙන් වැඩ ගොඩක් කර ගන්න. හැබැයි දැන් කාලෙ තියෙන හොඳම නිරූපණ ශිල්පියා ඔය අනම් මනම් ටැග් නෙවෙයි, "style" ටැග් එක. නමින්ම තේරෙනවනෙ මිනිහගේ වැඩ. අපි එයා ගැන පස්සේ කතා කරමු; දැන ගමු. එයාව අපිට ඕනෙ වෙන්නෙ තව සැලකිය යුතු දුරක් ගියාමයි.
0 comments:
Post a Comment