HTML Lessone 1 (Hyper Text Markup Language) - Sinhala

              HTML – OVERVIEW 


HTML යනු Hypertext Markup Language සඳහා වන අතර එය වඩාත් පුළුල් ලෙස භාවිතා කරන භාෂාව වේ වෙබ් පිටු ලියන්න.

වෙබ් පිටු (HTML ලේඛන) සම්බන්ධ වී ඇති ආකාරය සම්බන්ධයෙන් අධිපතියා යන්නයි

එක්ව. මෙලෙස, වෙබ් පිටුවක ඇති සබැඳිය හයිපේටෙක්ස් ලෙස හැඳින්වේ.

 එහි නමට අනුව HTML යනු Markup Language ඔබ භාවිතා කරන HTML යන්නයි

හුදෙක් "වෙබ් අඩවියට" කියනු ලබන ටැග් සහිත පෙළ ලේඛනයක් "සලකුණු කරන්න"

එය ප්රදර්ශනය කිරීම සඳහා ව්යුහය.
ආරම්භයේ දී, HTML වැනි ලිපි ලේඛන ව්යුහය නිර්වචනය කිරීමේ අරමුනෙන් වර්ධනය විය

මාතෘකාව, ඡේද, ලැයිස්තු සහ වෙනත් කරුණු විද්යාත්මක තොරතුරු හුවමාරු කර ගැනීමට පහසු වේ
පර්යේෂකයින් අතර ඇත.
දැන් HTML භාවිතා කරන්නේ විවිධ ටැගයන් සමඟ වෙබ් පිටු ආකෘතිය සකස් කිරීම සඳහායි HTML භාෂාවෙන් ලබාගත හැකිය.

මූලික HTML ලේඛනය

එහි සරළම ආකාරයෙන්, පහත දැක්වෙන්නේ HTML ලේඛනයේ නිදසුනකි

<! DOCTYPE html>
<html>
<හිස>
<title> මෙය ලේඛන ශීර්ෂය </ title>
</ head>
<body>
<h1> මෙය ශීර්ෂය </ h1> වේ
<p> ලේඛන අන්තර්ගතය මෙතැනින් එයි ..... </ p>
</ body>
</ html>

ඔබට පරීක්ෂා කර බැලීමට කේත කේත පෙට්ටියේ ඉහළ දකුණු කෙළවරේ භාවිතා කළ හැකිය

මෙම HTML කේතයේ ප්රතිඵලය හෝ ඔබගේ ප්රියතම භාවිතා කර HTML ගොනුවක් test.htm  ලෙස තැබිය යුතුය.

පාඨ සංස්කාරකයකි. අවසාන වශයෙන් එය Internet Explorer හෝ Google Chrome වැනි වෙබ් බ්රවුසරයක් භාවිතයෙන් එය විවෘත කරන්න,

HTML ටැගයන්

කලින් සඳහන් කළ පරිදි HTML යනු මාර්ක්ප්ප්ෂන් භාෂාවක් වන අතර සංයුති කිරීම සඳහා විවිධ ටැගයන් භාවිතා කරයි
අන්තර්ගතය. මෙම ටැග්ස් පරිපථ කොළ ඉඟි <Tag Name>. කුඩා ලේබල හැරුණු විට,
ටැග වැඩි හරියටම ඒවායේ අනුරූපී වැසුම් ලේබල ඇත. උදාහරණයක් ලෙස, <html> එහි ඇත
අවසන් ටැගය </ html> සහ <body> ටැගය ඇති එහි සමීප ටැගය </ body> ටැගය ආදිය.
HTML ලේඛනයේ ඉහත උදාහරණ පහත සඳහන් ටැග භාවිතා කරයි:

<! DOCTYPE ...>  
මෙම ටැගය ලේඛන වර්ගය සහ HTML අනුවාදය නිශ්චය කරයි


<html>
මෙම ටැගය සම්පූර්ණ HTML ලේඛනය හා ප්රධාන වශයෙන් සමන්විත වේ
ලේඛන ශීර්ෂය <head> ... </ head> සහ
ලේඛන ව්යුහය <body> ... </ body> ටැග් වලින් නිරූපණය කෙරේ.


<head> 
මෙම ටැගය මඟින් වෙනත් HTML තබා ගත හැකි ලේඛනයේ ශීර්ෂයයි

<title>, <link> වැනි ටැග්

<title> 
<title> ටැගය සඳහන් කිරීම සඳහා <head> ටැගය තුළ භාවිතා වේ

ලේඛන ශීර්ෂය.

<body> 
මෙම ටැගය වෙනත් HTML ටැග් තබන ලියවිල්ලේ සිරුරයි

<h1>, <div>, <p> වැනි

<h1>
 මෙම ටැගය දැක්වෙන්නේ ශීර්ෂයෙනි.

<p> 
මෙම ටැගය දැක්වේ.

HTML ඉගෙන ගැනීම සඳහා, විවිධ ටැගයන් අධ්යයනය කර ඒවා හැසිරෙන ආකාරය තේරුම් ගත යුතුය
පාඨමය ලේඛනයක් හැඩගැන්වීම. පරිශීලකයින්ට භාවිතය ඉගෙන ගත යුත්තේ HTML ඉගෙන ගැනීමයි
ලස්සන වෙබ් පිටුවක් සාදා ගැනීම සඳහා පෙළ හෝ රූප ආකෘතිය සකස් කිරීම සඳහා විවිධ ටැගයන් ඇත.
World Wide Web Consortium (W3C) HTML වලින් ආරම්භ වන කුඩා ලේබල භාවිතා කිරීමට නිර්දේශ කරයි

HTML ලේඛන ව්යුහය
සාමාන්ය HTML ලේඛනයක් පහත දැක්වෙන ව්යුහය ඇත:

Document declaration tag
<html>
 <head>
 Document header related tags
 </head>
 <body>
 Document body related tags
 </body>
</html>

ඊළඟ පරිච්ඡේදවල අපි අපගේ සිරැසි සහ සිරස් සලකුණු අධ්යයනය කරමු. නමුත් අපි දැන් බලමු ලියවිල්ල ප්රකාශ කිරීමේ ටැගය යනු කුමක්ද?

The <!DOCTYPE> Declaration


<! DOCTYPE> ප්රකාශ කිරීමේ ටැගය, අනුවාදය තේරුම් ගැනීමට වෙබ් බ්රවුසරය භාවිතා කරයි
ලේඛනයේ භාවිතා කරන HTML. HTML හි වර්තමාන අනුවාදය 5 වන අතර එය භාවිතා කරයි
පහත සඳහන් ප්රකාශය

<! DOCTYPE html>

HTML ලේඛනවල භාවිතා කළ හැකි වෙනත් ප්රකාශ ප්රකාශ වර්ග තිබේ
HTML භාවිත කරන ආකාරය මත. සාකච්ඡා කරන අතරතුරේදී මේ පිළිබඳව වැඩි විස්තර අපි දකින්නෙමු
<! DOCTYPE ...> ටැග් එකත් සමග වෙනත් HTML ටැග්ස්.


Comments