අගෝ 08

Basic HTML in Sinhala – Part 02

වෙබ් අඩවි නිර්මාණය Add comments

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251

Warning: strpos() [function.strpos]: Offset not contained in string in /home/ykani/public_html/blog/wp-content/plugins/hungred-image-fit/hungred-image-fit.php on line 251
Line Break

Author: KaniRockz (33 Articles)

ඔන්න වෙබ් අඩවි නිර්මාණය පිළිබඳ මගේ දෙවනි ලිපියත් මම ඉදිරිපත් කරනව. පළමු ලිපියෙන් මම HTML ගැන මූලික හැඳින් වීමක් කරා. ඒ වගෙම කුඩා උදාහරණයකුත් අරගෙන පැහැදිලි කරා. කස්ටියටම එය පිළිබඳ ගැටළු නැතුව ඇති කියල හිතනව. කවුරැ හරි පළමු ලිපිය බැලුවෙ නැත්තම් මෙන්න මෙතන කොටල ඒකට යන්න පුළුවන්.


පළමු ලි‍පියේදි මට එකක් කියන්න අමතක උනා. ඒක දැන් කියන්නම් කො. මෙහෙමයි අපි මොකක් හරි HTML Tag එකක් ආරම්භ කරොත් අනිවා ඒ HTML Tag එක අවසන් කරන්නත් ඕන. මෙහෙමයි දැන් අපි <html> කියන ටැග් එක ආරම්භ කරා කියමුකො. ඒ ටැග් එක අවසන් වෙන්න තැනක් තියනවනෙ. ඒක අපි හිතේ තියාගෙන හිටියට වැඩක් නැහැ ඒක අපි පෙන්නන්න ඕන ඉතින් අපි අවශ්‍ය තැනින මෙහෙම ඒ ටැග් එක අවසන් කරන්න ඕන </html> පහත උදාහරණ දැක්කම ඔයාලට තවත් පැහැදිලි වේවි.


  1. <html>   </html>
  2. <body>  </body>
  3. <head>  </head>


හරි අද අපි තවත් HTML Tag කිහිපයක් ගෙන බලමු. තවත් කුඩා උදාහරණයක්ම අරගෙන බලමුකො.


<html>

<head> </head>

<body>

- – First Web PAge Body – -

</body>

</html>


හරි ඉහත උදාහරණයේ එක HTML Tag එකක් හැර අනිත් HTML Tag පළමු ලිපියෙන් පැහැදිලි කරා. හැමොටම මතක ඇති කියල හිතනව. මතක නැත්නම මෙන්න මෙතන කොටල පළමු ලිපියට ගොස් බලන්න.


ඉහත උදාහරණයේ මම අළුත් එකකට අරන් තියෙන්නෙ <head>  </head> කියන ටැග් එක. මම දැන් ඒක පැහැදිලි කරන්නම්.


ඔයාල හැමොම වෙබ් අඩවි දැකල තියනවනෙ. අනේ ඉතින් මටත් හිතුන වෙබ් අඩවියකට යන්න. ඔන්න පල්ලෙහා තියනව මම ගියපු වෙබ් අඩවියෙ පිංතූරයක්. හැමෝම ඒක බලන්නකො.

ටිකක් බලන්න ඒ පිංතූරෙ. මම නම් භාවිතා කරල තියෙන්නෙ ගිනි නරියා වෙබ් බරවුසර් එක. එකේ තියන වැඩ කැලි ටික ඔයාල දන්නව ඇති නේද? එහෙම නැත්තම හොඳට පිංතූරෙ බලන්න. උඩින්ම තියෙන්නෙ Title bar එක ඊලඟට Menu bar  එත ඊටත් පස්සෙ Address bar එක. පිංතූරෙ ඒව ටික ලකුණු කරල තියනවනෙ ටිකක් ඒක බලන්න. හරි අපි අපසු අපේ HTML වැඩේට බහිමුකො.


මම කිය කිය හිටියෙ <head> </head> කියන ටැග් එකනෙ. හරි අර මම උඩින් දාපු පිංතූරෙ ආපහු බලන්නකො. ඒකෙ Body කියල තියෙන්නෙ Body ටැග් එක අතර යොදපු දේවල්. Body කියන එකට උඩින් තියනව නේද Title bar සහ favicon අන්න ඒව දාන්නෙ මෙන්න මේ <head> </head> කියන ටැග් එක අතර. හැබැයි නිකන් දාල නම් හරි යන්නෙ නැහැ ඒවටත් HTML Tag තියන‍ව. ඒවත් මම කියන්නමකො. ඔයාල දැනට මතක තියා ගන්න <head> </head> කියන ටැග් එක යොදන්නෙ වෙබ් අඩවියේ Body එකට ඉහලින් ඇති දත්තයන් දාන්න කියල.


හරි අපි දැන් Web Browser එකේ Title bar එක මත වැටෙන Title එකක් අපේ වෙබ් අඩවියට එක් කරන්නෙ කොහොමද කියල බලමු. පහත උදාහරණය බලන්න.


<html>

<head>

<title> My First Web Page Title </title>

</head>

<body>

- – First Web PAge Body – -

</body>

</html>


ඉහත උදාහරණය බලන්න‍කො ඒකෙ ඔන්න තවත් අළුත් HTML Tag එකක් තියන‍ව. අන්න ඒ HTML Tag එකෙන් තමයි Title bar එක මත වැටෙන Title ලබාදෙන්නෙ. මගේ උදාහරණයේ තියෙන්නෙ <title> My First Web Page Title </title> කියලනෙ. ඒ කියන්නෙ දැන ඔය HTML කෝඩ් එක වෙබ් පිටුවක් ලෙස save කරොත් Web Browser එකේ Title bar එක මත My First Web Page Title කියල වැටේවි. අපි save කරලම බලමුකො. වෙබ් පිටුවක් save කරන විදිහ මම පළමු ලිපියෙන් කියා දුන්නත ඒව නම් අමතක කරන්න එපා  වෙබ් අඩවි නිර්මාණයේදි මූලික දැනුම අවශ්‍යම වෙනව.


ඔන්න මම නම් වෙබ් පිටුව save කරා පහත පිංතූරය බලන්නකො ඔයාලට බලා ගන්න පුළුවන් Web Browser එකේ Title bar එක මත My First Web Page Title කියල වැටිල තියනව.


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


ඊලඟ ලිපියෙන් තව දුරටත් HTML ගැන ඉගන ගමු. එතෙක් ඔබට ජය !

Popularity: 15% [?]

ඔයාලට මගේ ලිපියෙන් ප්‍රයෝජනයක් උනා නම් යාළුවන්ටත් කියන්න. ඒක මට කරන ලොකු උදවුවක් වේවි. ඒ වගේම ලිපිය ගැන ප්‍රතිචාරයක් දාල යන්නත් අමතක කරන්න එපා.
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • email
  • Live
  • MySpace
  • PDF
  • Ping.fm
  • RSS
  • StumbleUpon
  • Twitter
  • Yahoo! Bookmarks

Post to Twitter

written by KaniRockz \\ tags: , , ,


9 Responses to “Basic HTML in Sinhala – Part 02”

  1. 1. චමි.දේ.වා. Says:
    අගෝස්තු 8th, 2009 at ප.ව. 5:10

    නියම වැඩක් කොල්ලෝ….

    [Reply]

  2. 2. KaniRockz Says:
    අගෝස්තු 8th, 2009 at ප.ව. 5:23

    බොහොම ස්තූතී මචෝ ප්‍රතිචාරයට.

    [Reply]

  3. 3. දම්මිකා Says:
    අගෝස්තු 8th, 2009 at ප.ව. 5:50

    thanks

    [Reply]

  4. 4. රනා Says:
    අගෝස්තු 10th, 2009 at පෙ.ව. 9:20

    ගොඩක් මහන්සි වෙලා කරලා තියෙන වැඩක්. දිගටම කරගෙන යන්න.

    ජය වේවා…

    [Reply]

  5. 5. KaniRockz Says:
    අගෝස්තු 10th, 2009 at පෙ.ව. 11:31

    @ දම්මිකා සහ රනා

    බොහොම ස්තූතී ප්‍රතිචාර වලට.

    [Reply]

  6. 6. වරුණ Says:
    අගෝස්තු 10th, 2009 at ප.ව. 2:59

    බොහොම ස්තූතී මචෝ

    [Reply]

  7. 7. Gura Says:
    අගෝස්තු 11th, 2009 at ප.ව. 7:49

    Digatama karagena yanna machan. wade nam ela. magen suba pethum.

    [Reply]

  8. 8. darshana Says:
    සැප්තැම්බර් 2nd, 2009 at පෙ.ව. 8:40

    එළ කිරි……..මල් 5යි. දිගටම කරගෙන යන්න………….

    [Reply]

  9. 9. brexCrelt Says:
    දෙසැම්බර් 12th, 2009 at පෙ.ව. 6:25

    Lots of folks write about this topic but you said really true words!!

    [Reply]

Leave a Reply


Get Adobe Flash playerPlugin by wpburn.com wordpress themes