Monday, July 24, 2017

HTML සරලව ඉගෙන ගනිමු - 1 කොටස


අද මං ඔයාලට අලුත් පරිගණක භාෂාවක් කියල දෙන්නයි යන්නේ. (මේක අලුත් කිව්වට ආධුනික අයට තමයි අලුත් වෙන්නේ 😃😃😃) ඒ තමා HTML එනම් Hyper Text Markup Language. ඇත්තටම කිව්වොත් මේක පරිගණක ක්‍රමලේඛන භාෂාවන් අතරට ම අයත් වන්නේ නෑ. පහසුවෙන් ඉගෙනගත හැකි Markup Coding Language එකක් විදියට තමයි සලකන්නේ. අන්තර්ජාලයේ ඇති බොහෝ වෙබ් පිටු පවතින්නේ HTML කේත ලෙසිනි. HTML මගින් වෙබ් පිටුවක අකුරු, රූප ශබ්ද හා ඊට සම්බන්ධ වෙනත් දෑ පැවතිය යුතු ආකාරය තීරණය කරයි. ඔයාලට මම මෙහෙම උදාහරණයකින් ඒක පැහැදිලි කරන්නම්. 🌼

" ඔයාලා Microsoft Word මෘදුකාංගය පාවිච්චි කරලා තියෙනවා නම්, ඔයාලා ලියුමක් type කරලා ඒක formatting කරනවානේ. මාතෘකාව bold කරලා, අකුරු වර්ගය වෙනස් කරලා, පාට දාල, වගු ඇඳලා, එක්කෝ clipart දාලා ඒ ලියුම ලස්සන කරනවනේ." ඒ වගේ තමයි HTML වලින් කරන්නෙත් වෙබ් පිටුවක ලියා ඇති දේවල් හැඩගන්වන එක.

නමුත් word වල වගේ නෙවෙයි html වල එම formatting කරන්න විශේෂ කේත භාවිතා වෙනවා. මේවා Tags ලෙස හඳුන්වනවා.


HTML විවිධ අනුවාදන හෙවත් සංස්කරණයන් යටතේ ක්‍රියාත්මක වෙනවා. මෙහි පළමු සංස්කරණය සහ මෙය සොයා ගැනීමේ ගෞරවය හිමිවන්නේ www හෙවත් ලෝක විසිරි වියමන නිර්මාණය කල පරිගණක විද්‍යාඥ බ්‍රිතාන්‍ය ජාතික ආචාර්ය තිමති ජෝන් බර්නර්ස් ලි මහතා වෙතයි. 

මෙහි නවතම සංස්කරණය වන්නේ HTML 5.0 යි.  මෙම සංස්කරණය වඩාත් පෙරළිකාර වන අතර, වෙබ් පිටු සඳහා Audio, Video, Animation, Scripts කිසිදු plug-ins නොමැතිව ක්‍රියාත්මක කිරීමේ හැකියාව ඇත. මීට අමතරව HTML 4.0 සංස්කරණයේ දක්නට නොතිබූ බොහෝ Tag මෙහි දියුණු කර ඇත.  මෙහි විශේෂ ලක්ෂණ කීපයක් පහතින් දක්වා ඇත. 

දැන් අපි බලමු සරල HTML වැඩසටහනක් ලියන්නෙ කොහොමද? එහි මූලික සැකැස්ම (Body Layout) මොන ආකාරයෙන්ද කියලා.


<!DOCTYPE html> 
<html>
<head>
     <title>Page Title</title>
</head>
<body>

     <h1>My First Heading</h1>
     <p>My first paragraph.</p>

</body>
</html>

HTML දන්න කෙනෙක් මේක බැලුවම කියයි අර උඩින්ම තියෙන tag එක වැදගත් නෑ කියල. ඒකෙන් ඇති ප්‍රයෝජනයක් නෑ කියලා. නෑ ඒක වැරදි, ඒකෙන් තමයි web browser එකට කියන්නෙ HTML 5.0 version එකට අදාල tags ලියන්නෙ කියලා. ඒක නොදා කලින් සංස්කරණයේ තිබූ tags වෙබ් පිටුවෙ වැඩ කලත්  HTML 5.0 tags වැඩ කරන්නෙ නෑ.  

හොඳයි අදට ඇති. අපි තවත් post එකකින් හම්බවෙමු. ඔයාලගෙ අදහස් comment කරන්න. නැත්නම් ඔයාලගෙ අදහස් Facebook Fanpage එ‍කට ඇවිත් කියන්නත් පුළුවන් !  ඒ වගේම Share කරන්න කැමැති අය පහළ ඇති Buttons භාවිතා කරන්න.