.jpg)
Episode 1: HTML යනු කුමක්ද? (What is HTML?)
1. HTML යනු කුමක්ද? (What is HTML?)
HTML (HyperText Markup Language) යනු වෙබ් පිටු නිර්මාණය කිරීමට භාවිතා වන සම්මානයකි. එය වෙබ් පිටු සඳහා අන්තර්ගතය වර්ගීකරණය කිරීමට සහ සංරචකය නිර්මාණය කිරීමට උපකාරී වේ.
1.1 HTML වගේ කුමක්ද? (What is like HTML?)
- HTML ලේඛන වල විවිධ විශේෂිත වර්ගයක් ලෙස විද්‍යාත්මක යුගයේ සිට සහ ආකෘතිකය ලෙස දක්වා තිබේ.
- HTML සමඟ CSS සහ JavaScript භාවිතා කිරීමෙන් වඩාත් සුන්දර වෙබ් පිටු නිර්මාණය කළ හැක.
2. HTML ලේඛනයක් අරඹන්න (Starting an HTML Document)
HTML ලේඛනයක් ආරම්භ කිරීමට පහත සඳහන් පියවර අනුගමනය කරන්න:
2.1 සාමාන්‍ය ආකෘතිය (Basic Structure)
<!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>ආයුබෝවන්!</h1>
<p>මේ මගේ ප්‍රථම HTML පිටුවයි.</p>
</body>
</html>
2.2 අර්ථය (Explanation)
<!DOCTYPE html>: මෙය HTML5 ලේඛනයක් බවට පත්වීම සඳහා දැක්වෙන දක්වන්නකි.<html lang="si">: මෙය වෙබ් පිටුවේ භාෂාව නිවැරදි ලෙස පෙන්වයි. "si" යනු සිංහල භාෂාව සඳහා වූ කේතය වේ.<head>: මෙහි ඔබේ ලේඛනයේ විශේෂිත විස්තර සම්පූර්ණ කර ඇත, වැනි මාතෘකාව (title) සහ අක්ෂර කේතය (charset).<body>: මෙහි ඔබේ වෙබ් පිටුවේ මුල් අන්තර්ගතය ලියා ඇත.
3. HTML ආකාර මට්ටම් (HTML Tags)
3.1 වැදගත් HTML ටැග් (Important HTML Tags)
<h1>-<h6>: ශීර්ෂක (Headings)<p>: පෙළ (Paragraph)<a>: සම්බන්ධතා (Links)<img>: පින්තූර (Images)
4. HTML මගින් සාමාන්‍ය වෙබ් පිටුවක් නිර්මාණය කරන්න (Creating a Simple Web Page with HTML)
මෙම කඩඉමක් මගින් අලුත්ම HTML ලේඛනයක් සාදන්න:
- ඔබේ පරිගණකයෙහි Notepad හෝ Visual Studio Code ආදී කූටය භාවිතා කරන්න.
- ඉහත දී ඇති HTML කේතය සමාන පිටුවකට ලියා,
.htmlගොනුවක් ලෙස ගබඩා කරන්න. - ඔබේ වෙබ් බ්‍රව්සරය (Web Browser) එකකින් ගොනුව විවෘත කරන්න.
5. අවසන් කටයුතුවල (Conclusion)
මෙම පූර්ව කාලය HTML හි මූලික රූපය හඳුන්වා දුන්නා. Episode 2 හි, අපි HTML ටැග් හා ගුණාංගයන් වැඩිදුර විශේෂාංගය හා ඔබේ වෙබ් පිටුවට උපකාරී විවිධ HTML අංග හඳුන්වා දීමට යන්නෙමු.
.jpg&description=HTML Episode 1){kind=link}