HTML 3

පසුගිය post එකෙන් අපි කතාකරා කොහොමද HTML වලට මුලින්ම එන්නෙ සහ HTML coding වලට මොනවගේ දේවල්ද මූලික වශයෙන් අවශ්‍ය වන්නෙ කියල. හොදයි අපි මේ post එකත් සමග පටන්ගමු HTML coding කරන්න. සමහරුනම් මේ coding කියන වචනය HTML සඳහා යොදනවාට එතරම් කැමැත්තක්නම් නැහැ. කවුරුන් ලඟ හෝ මේ සඳහා ගැලපෙනවායි සිතෙන වචනයක් වෙතොත් මට නිසැකවම කියන්න ඕනෙ හරිද! ඕන් එහෙනම් හාහා පුරා කියල බහිමු වැ‍ඩේට.




අපි මේ සඳහා මුලින්ම ගනිමු HTML tags ගැන හෙවත් HTML Elements ගැන කතා කරන්න. ඔයාල මගේ පරණ post කියෙව්ව නම් මතක ඇති මම HTML tags ගැන යම් තාක් දුරකට පැහැදිලි කිරීමක් කරා. අපි පසුගිය මතකය නැවතත් අවදිකරගෙනම අනෙකුත් දේවල් සමගද මෙය සම්බන්ද කරගනිමු.ඔන්න එහෙනම් ඔයාලට මතක ඇතිනෙ HTML සම්බන්දව මම කලින් කරපු හැදින්වීම. නැවතත් එය සාරාංශකොට දක්වනවානම්,

01: HTML කියන්නෙ Markup Language එකක්

02: මෙය පරිගණක ක්‍රමලේඛනය උදෙසා බාවිතා කරන්නක් නෙමෙයි.

03: HTML සමන්විත වෙලා තියෙන්නෙ HTML tags/HTML Elements වලින්.

04: විවිද වර්ගයේ HTML tags විශාල ප්‍රමාණයක් HTML සතු වෙනව.

05: බොහෝ HTML tags පවතින්නෙ යුගල ටැගයන්(tag pairs) ආකාරයට.

උදා:- <div></div>, <span></span>, <p></p> ආදී වශයෙන් ඉදිරිපත් කර හැකිය.

06: සුලු HTML tags ප්‍රමාණයකට ඇත්තේ අවසාන ටැගය(Closing tag)පමණි.

උදා:- <br />, <hr /> ආදී වශයෙන් ඉදිරිපත් කර හැකිය.
07: අනිවා‍ර්යෙන්ම යුගල ටැගයන් බාවිතා කරන අවස්තාවන්හීදී අවසන් ටැගය(Closing tag/End tag) අමතක නොකල යුතුයි. මෙය බොහෝවිට IDE බාවිතයෙන් තොරව coding කරනකොට ඇතිවෙන සාමාන්‍ය තත්වයක්.
උදා:-
  1. <div>hello Nalaka Prasad!</div> නිවැරිදි අකාරයයි
  2. <div>hello Nalaka Prasad!<div> වැරදි අකාරයකි, මෙහි මෙහිදී අවසන් ටැගය(Closing tag/End tag) නිවැරිදි ආකාරයෙන් යොදා නොමැත. එය </div> ලෙස නිවැරිදි විය යුතුය.
  3. <div>hello Nalaka Prasad! වැරදි අකාරයකි,මෙහිදී අවසන් ටැගය(Closing tag/End tag) යොදා නොමැත
08: කලින් මම සඳහන් කල <br /> , <hr /> වැනි ටැගයන් HTML වල විවිද සංස්කරණ(versions) වන HTML1, HTML2, HTML3, HTML4, HTML5 වලදී <br>, <hr> ලෙසද ලියන්න පුලුවන් ඔයාලට පැහැදිලි ඇතිනේ වෙනස්කම මොකක්ද කියල. වෙනස්කම තමයි / නොයෙදීම. නමුත් XHTML වලදී නම් මෙය යෙදිය යුතුවන්නෙ / සමගමයි.තවද වඩාත් සම්මත ආකාරයද වන්නේද / යොදන අකාරයයි. අප ඉදිරියේදි ඉගන ගන්න බලාපොරොත්තුවන XML වලද මේ ආකාරයට අවසාන ටැගය සඳහා / යෙදීම අනිවාර්යවේ.HTML වලදි නම් සියලුම නූතන වෙබු බ්රව්සරයන්ම වාගේ යම් තාක් දුරකට Closing tag/End tag auto add කර ගැනීම සිදු කරත් යම්යම් දෝශ මතුවෙන්න පුලුවන්.

අනිත්දේ තමයි කලින් අපි <br /> , <hr /> වාගේ ටැගයන් හිස් ටැගයන්හි අවසාන ටැගය(Closing tag/End tag) ලෙස ඉදිරිපත් කරත් මෙම ටැගන් එම ටැගයන්හි ආරම්බක ටැගයන්(Opening tag/Starting tag) ලෙසද හඳුන්වා දෙන්න පුලුවන්.

09: මම දැන් කියන්න යන දේ තරමක් විශේෂ දෙයක් එනම් ඔයාලට මතක ඇති මම පසුගිය post වලිදි කිව්ව විවිද HTML tags වලට ඒවාටම ආවේණික වූ ලක්ෂණ තියෙනවා කියල.
උදා:-
  1. <h1></h1> ටැගයන් බාවිතා කරල අපිට ශීර්ෂපාඨයක්(Heading) එකක් නිර්මාණය කරගන්න පුලුවන්.
  2. <a></a> ටැගයන් බාවිතා කරල අපිට සම්බන්ධතාවයක්(Hyperlink) එකක් නිර්මාණය කරගන්න පුලුවන්
ඉතින් පේනව‍ නේද විවිද කාර්යයන් සඳහා HTML වලිදි විවිද ටැගයන් බාවිතා වෙන්නෙ ඒවාටම ආවේණික වූ මූල ලක්ෂණ නිසායි. මෙහිදී කියන්ට අවශ්‍ය විශේෂදේ තමයි. බොහෝ අවස්තා වලදි මෙම මූල ලක්ෂණ වලට අමතරව උප ලක්ෂණ මෙම ටැගයන් සඳහා යොදන්න වීම. මෙවැනි උප ලක්ෂණ(‍‍attributes) සමහරක් බොහෝ ටැගයන් සඳහා පොදු‍වෙනවා මෙන්ම,ඇතැම් උප ලක්ෂණ(‍‍attributes) එක් ටැගයක් උදෙසාම වෙයි. මේ සියල්ලක්ම සඳහ උදාහරණ එකින් එක අරගෙන කෙරෙන විස්තර කිරීම් ඉදිරි ‍මාගේ posts වලින් බලාපොරොත්තු වන්න.

හොඳයි මම හිතනව ඔයාලට මෙතෙක් මම කිව්ව දේවල් තේරෙන්න ඇති කියල.දැන් මම කතා කරන්න
හදන්නෙ HTML Elements සම්බන්දව විශේෂ දෙයක් එනම් මෙම මම ඉහත කතාකරන ලද HTML tags/HTML Elements තුල තවත් HTML tags/HTML Elements ඇතුලත් කල හැකි වීම.මෙවැනි HTML tags/HTML Elements Nested HTML Elements ගණයට අයත් වෙනව. හැබැයි මෙය ගොඩක් HTML tags/HTML Elements වලට අදාල වුවත් <br />, <hr /> වැනි ටැගයන් සඳහා අදාල නොවන බව කියන්න ඕන.

උදා:- <body><div><span><a></a></span></div></body>

Comments

Post a Comment

Popular posts from this blog

Network Commands

Image
Network Commands කතෘ අයිතිය සුරකින්න..! පරිගනක ජාල කරනය ගැන උනන්දු වෙන හා ජාල පද්දති පාලනය කරන සියලුදෙනාම දැනගත යුතු දෙයක් තමයි මේ Network Commands කියන්නෙ. ඩොස් මෙහෙයුම් පද්දතිය බාවිතා කරමින් අපිට මේ Network Commands එක එක කාර්යයන් සදහා බාවිතා කරන්න පුලුවන් මුලින්ම් අපි ඩොස් මෙහෙයුම් පද්දතිය ආරම්බ කරගනිමු. ඒ සදහා Start > Run වලදී cmd ලෙස ටයිප් කරන්න. ඊලගට් එන්ට්ර් කී එක එබීමෙන්  කලුපාට තිරයක් වැනි ඩොස් මෙහෙයුම් පද්දතිය විවෘත වේ. එය බාවිතා කර අපි ජාලකරන විදානයන් උදාහරන සහිතව බාවිතා කර බලමු.  1. පරිගනකයේ ඇති ජාල සම්බන්දතාවය  නිවරදි ආකාරයෙන් ක්‍රියාත්මක වෙනවාද යන්න බැලීමට විදානය රතු පැහැයෙන් > ping 127.0.0.1 ප්‍රතිචාරය නිල් පැහැයෙන් > Reply From 127.0.0.1 bytes=32 time=1ms TTL=128 2. එකම් පරිගනක ජාලයක  (Local Area Network - LAN) පරිගනක දෙකක් අතර සම්බන්දතාවය පරීක්ශා කිරීම විදානය රතු පැහැයෙන් > ping 10.1.1.47 ප්‍රතිචාරය නිල් පැහැයෙන් > Reply From 10.1.1.47 bytes=32 time=1ms TTL=128 3. එකම් පරිගනක ජාලයක  (L...
Read more

මෙන්න එහෙනම් Proxy list එක ...

Image
මෙන්න එහෙනම් Proxy list එක ... 94.125.27.20:8080 93.91.200.146:8080 81.18.116.66:8080 79.125.28.242:3128 72.52.96.9:80 72.52.96.11:80 69.13.229.214:3128 68.96.75.146:9090 64.87.46.57:3128 64.23.156.82:8080 62.142.57.72:8080 61.79.87.93:3128 61.6.163.30:8080 61.244.235.34:3128 61.156.25.222:8080 58.215.78.157:808 58.17.71.121:8080 41.190.16.17:8080 222.77.69.210:3128 217.197.121.188:8080 216.27.81.163:8080 216.185.4.200:8080 213.192.246.133:80 213.192.246.133:80 213.192.246.130:80 213.192.246.130:80 213.151.33.58:3128 213.151.033.058:3128 213.109.130.80:54321 212.158.160.96:80 212.118.224.151:80 212.118.224.151:80 212.118.224.150:80 212.118.224.150:80 212.118.224.148:80 211.138.124.232:80 211.138.124.232:80 211.138.124.217:80 211.138.124.213:80 211.138.124.212:80 211.138.124.209:80 211.138.124.200:80 211.138.124.199:80 211.138.124.199:80 211.138.124.180:80 211.138.124.179:80 211.138.124.178:80 211.138.124.174:80 211.138.124.173:80 211.138.124.170:80 211.138.124.169:80 211.13...
Read more

ඉලෙක්ට්‍රොණික පන්තිය..

Image
ඉලෙක්ට්‍රොණික පන්තිය..   නවීන තාක්ෂණයට මුහුණ දීම සඳහා ඔබට අද කාලයේ අතිශයින්ම වැදගත්වන ඉලෙක්ට්‍රොණික විද්‍යාව ඉගෙනීම ඔබටත් ඔබේ අනාගත දරුවන්ටත් ඉතා වැදගත් බව ඔබ නොදන්නවා විය හැකිය.මම කුඩා කල සිටම ඉලෙක්ට්‍රොණික විද්‍යාවට ඇලුම් කළ නිසා එය පහසුවෙන් ඉගෙන ගතිමි.ලංකාවේ විශාල පිරිසක් මෙම විෂයට ඇලුම් කරන අතර අද පාසල් විෂය ධාරාවට මෙම විෂයද හොඳින් එක් වී ඇත. මෙය ඉතා පුළුල් විෂයය ධාරාවකි.ඉගෙනීමට බොහෝදේ  ඇත.හෙටදින අඩවිය මගින් ඉලෙක්ට්‍රොනණික පාඩම් මාලාවක් නොමිලේ ඉදිරි පත් කිරීමට සැලසුම් කර ඇත.මුලික ඉලෙක්ට්‍රොනණික විද්‍යාවේ සිට නවීන පරිගණකය දක්වා මෙහි ඉගැන්වෙනු ඇත.විශේෂයෙන් පාසල් සිසුන් හා ඉලෙක්ට්‍රොණික අංශයේ සේවයේ නියුතු අයට මෙම පාඩම් මාලාව වැදගත් වනු ඇත.ඔබට මෙම විෂය පිළිබඳව ඇති ගැටළු පාඩම් කෙසේ සකස් කල යුතුද යන ආදී කරුණු මාවෙත කොමෙන්ට් කරන්න.එය ඉදිරි පාඩම් මාලා සැලසුම් කිරීමට වැදගත් වනු ඇත. මුලික ඉලෙක්ට්‍රොණික විද්‍යාව. නවීන තාක්ෂණික ලෝකය ඉතා සීග්‍රයෙන් දුයුණු වෙමින් ඇත.ගුවන් විදුලිය මුලික කරගෙන ඇරඹි මෙම ශේත්‍රය අද ලොව පුරා පැතිරී ගොසිනි.මුලික කරුණු වලදී පගත කරුණු වටහා ...
Read more