[ HTML ]
[ HTML ]
ඔන්න ඉතින් පොරොන්දු වුනු
පරිදි 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> මෙම ටැගන් තුල තමයි වෙබ් පිටුවේ දර්ශනය විය
යුතු සියලුම දත්ත ඇතුලත් කරනු ලබන්නේ. ඉහත උදාහරණවල මෙන්ම අනෙකුත් ටැගන්
සඳහාද මේ ආකාරයෙන්ම ඒවාටම ආවේණික වුනු ගති ලක්ෂණ පවතිනව.
Comments
Post a Comment