.jpg)
Episode 2: වැදගත් HTML ටැග් සහ ගුණාංග (Important HTML Tags and Attributes)
1. HTML ටැග් යනු කුමක්ද? (What are HTML Tags?)
HTML ටැග් යනු වෙබ් පිටුවක අන්තර්ගතය සැකසීමට සහ ආකෘතිය සකස් කිරීමට භාවිතා කරන කොටස් වේ. එක් එක් ටැග් එකක් වශයෙන් අන්තර්ගතයකට විශේෂිත අරමුණක් තිබේ.
2. වැදගත් HTML ටැග් (Important HTML Tags)
2.1 ශීර්ෂක ටැග් (Heading Tags)
<h1>- මුල් ශීර්ෂකය (Main Heading)<h2>- දෙවන ශීර්ෂකය (Sub Heading)<h3>- තුන්වන ශීර්ෂකය (Sub-sub Heading)
උදාහරණයක්:
<h1>මගේ වෙබ් පිටුව</h1>
<h2>ආයුබෝවන්!</h2>
<h3>මෙම පිටුව සදහා ඔබට සුභ පැතුම්!</h3>
2.2 පෙළ ටැග් (Paragraph Tag)
<p>: පෙළ (Paragraph)
උදාහරණයක්:
<p>මෙය පෙළක් වේ. HTML යනු වෙබ් පිටු නිර්මාණය කිරීමට භාවිතා වන භාෂාවකි.</p>
2.3 සම්බන්ධතා ටැග් (Link Tag)
<a href="URL">: සම්බන්ධතා (Links)
උදාහරණයක්:
<a href="https://www.example.com">මෙහි පිවිසෙන්න</a>
2.4 පින්තූර ටැග් (Image Tag)
<img src="image.jpg" alt="Description">: පින්තූර
උදාහරණයක්:
<img src="path/to/image.jpg" alt="අයිතමයේ විස්තරය">
2.5 ලැයිස්තු ටැග් (List Tags)
<ul>: අංකය නොදක්වන ලැයිස්තු (Unordered List)<ol>: අංක දක්වන ලැයිස්තු (Ordered List)<li>: ලැයිස්තුවේ අංග (List Item)
උදාහරණයක්:
<ul>
<li>කෝපි</li>
<li>ටී</li>
<li>ජුස්</li>
</ul>
<ol>
<li>සිතන්න</li>
<li>ලියන්න</li>
<li>පරික්ෂා කරන්න</li>
</ol>
3. HTML ගුණාංග (HTML Attributes)
HTML ටැග් සමඟ යොදන ලද තොරතුරු, ඔවුන්ගේ ගුණාංග (Attributes) ලෙස හැඳින්වේ. මේවා සම්මානයන් (Tags) වලට විශේෂිත විශේෂණ යෙදීම සඳහා භාවිතා වේ.
3.1 සාමාන්‍ය ගුණාංග (Common Attributes)
href: සම්බන්ධතා ටැග් වල URL දැක්වීමට.src: පින්තූර ටැග් වල පින්තූරයේ මාර්ගය (Path).alt: පින්තූරයක් නොමැති විට දැක්වෙන විස්තරය.class: CSS සහ JavaScript සඳහා සාමාන්‍ය වශයෙන් භාවිතා වන විශේෂණය.id: වෙබ් පිටුවක එක් අංගයක් අනිවාර්යෙන් හැඳින්වීම.
4. HTML උදාහරණයක් (An Example HTML Document)
<!DOCTYPE html>
<html lang="si">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML උදාහරණයක්</title>
</head>
<body>
<h1>මගේ පළමු HTML උදාහරණය</h1>
<p>මෙය අලුත්ම HTML ලේඛනයකි.</p>
<a href="https://www.example.com">මෙහි පිවිසෙන්න</a>
<img src="path/to/image.jpg" alt="මෙය පින්තූරයකි">
<h2>මෙම ලැයිස්තුව බලන්න</h2>
<ul>
<li>කෝපි</li>
<li>ටී</li>
<li>ජුස්</li>
</ul>
</body>
</html>
5. අවසන් කටයුතුවල (Conclusion)
මෙම කොටසින්, අපි වැදගත් HTML ටැග් සහ ගුණාංග සොයා ගන්නා ලදී. Episode 3 හි, අපි CSS පිළිබඳව සාකච්ඡා කරනු ලබන්නේ, HTML වලින් නිර්මාණය කළ වෙබ් පිටුවේ ආකෘතිය සංවිධානය කිරීමට සහ එය වඩාත් යුගදිනවා කිරීමටයි.
.jpg&description=HTML Episode 2){kind=link}