අපි පසුගිය පාඩමේදී HTML වලදී paragraph එකතු කර ගන්නා ආකාරය සහ ඒ හා බැඳි කරුණු කිහිපයක් ඉගෙන ගත්තනේ. අද පාඩමෙන් අපි HTML Elements ගැන කතා කරමු. මේ විදිහට හදුන්වන්නේ අපි දන්න කියන HTML Tagsම තමයි. ඒක නිසා ඔයාල දැනටමත් දන්නව මම අද කතා කරන්න බලාපොරොත්තු වෙන දේ ගැන. මේවා ගැන වැදගත් කරුණු කිහිපයක් මම මෙහි සදහන් කරන්නම්.
හොඳයි දැන් අපි බලමු අපි දැනටමත් භාවිතා කරල තියෙන elements කිහිපයක් ගැන,
උදා:- <p> this is a paragraph </p>
- HTML element එකක් ආරම්භ වන්නේ starting tag (opening tag) එකකින්ය.
- එසේම HTML element එකක් අවසන් වන්නේ closing tag (end tag) එකකින්ය.
- HTML element එකට අදාල අන්තර්ගතය එම tag දෙක අතර ලියවෙයි.
උදා:- <p> this is a paragraph </p>
- එහෙත් සමහර HTML elements වලට මෙසේ අන්තර්ගතයක් යොදන්නේ නැත (උදා :- <br/> tag එක )
- එවැනි tags starting tag එක තුලදීම close කරනු ලබයි.
- බොහෝ HTML elements වලට attributes පවතී. (attributes ගැන තව ඉදිරියේදී කියන්නම්)
- එසේම බොහෝ HTML elements nested කරන්න පුළුවන්. ඒ කියන්නේ එක HTML element එකක අන්තර්ගතයට තවත් HTML elements ඇතුලත් වෙන්න පුළුවන් කියන එක.", HTML පිටු නිරමානය කරන්න මෙය ඉතා වැදගත් වෙනව.
උදා:- <head> <title> My First Web Page </title> </head>
හොඳයි දැන් අපි බලමු අපි දැනටමත් භාවිතා කරල තියෙන elements කිහිපයක් ගැන,
<p> element
මෙය මගින් HTML පිටු තුල paragraphs නිර්මාණය කරනු ලබයි. මෙය <p> හා </p> යනුවෙන් ආරම්භක හා අවසානක tags යුගලයකින් සමන්විත වේ.
<body> element
මම element එකෙන් සිදු කරනුයේ HTML පිටුවක body කොටස අර්ථදැක්වීමයි. අපි මේ ගැන මීට කලින් පාඩමකදීද කතා කලා. මෙයද <body> හා </body> යනුවෙන් ආරම්භක හා අවසානක tags යුගලයකින් සමන්විත වේ.
මෙහිදී මම ඉහතින් සඳහන් කළ <p> element එක <body> element එකේ අන්තර්ගතයට ඇතුලත් වී ඇත.
<html> element
HTML වලින් වෙබ් පිටු නිර්මාණයේදී අපිට අවශ්‍ය ප්‍රධානම element එකක්, මෙයින් සිදු වනුයේ අප ලියන්නා වු document එක HTML document එකක් බව හැගවීමයි. මෙයද <html> හා </html> යනුවෙන් ආරම්භක හා අවසානක tags යුගලයකින් සමන්විත වේ.
උදා:-
<br/> element
මෙය අපි මීට කලින් කතා කරපු HTML elements වලට වෙනස් වූ එකක්. ඒ මෙයට අන්තර්ගතයක් නැති වීම නිසා closing tag එකක් නොමැති වීමයි. මෙයින් line break එකක් අරුත් ගන්වයි.
මම පහතින් දෙන උදාරණය code කරල බලන්නකෝ අද අපි කතා කරපු දේවල් ගැන ප්‍රශ්ණ තියෙනවද කියල.
තවත් පාඩමකින් හමු වෙනකම් ගිහින් එන්නම්.
මේ ලිපියෙහි හෝ මෙය සිදු කිරීමේදී යම් ගැටලුවක් ඇත්නම් Comments වල දමන්න.
මා අතින් යම් වරදක් වී ඇත්නම් හෝ යමක් මග හැරී ඇත්නම් ඒවාත් නිවැරදි කිරීම පිනිස Comments වල දමන්න.
මා අතින් යම් වරදක් වී ඇත්නම් හෝ යමක් මග හැරී ඇත්නම් ඒවාත් නිවැරදි කිරීම පිනිස Comments වල දමන්න.
උඩ රූපෙ නම් මරු..
ReplyDeleteගූගල් දෙයියන්ගෙන් තමයි හොයා ගත්තේ...!
DeleteFont size 1 tikak loku karala danawanam hodai.eta amathara lesson 1 antimata exercise wage denawanam hodai..
ReplyDeleteස්තූතියි ඔයාගේ අදහස් වලට. මම ඔයාගේ ඉල්ලීමට අනුව ක්‍රියා කරන්නම්.... :)
Deleteniyamai me site eka hondatama issaharata meke thyna language okkoma digatama liyanna
ReplyDeleteස්තූතියි ඔබේ දිරිමත් කිරීමට
DeletePahadili therum gththa.thnkzzz
ReplyDeleteGodak hoda වැඩක් oya karanne ...
ReplyDeleteThanks