Skip to content
Codex
Channel | 52 followers
🔹 HTML කියන්නේ මොකක්ද?
HTML කියන්නේ Hyper Text Markup Language.
මේක website එකක් හදන අස්ථි පංජරය (structure).
HTML එකෙන් අපි headings, paragraphs, images, videos, links වගේ අන්තර්ගතය (content) ගොඩනගනවා.
🖥️ Software අවශ්‍ය දේවල්
Computer එකක් (Windows / Mac / Linux)
Web Browser (Chrome / Edge / Firefox)
Visual Studio Code (VS Code) – Coding කරන්න හොඳම software එක
👉 VS Code Download කරගන්න මෙතනින්:
🔗 https://code.visualstudio.com/download
Download button එක click කරලා install කරන්න. Install කරගත් පසු, coding පටන් ගන්න පුළුවන්.
🔹 HTML වල මූලික සැලැස්ම
HTML එකේ code එකක් සාමාන්‍යයෙන් මේ ආකාරේ:
<!DOCTYPE html> <html> <head> <title>මගේ Website එක</title> </head> <body> <h1>ආයුබෝවන්!</h1> <p>මෙය මගේ HTML පිටුවයි.</p> </body> </html>
📝 විස්තර:
<html> ... </html> → HTML page එකේ මුළු දේම ඇතුළත් වෙන කොටස.
<head> → පිටුවේ විශේෂ data (title, css links වගේ).
<title> → browser tab එකේ නම.
<body> → user දකින content (text, images, etc.).
<h1> → Heading (වැඩිම තරමේ).
<p> → Paragraph.
🔹 CSS කියන්නේ මොකක්ද?
CSS කියන්නේ Cascading Style Sheets.
මේකෙන් අපි website එකට ආකාරය/අලංකාරය දෙන්න යනවා.
(Colors, Fonts, Layouts, Animations, etc.)
3. External CSS (අලංකාර projects වල භාවිතා කරන හැටි)
<link rel="stylesheet" href="style.css">
ඉතින් style.css නමැති file එකේ CSS එක ලියනවා.
🔎 Code Explanation
<!DOCTYPE html> → Browser එකට කියනවා මේක HTML5 කියලා.
<html>...</html> → සම්පූර්ණ HTML document එක.
<head>...</head> → Title, Meta info, CSS link වගේ දේවල් තියන කොටස.
<title> → Browser tab එකේ දකින්න title.
<body>...</body> → Website එකේ main content.
<h1> → Main heading (වැඩියෙන් විශාල තේක්ස්ට්).
<p> → Paragraph text.
Don't have WhatsApp yet?
Looks like you don't have WhatsApp installed!
Download