HTML -Hyper Text Markup Language
HTML කියන්නේ web design වලට යොදාගන්න භාශාවක්.
අපි බලමු කොහොමද HTML document එකක් හදාගන්නේ කියලා.
ඔයාලාගේ desktop එකේ right click කරලා new text document එකක් ගන්න.
ඊලගට ඒක open කරලා File--->save as යන්න.
ඊලගට ඔයාලට කැමති නමක් දීලා ඒකේ අගට ".html" කියන එක දීලා save කරගන්න.
අපි save කරගත්තු page එක edit කරන්න notepad එකෙන් open කරගන්න.
HTML වලදී අපි commands ලියන්නේ < > දෙකක් ඇතුලේ. ඒ කියන්නේ tag එකක්. අපි පටන්ගන්න හැම tag එකක්ම ඉවරකරන්නත් ඕනි.
<tag එක පටන්ගැනීම> </tag එක අවසන් කිරීම>
නිදසුන්: <html>
<head>
<title>My Web Page</title>
</head>
<body><h1>This is my web page<h1></Body>
</html>
HTML වලින් කරන webpage එකක් පටන්ගන්නේ <html> කියන tag එකෙන්. webpage එක ඉවර කරන්නේ </html> කියන tag එකෙන්.
<head> කියන tag එක ඇතුලේ අපි ලියන්නේ webpage එකේ title එක, META tags, STYLE tags වගේ දේවල්. tag එක ඉවර කරන්නේ </head> කියන tag එකෙන්.
<title> කියන tag එක පාවිච්චි කරන්නේ webpage එකේ title එක web browser එකේ title bar එකේ පෙන්වන්න. tag එක ඉවර කරන්නේ
</title> කියන tag එකෙන්.
<body> කියන tag එක ඇතුලේ තමයි අපි webpage එකේ conents ලියන්නේ.ඒ කියන්නේ webpage එකේ HTML code එක. tag එක ඉවර කරන්නේ </body> කියන tag එකෙන්.
________________________________________________________________________
Line Breaks
අපි මේකේදී කරන්නේ අලුතින් line එකක් පටන් ගැනීම. මේකට අපි පාවිච්චි කරන tag එක තමයි <br> කියන්නේ.
ඔයාලාගේ desktop එකේ right click කරලා new text document එකක් ගන්න.
ඊලගට ඒක open කරලා File--->save as යන්න.
ඊලගට ඔයාලට කැමති නමක් දීලා ඒකේ අගට ".html" කියන එක දීලා save කරගන්න.
අපි save කරගත්තු page එක edit කරන්න notepad එකෙන් open කරගන්න.
ඊලගට මේ තියෙන code එක notepad එකට copy කරලා save කරන්න. මතක ඇතුව .html විදියට save කරන්න.
<html>
<head>
<title>My Web Page</title>
</head>
<body>
My<br>
Name<br>
is<br>
Your Name
</body>
</html>
මේකෙදී My කියන එක type වෙලා අලුත් line එකක Name කියන එක type වෙනවා. එහෙම වෙන්නේ <br> කියන tag එක නිසා.
________________________________________________________________
Comments භාවිතා කිරීම
HTML වලදී අපි comment එකක් දාන්න පාවිච්චි කරන්නේ මේ විදිය.
<!-- This is a comment -->
________________________________________________________________
Text formatting tags අකුරු හැඩගැන්වීම්.
දැන් අපි බලමු HTML වල කොහොමද text formats භාවිතා කරන්නේ කියලා.
<b> මේකන් වෙන්නේ bold විදියට අකුරු හැඩගැන්වීම.
නිදසුන් : <b>Hello<b>
<big> මේකන් වෙන්නේ අකුරු විශාල කිරීම.
නිදසුන් : <big>Hello<big>
<i> මේකන් වෙන්නේ italic විදියට අකුරු හැඩගැන්වීම.
නිදසුන් : <i>Hello<i>
<small> මේකන් වෙන්නේ අකුරු කුඩා කිරීම.
නිදසුන් : <small>Hello<small>
<strong> මේකන් වෙන්නේ අකුරු වටා highlight කිරීම.
නිදසුන් : <strong>Hello<strong>
________________________________________________________________
HTML Tags
අපි බලමු HTML tags මොනවද කියලා.
Comments යෙදීම
<!-- This is a comment -->
නිදසුන්: <html>
<head>
<title>My Web Page</title>
</head>
<body>
<!-- This is a comment -->
</body>
</html>
________________________________________________________________
<center> මේ tag එක භාවිතා කරන්නේ webpage එකේ තියෙන contents මැද්දට ගැනීමට.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><center>This is my web page</center></Body>
</html>
_______________________________________________________________
<font> මේ tag එක භාවිතා කරන්නේ font එකක් define කිරීමට,font size එක define කිරීමට හා font color එක define කිරීමට .
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><font face="Arial" size="7" color="black">This is my web page</font></Body>
</html>
_______________________________________________________________
<h1> මේ tag එක භාවිතා කරන්නේ header සදහා. අකුරු ප්‍රමානයෙන් විශාලයි.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><h1>This is my web page</h1></Body>
</html>
______________________________________________________________
<h2> මේ tag එක භාවිතා කරන්නේ header සදහා.අකුරු ප්‍රමානයෙන් මදක් කුඩායි.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><h2>This is my web page</h2></Body>
</html>
______________________________________________________________
<h3> මේ tag එක භාවිතා කරන්නේ header සදහා.අකුරු ප්‍රමානයෙන් කුඩායි.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><h3>This is my web page</h3></Body>
</html>
______________________________________________________________
<h4> මේ tag එක භාවිතා කරන්නේ header සදහා.අකුරු ප්‍රමානයෙන් කුඩායි.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><h4>This is my web page</h4></Body>
</html>
______________________________________________________________
<h5> මේ tag එක භාවිතා කරන්නේ header සදහා.අකුරු ප්‍රමානයෙන් කුඩායි.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><h5>This is my web page</h5></Body>
</html>
______________________________________________________________
<h6> මේ tag එක භාවිතා කරන්නේ header සදහා.අකුරු ප්‍රමානයෙන් කුඩායි.
නිදසුන් : <html>
<head>
<title>My Web Page</title>
</head>
<body><h6>This is my web page</h6></Body>
</html>
0 Responses So Far: