[ සිංහලෙන් HTML ] Part : 01
ඔන්න ඉතින් පොරොන්දු වුනු පරිදි HTML පාඨමාලාව පටන් ගන්නයි හදනේනෙ. එහි මුල් පියවර තමයි අද මම ඔයාලට දෙන්නෙ. හැබැයි ගොඩ දෙනෙක් කියයි අයියෝ ඕව මොනාද HTML නම් සිම්පල්නෙ කියල. ඔව් ඒක ඇත්ත! මාර වැ‍ඩේ කියන්නෙ මට නම් මේව එකක්වත් තාම නම් සිම්පල් වෙලා නැහැ. හර හරි අමතර කතා නැතුව පටන්ගනිමුකො අපේ පාඨමාලාවේ පළමුවන කොටස.සරලවම කියනවනම් HTML කියන්නෙ අන්තර්ජාලයේ ලොක වියාප්ත ජාලයේ(WWW) තියෙන Web pages(වෙබ් පිටු) වල දත්ත යම් ක්‍රමාණුකූල විදියට පෙන්වන්න හේතුවෙන සරල භාශාවක්. මෙම HTML පරිගණක ක්‍රමලේක භාශාවක් ගනයට නම් වැටෙන්නෙ නැහැ. HTML කියන කෙටි වචනයෙන් හැඳින්වෙන්නෙ Hyper Text Markup Language කියන එක ඒ කියන්නෙ මේක Markup Language එකක්. මෙය සෑදී ඇත්තේ විවිද tags වලින් HTML වල විවිද tags වර්ග දකින්න පුලුවන්.
HTML මූලික සංස්කරණවල සිට නූතන සංස්කරණතෙක් පැමිනෙන විට මෙම HTML tags ප්‍රමාණය වැඩිවීමක් දකින්න පුලුවන් මෙන්ම සමහර tags ඉවත්වීමද දකින්න පුලුවන් සාමාන්යයෙන් HTML tags යුගල වශයෙන් තමයි පවතින්නෙ නමුත් මෙය සෑම HTML tags සදහාම අදාල වන්නේ නැහැ.
උදාහරණයක් විදියට <br /> වගේ ටැගයන් ගන්න පුලුවන් මේවගේ තව ටැගයන් තියෙනවා. ඒව සියල්ල ක්‍රමාණුකූලව ඉදිරි පාඩම් මාළාවලින් බලාපොරොත්තුවෙන්න.මම මෙම post එකෙන් බලාපොරොත්තු වෙන්නෙ HTML ගැන සරල හඳුන්වාදීමක් කරණ ගමන් මූලික ප්‍රවේශයක් HTML සඳහා ලාබාගන්නයි.
මම දැන් දෙන්නම්කො HTML tags යුගල කිහිපයක් සදහා උදාහරණ:
01: <h1></h1>
02: <h2></h2>
03: <li></li>
04: <div></div>
05: <span></span>
පේනව නේද මේව බොහොම සරලයි කියල! ඉහතින් සඳහන් කරල තියෙන්නෙ උදාහරණ කිහිපක් පමණයි. තව tags විශාල ප්‍රමාණයක් තියෙනව මෙම tags සමගම අනෙකුත් tags සියල්ලක්මද එකින් එක මම සාකච්ඡා කරන්න බලාපොරොත්තු වෙනව. තවත් HTML tags ගැන පැහැදිලි කරනවානම් මෙම tag වල ඔයාලට මුලින්ම කිව්ව වගේ
දකින්න පුලුවන් මේවගෙන් බොහෝමයක් යුගල වශයෙන් පවතින බව මෙම යුගලයන්හි පළමු ටැගය අපි සාමාන්යයෙන් හඳුන්වන්නෙ Opening tag/Starting tag ලෙස ඒවගේම අවසාන ටැගය හඳුන්වන්නෙ Closing tag/End tag ලෙස. අනිත් දේ තමයි මේ ටැගයන් ලියන සම්මත ආකාරයකුත් ඉහත උදාහරණවල දකින්න පුලුවන්.
එනම් සියලුම tags ලියන කොට ලියන්න අවශ්‍ය <>(angle brackets) තුලයි.තවත් දෙයක් තමයි විවිද ටැගයන් සඳහා ඒවාටම ආවේනික වුනු ගතිලක්ෂණ දකින්න පුලුවන් ඒක නම් කියන්නත් දෙයක්ද කියල ඕගොල්ලො අහයි! ඇත්ත නේන්නම් නැත්තම් මොකටද විවිධ වර්ගයේ ටැගයන් කුලකයක්ම හඳුන්වල දීල තියෙන්නෙ. උදාහරණ කිහිපයකින් මෙය සරලව පැහැදිලි කරගන්නවානම්.
01: <head></head> මෙම ටැගයන් තුල ලියන දත්ත වෙබ් පිටු වල දිස්වෙන්නේ නැහැ.මෙම ටැග් තුල තිබෙන දත්ත ප්‍රයෝජනයට ගන්නෙ Web browser එක සඳහා වෙබ් පිටුවේ විස්තර ලබා දෙන්න. මේ ගැන අංගසම්පූර්ණ පැහැදිලි කිරීමක් මෙම ටැගයන් ගැන වෙනමම අරගෙන කරන ඉදිරි පාඩම් මාලාවන්වලදී බලාපොරොත්තු වන්න.
02: <body></body> මෙම ටැගන් තුල තමයි වෙබ් පිටුවේ දර්ශනය විය යුතු සියලුම දත්ත ඇතුලත් කරනු ලබන්නේ. ඉහත උදාහරණවල මෙන්ම අනෙකුත් ටැගන් සඳහාද මේ ආකාරයෙන්ම ඒවාටම ආවේණික වුනු ගති ලක්ෂණ පවතිනව.
මේ සියලුම සරල පැහැදිලි කිරීම් එක්ක ඔය ගොල්ලන්ට(HTML ගැන නොදන්න අයට) HTML ගැන සරල වැටහීමක් සහ කුතුහලයක් ඇති වුනා කියල මම හිතනව. ඉදිරි දින කිහිපයේදි මෙම post එක තව දුරටත් සංස්කරණය කරල වඩාත් කුමාණුකූල ආකාරයෙන්‍ මෙන්ම වැඩිදියුනු කර ඉදිරිපත් කරන්න මම බලාපොරොත්තු වෙනව. හොඳයි මේ පළමු හෙවත් ආරම්භක post එක HTML සම්බන්දව. දිගටම රැඳීඉන්න SinhalaPress සමග.
ඔයාල මේ post එක කියෙව්වනම් මෙහි ඇති අඩුපාඩු,ඔයාලට නැගුනු ප්‍රශ්න වගේම ඔයාලට හිතෙන දේවල් පහත comment box එක හරහා මට ඉදිරිපත් කරන්න. එහෙනම් මම අදට සමුගන්නව ඉදිරි දින වලදි අනෙකුත් පාඩම්මාලා සමග සම්බන්ද වෙමු. හැමෝටම සුබ දවසක්.
SinhalaPress Facebook page එක like කරල, SinhalaPress Follow කරල SinhalaPress හා එක්වෙන්න පුලුවන්. ඒ වගේම Lanka Online Facebook Group එක මගින් SinhalaPress හි මිතුරු සමාජය හා එක්වන්න පුලුවන්.
ඔබට එදිනෙදා ඇතිවන තාක්ෂණික ගැටලු වලට ඉක්මන් විසදුම් ලබාදීම සහ නවතම තාක්ෂණික පුවත්, තාක්ෂනයන් සහ නව නිපැයුම් පිලිබද සාකච්චා අරමුණු කොට ආරම්භ කල SinhalaPress Forum එක හා ඔබත් අදම එක්වන්න.
6 comments: Post a comment
ඔයාගේ මේ පඩම් මාලාව ගොඩක් වටිනවා. සුබ පතනවා.
@Anonymous: බොහොම ස්තුතියි ඔයාගෙ සුබ පැතුම්වලට. නැවතත් free time එකක එන්නකො මේ පැත්තෙ!
නියමයි නියමයි
මරුනේ
@Sanjaya සිතුවිලි: බොහොම ස්තුතියි සන්ජය.
iPlus;
එල මචන්. ඔන්න මමත් උබෙන් HTML ඉගෙනගන්නයි යන්නේ.
Post a Comment