Tuesday, August 30, 2011

බ්ලොග් ලියන / කියවන අයට HTML

අද කියන්න හදන්නේ නම් කතාවක් එහෙම නෙවයි.ගොඩක් කට්ටිය දන්න ඒත් වැඩිය භාවිතා නොකරන දෙයක් කතාකරන්නයි මේ හදන්නේ.පොස්ට් ටයිටල් එකේ තියෙනවා වගේම කතාකරන්නේ බ්ලොග් ලියන / කියවන අපි හැමොටම අවශ්‍ය වෙන HTML ටැග්ස් ටිකක්.

දැන් ඉතින් කට්ටිය බලයි නේ , බ්ලොග් ලියන්න HTML ඕන නැහැනේ , අපිට නෝමල් Dashboard එකේ පොස්ට් එක ටයිප් කරාම වැඩේ අහවරයි නේ කියලා.සමහරවිට කට්ටිය නොදන්නවා වෙන්න පුලුවන් පොස්ට් එකක් ලියන තැනට අමතරම අපි බ්ලොග් එකක් කියවලා කමෙන්ට් කරන තැන තියෙනවා නේද , අන්න එතනත්  HTML සපෝට් කරනවා.

සරල උදාහරණයක් කිව්වොත් කාගේ හරි පොස්ට් එකකට අපි කමෙන්ට් එකක් විදියට ලින්ක් එකක් දානවානම් ගොඩක් අය කරන්නේ අදාළ ලින්ක් එක කොපි-පේස්ට් කරන එකනේ.එතකොට වෙන අවුල තමයි කමෙන්ට් එක කියවන කෙනාට අර ලින්ක් එක අමුතුවෙන්ම ආයි කොපි කරලා බලන්න ඕන වෙන එක.ඉතින් සාමාන්‍ය ලින්ක් එකක් වගේම අපිට ඔය වගේ කමෙන්ට්වල දාන ලින්ක්ස් දාන්න පුළුවන් නම් හැමෝටම පහසුයි නේද..

හරි මුලින්ම හැමෝම දන්නා කියන HTML ගැන කෙටියෙන් කියන්නම්.HTML ( Hyper Text Markup Language ) කියන්නේ ටැග්ස් මත පදනම් උන දෙයක්.සරලව ටැග් එකක් ආරම්භ කරොත් අනිවාර්යයෙන්ම එහි අවසානයක් තිබිය යුතුමයි ( එහෙම නොවන ටැග්ස් කිහිපයකුත් තියෙනවා, අපේ මාතෘකාවට එච්චර සම්බන්ද නැහැ ඒවා).

1.ලින්ක් එකක් දානකොට

<a> කියන ටැග් එකෙන් තමයි ලින්ක්ස් දෙන්නේ. මේ ටැග් එකේ අවසානය විය යුත්තේ</a> කියන ටැග් එක.මේ ටැග් එකේ තියෙන href කියන attriute එකට අපිට දෙන්න ඕන URL එක දෙන්න ඕන. අවශ්‍ය URL එක www.chammadreams.blogspot.com කියලා ගනිමු.එතකොට මේ ටැග් එක භාවිතා කරන්න ඕන මේ විදියටයි.

උදා :
<a href="www.chammadreams.blogspot.com"></a>

<a> ටැග් එක සහ </a> ටැග් දෙක අතරේදී අපිට අවශ්‍යනම් title එකක් දෙන්න පුළුවන්

උදා : <a href="http://www.chammadreams.blogspot.com/">මෙන්න මගේ බ්ලොග් එක</a>

තව href එකට අමතරව target කියල එකක් තියනවා , එකෙන් පුළුවන් ලින්ක් එක වෙනම ටැබ් එකක ඕපන් කරන්න.ඒකට කරන්න ඕන target="_blank" කියල ටයිප් කරන එකයි.

උදා : <a href="http://www.chammadreams.blogspot.com/" target="_blank">මෙන්න මගේ බ්ලොග් එක</a

2.බෝල්ඩ් / ඉටලික්

අපි කමෙන්ට් කරන දේ අපිට විශේෂ කරලා කරන්න පුළුවන් මෙන්න මේ ටැග්ස්වලින්.
බෝල්ඩ් කරන්නේ නම් <b> කියන ටැග් එකෙන්, ඒක අවසාන කරන්නේ </b> ටැග් එකෙන්.
ඉටලික් පටන් ගන්නේ <i> ඒක ඉවර වෙන්නේ </i>

උදා :
<b>බෝල්ඩ් කරන්න ඕන දේ</b>
<i>ඉටලික් කරන්න ඕන දේ</i>

ගොඩක් දුරට අපිට ඕනෑ කරෙන්නේ ඔය ටැග්ස් ටිකයි.මොකද ඔයිට අමතරව අවශ්‍යකරන දේවල් බ්ලොගර් එකෙන්ම අපිට සපයලා දෙන නිසා.මට අද විශේෂයෙන්ම කියන්න ඕන උන දෙයක් තමයි කමෙන්ට් කරනකොටත් මම කලින් කියලා දීපු ටැග්ස් පාවිච්ච් කරන්න පුළුවන්බව. කමෙන්ට්ස්වල ලින්ක්ස් දානකොට ඔය අවුල දැක්ක නිසා තමයි මේ පොස්ට් එක දාන්නත් හිතුවේ.මේ පොඩි සරල දේවල් ගොඩක් අය දන්නවා වෙන්න පුළුවන් , ඒත් දන්නේ නැති අයත් ඉන්නවා ඇති නේ.ඒ අය මේ දේවල් පොඩ්ඩක් අත්හදා බලන්නකෝ.

එහෙනම් දැන් HTML ඉවරයි.මිට පස්සේ බ්ලොග් කියවන කට්ටියට ඔන්‍න‍ තමන්ගේ කමෙන්ට් එක හැඩ වැඩ දාලම පබ්ලිශ් කරන්න පුළුවන්.

20 comments:

  1. වැදගත් ලිපියක් සහෝ!!

    ReplyDelete
  2. අහා ගොඩක් ස්තුතියි මල්ලී.. HTML දැන ගෙන හිටියට.. කමෙන්ට් කරන තැනට HTML සපොට් කරනවා කියලා දැන ගෙන හිට්යේ නෑ නේ මමත්..:)

    ReplyDelete
  3. පින් සිද්ද වෙච්චාවේ

    ReplyDelete
  4. එළ එළ මන්නම් ඔය වගේ පුන්චි ඒවා ටිකක් දන්නවා.නොදන්න අයට ඕක වැදගත්.ඒත් පුලුවන්නම් HTML පාඩමක් වගේ එකක් ලියන්නකෝ.

    ReplyDelete
  5. නියමයි....මේ දවස් වල අසනිත් HTMLඑක්ක ගැටෙනවා..ඒත් මෙහෙම දෙයක් හිතුනේ නෑ...මරු පොස්ටුව..අත්හදා බලන්නම්කෝ...

    ReplyDelete
  6. මොකක් හරි අවුලක් තියනවද මන්ද, මම මේකෙම කමෙන්ට් කරන්න ට්‍රයි කලා හරි ගියේ නැහැනෙ .....

    ReplyDelete
  7. සමහර බ්ලොග් වල කමෙන්ට් කරනකොට html සපෝර්ට් කරන්නේ නෑ.එතකොට නම් ඉතින් අවුල්.
    මොනවා උනත් මේ ගැන දන්නේ නති අයත් ඉන්න්වා. ලඟදි දවසක මල්ලි කෙනෙක් ගෲප් එකේනුත් ඔහොම දේවල් අහලා තිබ්බා.

    ReplyDelete
  8. @ ඉන්දික අයියා - ස්තුතියි අයියා :)

    @ චතු අක්කා - :) දැන් ඉතින් ඒකත් දන්නවනේ

    @ මාතලන් - අයියෝ පින් මොනවටද මාතලන් අයියා..

    ReplyDelete
  9. @ නිකමා - ඉස්සරහට බලමුකෝ මචන් දන්න දෙයක් කියලා දෙන්න

    @ අසනී - ඔය තියෙන්නේ ඉතින් අත්හදා බලලම ;)

    ReplyDelete
  10. @ පන්සල් හන්දිය - අයියා මොකක්ද අවුල ? සමහරවිට මගේ මේ ටෙම්ප්ලේට් ඒක කළු පාට හින්දා පෙන්නේනැතුව ගියාද දන්නේ නැහැ..

    අනිත් දේ ටැග්ස් හරියට වැහුවද කියලත් පොඩ්ඩක් බලන්න..ඒවා එහෙම අමතක වෙනවනේ..

    ඔන්න බෝල්ඩ් එකයි , ඉටලික් එකයි දෙකම කරලම පෙන්නුවා :)

    ReplyDelete
  11. @ මධුරංග අයියා - මට වර්ඩ්ප්‍රෙස්වලට නම් ට්‍රයි කරලා බලන්න බැරි උනා , බ්ලොගර් එකේ නම් කිසිම අවුලක් නැතුව වැඩ

    ReplyDelete
  12. වර්ඩ්ප්‍රෙස් වල නම් කිසි අවුලක් නෑ. ඉමේජ් එක හරි වීඩියෝ එකක් හරි කමෙන්ට් කරන්න පුලුවන්. ඒ ගැනත් කියලා දෙන්න පුලුවන් නම් හොදයි මල්ලි.

    ReplyDelete
  13. මේ වගේ වැදගත් කරුණු අපි වගේ අයට හුඟක් වටිනවා , ස්තුතියි

    ReplyDelete
  14. නියමයි චම්මා,මට නම් ගොඩාක් වැදගත් ලිපියක්

    ReplyDelete
  15. වැදගත් පෝස්ට් එකක්. සමහර ඒවා දැනගෙන හිටියාට නොදන්න දේවලුත් තිබුනා. නොදන්න දේවල් දැනගන්න ලැබෙන එක නම් හොඳයි.

    ReplyDelete
  16. ගොඩක් වැදගත්........

    ReplyDelete
  17. අඩේ මම පරක්කුයි.නියම පෝස්ට් එක.මම කාලයක් කල්පනා කලේ කොහොමද කොමෙන්ට්ස් වලට ලින්ක් දාන්නෙ කියලා.ඒ වගේම බෝල්ඩ්-ඉටැලික් කරන්නෙ කොහොමද කියලත් දැනගෙන හිටියෙ නෑ. දවසක් මම වර්ඩ් වල පෝස්ට් එකක් හදලා මගේ බ්ලොග් එකට පේස්ට් කරලත් බැලුව..:)
    ඒත් හරිග්යේ නෑ.ඔය කියල තියෙන්නෙ ඔක්කෝටම උත්තර.
    බො‍හොම ස්තුතියි.

    ReplyDelete
  18. තෑන්ක්ස් අයියා වටිනා කියන ටිකක් දැනගත්තා :))

    ReplyDelete

හිතට එන ඕනැ එකක් කියල යන්න... Always Be My Guest !!!!!