පාට එක්ක සෙල්ලම් එහෙම දාල ඉවර වෙනකොට ඔන්න මගේ යාලුවත් ගෙදරට ආව. මිනිහත් ඔය ඉන්නෙ දැන් පැත්තකට වෙලා වට පිට උඩ යට බල බල මම මීලඟට කරන්නෙ මොන පාඩමද කියල දැන ගන්න. අදත් තාම කරුවලයි මේ වැස්ස නිසා. කුණාටුවක්ද මන්ද මේ ලංකාවට ඇවිත් තියෙන්නේ. ප්‍රවෘත්ති බලන්නෙත් නැහැනෙ ඉතින්. කොම්පියුටරේ එල්ලිලාම ඉන්න නිසා ඒ ගැන කොහෙන් දැන ගන්නද. හැබැයි ඉතින් අන්තර්ජාලෙ දේවල් ගැන නම් දන්නවා. අපි කර ගෙන යන මේ HTML, PHP ගැන නම් ඉතින් දන්නවා.
අපි දැන් දන්නවා නෙ ටැග් එහෙම ලියන හැටි. ටැග් වල ඇට්‍රිබියුට් Attribute ලියන්නෙ කොහොමද කියලාත් දන්නවා. අහ! යාළුවන්ට කියන්න දෙයක් අමතක වුණා. ඒ HTML සම්බන්ධ දෙයක්. අපි මෙච්චර වෙලා ඉගෙන ගත්තු HTML කේත, ටැග් එහෙම ලියද්දි ලියන්නේ ඉංග්‍රීසියෙන් නේ. ඒත් අපි ලියන්න ඕනි ලොකු අකුරින්ද එහෙමත් නැත්තම් CAPITAL අකුරින්ද, පොඩි අකුරින්ද ඒ කියන්නේ SIMPLE අකුරින්ද කියලා විශේෂයක් නෑ. ඕන විදියකට simple හෝ capital යොදලා ලියන්න පුළුවන්. මේ දෙයට සින්හලෙන් කියන්නේ, case-insensitive කියලා. හැබැයි ඒ HTML විතරයි. අපි යන්නේ PHP ගාවට නේ. අන්න PHP නම් ලියන්නේ simple අකුරු වලින් විතරමයි. ඒ එයාගේ නීතියක්. රීතියක් හෙම නෙවෙයි. ඒ කියන්නේ එයා case-sensitive විදියට ලියැවෙන ක්‍රමලේඛ බාසාවක්.
අපි දැන් HTML වල තවත් අකුරු, වචන සම්බන්ධ ටැග් ටිකක් ඉගෙන ගමු. හැබැයි සාරාංශයක් විදියටයි කියලා දෙන්න හදන්නේ. මොකද අපි දැන් ඒවා ලියන හැටි දන්න නිසා. ඔයාලට කරලා බලන්න තමයි තියෙන්නේ. කිසිම අපහසුවක් නෑ. මොකද මේක building blocks වගේ ගොඩ නගමින් තමන් අතින් නිර්මාණය වෙන ව්‍යූහයක් නිසා. මේ වැහි දවසේ දැන් වේලාව උදේ 10ට විතර ඇති. මුලින් පාඩම් දෙක තුනම මම ලීවෙ සැරින් සැරේ කාලා බීලා එහෙම ආවට පස්සේ. හරි ඒවායෙන් වැඩක් නෑ. දැන් ආපහු ඉගෙන ගනිමුකෝ.
මුලින්ම ආයෙත් කියල දෙන්නේ යුගල ටැග් කීපයක්. මම කෙටියෙන් ඒ ගැන පිළිවෙලින් පහලට කියල දෙන්නම්, ටැග් එකේ නමයි, ඒකෙන් සිද්ධ වෙන වැඩේ, කොහොමද ලියන්නේ කියලයි, ඒකේ තියෙන පාවිච්චියට ගන්න පුළුවන් ඇට්‍රිබියුට් ගැනයි, පස්සේ ඕවයේ උදාහරනයකුයි, පේන විදියයි. එහෙම හොඳයි නේද? මොකද HTML කියන්නේ වෙබ් පිටු, අඩවි (web sites) වල පාදම නිසා ගොඩක් දේවල් ඉගෙන ගන්නත් තියෙන නිසාත්, යන්න දුර ගොඩක් තියෙන නිසාත් තමා. හැබැයි ගුරු මුශ්ටි තියෙන එකක් නෑ. දැන ගන්න දෙයක් තියෙනවා නම් කොමෙන්ට් එකක් දාලා දැන ගන්න. මම කියලා දෙන්නම් වැඩි විස්තරත් එක්ක.
දැන් ඉගෙන ගන්න හදන්නේ "p => <p> </p>" හෙවත් paragraph ටැග් එක ගැනයි. අදහස නම්, ඡේදය කියන එකයි. වෙබ් පිටු වල ඡේදයක් යොදා ගන්න ඕනෙ නම් අපි පාවිච්චි කරන්නේ මෙන්න මේ ටැග් යුගලයි. ආරම්භ කරා, ඇට්‍රිබියුට් තියේ නම් ඒවත් යොදලා, ආරම්භක ටැගය වහලා, අපේ වචන-වාක්‍ය ලියලා, වහන ටැග් එකෙන් අවසන් කරලයි ලියන්නේ. විශේෂ ලක්ශණයක් වෙන්නේ හෙඩිම (<h1> - heading) ටැග් වල වගේ පාවිච්චි කරද්දි උඩිනුයි යටිනු‍යි හිස් රූලකින් අනිත් දේවල් වලින් වෙන් වෙනවා. ඒ පැහැදිලිව පේන්න ඕනි නිසා අපේ ඡේදය අනික්වායෙන් වෙන් වෙලා. මේකේ තියෙන ප්‍රධාන ඇට්‍රිබියුට් එක "align". ඒ කියන්නේ ඡේදය කොයි අතටද පෙළ ගස්සන්න ඕනෙ කියලා. වමටද (left), දකුණටද (right) මැදැටද (center) නැත්තම් දෙපැත්තම එක ගානටද (justify) කියන ඒව තමා align එකට ලැබෙන අගයන්.
මේක කේතනය කරන්නේ පහල විදියට.
<p align="center">This is a sample paragraph.</p>
වචන ටිකක් වැඩි කරලා ටැග් අතරේ දාලා ලිව්වම පෙනෙන්නේ පහල විදියට.
This is a sample paragraph. This is a sample paragraph. This is a sample paragraph. This is a sample paragraph.
අපි දැන් දන්නවා නෙ ටැග් එහෙම ලියන හැටි. ටැග් වල ඇට්‍රිබියුට් Attribute ලියන්නෙ කොහොමද කියලාත් දන්නවා. අහ! යාළුවන්ට කියන්න දෙයක් අමතක වුණා. ඒ HTML සම්බන්ධ දෙයක්. අපි මෙච්චර වෙලා ඉගෙන ගත්තු HTML කේත, ටැග් එහෙම ලියද්දි ලියන්නේ ඉංග්‍රීසියෙන් නේ. ඒත් අපි ලියන්න ඕනි ලොකු අකුරින්ද එහෙමත් නැත්තම් CAPITAL අකුරින්ද, පොඩි අකුරින්ද ඒ කියන්නේ SIMPLE අකුරින්ද කියලා විශේෂයක් නෑ. ඕන විදියකට simple හෝ capital යොදලා ලියන්න පුළුවන්. මේ දෙයට සින්හලෙන් කියන්නේ, case-insensitive කියලා. හැබැයි ඒ HTML විතරයි. අපි යන්නේ PHP ගාවට නේ. අන්න PHP නම් ලියන්නේ simple අකුරු වලින් විතරමයි. ඒ එයාගේ නීතියක්. රීතියක් හෙම නෙවෙයි. ඒ කියන්නේ එයා case-sensitive විදියට ලියැවෙන ක්‍රමලේඛ බාසාවක්.
අපි දැන් HTML වල තවත් අකුරු, වචන සම්බන්ධ ටැග් ටිකක් ඉගෙන ගමු. හැබැයි සාරාංශයක් විදියටයි කියලා දෙන්න හදන්නේ. මොකද අපි දැන් ඒවා ලියන හැටි දන්න නිසා. ඔයාලට කරලා බලන්න තමයි තියෙන්නේ. කිසිම අපහසුවක් නෑ. මොකද මේක building blocks වගේ ගොඩ නගමින් තමන් අතින් නිර්මාණය වෙන ව්‍යූහයක් නිසා. මේ වැහි දවසේ දැන් වේලාව උදේ 10ට විතර ඇති. මුලින් පාඩම් දෙක තුනම මම ලීවෙ සැරින් සැරේ කාලා බීලා එහෙම ආවට පස්සේ. හරි ඒවායෙන් වැඩක් නෑ. දැන් ආපහු ඉගෙන ගනිමුකෝ.
මුලින්ම ආයෙත් කියල දෙන්නේ යුගල ටැග් කීපයක්. මම කෙටියෙන් ඒ ගැන පිළිවෙලින් පහලට කියල දෙන්නම්, ටැග් එකේ නමයි, ඒකෙන් සිද්ධ වෙන වැඩේ, කොහොමද ලියන්නේ කියලයි, ඒකේ තියෙන පාවිච්චියට ගන්න පුළුවන් ඇට්‍රිබියුට් ගැනයි, පස්සේ ඕවයේ උදාහරනයකුයි, පේන විදියයි. එහෙම හොඳයි නේද? මොකද HTML කියන්නේ වෙබ් පිටු, අඩවි (web sites) වල පාදම නිසා ගොඩක් දේවල් ඉගෙන ගන්නත් තියෙන නිසාත්, යන්න දුර ගොඩක් තියෙන නිසාත් තමා. හැබැයි ගුරු මුශ්ටි තියෙන එකක් නෑ. දැන ගන්න දෙයක් තියෙනවා නම් කොමෙන්ට් එකක් දාලා දැන ගන්න. මම කියලා දෙන්නම් වැඩි විස්තරත් එක්ක.
දැන් ඉගෙන ගන්න හදන්නේ "p => <p> </p>" හෙවත් paragraph ටැග් එක ගැනයි. අදහස නම්, ඡේදය කියන එකයි. වෙබ් පිටු වල ඡේදයක් යොදා ගන්න ඕනෙ නම් අපි පාවිච්චි කරන්නේ මෙන්න මේ ටැග් යුගලයි. ආරම්භ කරා, ඇට්‍රිබියුට් තියේ නම් ඒවත් යොදලා, ආරම්භක ටැගය වහලා, අපේ වචන-වාක්‍ය ලියලා, වහන ටැග් එකෙන් අවසන් කරලයි ලියන්නේ. විශේෂ ලක්ශණයක් වෙන්නේ හෙඩිම (<h1> - heading) ටැග් වල වගේ පාවිච්චි කරද්දි උඩිනුයි යටිනු‍යි හිස් රූලකින් අනිත් දේවල් වලින් වෙන් වෙනවා. ඒ පැහැදිලිව පේන්න ඕනි නිසා අපේ ඡේදය අනික්වායෙන් වෙන් වෙලා. මේකේ තියෙන ප්‍රධාන ඇට්‍රිබියුට් එක "align". ඒ කියන්නේ ඡේදය කොයි අතටද පෙළ ගස්සන්න ඕනෙ කියලා. වමටද (left), දකුණටද (right) මැදැටද (center) නැත්තම් දෙපැත්තම එක ගානටද (justify) කියන ඒව තමා align එකට ලැබෙන අගයන්.
මේක කේතනය කරන්නේ පහල විදියට.
<p align="center">This is a sample paragraph.</p>
වචන ටිකක් වැඩි කරලා ටැග් අතරේ දාලා ලිව්වම පෙනෙන්නේ පහල විදියට.
This is a sample paragraph. This is a sample paragraph. This is a sample paragraph. This is a sample paragraph.
Posts
1 comments:
html case sensitive නෑ, අපි simple capital මොකෙන් ලිව්වත් එයා ඒක හරියට හඳුනා ගන්නවා, ජාවා වගේ ඒව නම් case sensitive, එක අකුරක වෙනස, මුළු ක්‍රමලේඛයම කචල් කරල දානව. :D
Post a Comment