Html sinhala(By Prasanga Amila-UCSC)
- 2. HTML කියන්නන් Hyper Text Markup Language කියන එක.නේක
programming language නනනේ එත් markup language එකක්. පහත
දැක්නලන්නන් HTML ල සරම code එකකි.
<html>
<body>
<h1>University Of Colombo</h1>
<p>Sri Lanka>
</body>
</html>
නහොදින් මතක තබා ගන්න.ඔබ HTML ලිවීමට පටන් ගත යුත්නත් <html> tag එක
ඇතුය.ඔබ code එකක් ලියු පසු(සරලම ලිවීමට notepad එක නයොදා ගනී.)එය .html
නස ඔබට අදා තැන කරගන්න.
- 3. 1. රපය
ඉහත ආකාරයට save ක පසු ඔබට 2. රපය නස දිස්නේ.දැන් එය
open කර බන්න,HTML ල output එක අපට දැක ගත හැක්නක්
browser හරහායි.ඔබට කැමති browserයකින් නමය open කර බැලිය
හැක.මතක තබා ගන්න browser නලනස් ලනලාත් සමගම output
එනකත් යේ යේ නලනස් වීේ දැකගත හැක.අප නයොදා ගනුනේ google
chrome browser යයි.
ඔබට ප්රsතිපය පහත නස දිස්නේ.
3. රපය
සිතන්න ඔබ notepad එනක් ලියු code එනක් නලනසක් කා නේ දැන් එය save කර
browser එක reload කිරීනමන් ඔබ ක නලනස ඔබට දක්නට ැනේවි.
අපි දැන් <html> tag ගැන කතා කරමු.
HTML Headings(<h> tag)
<h1> University Of Colombo </h1>
<h2> University Of Colombo </h2>
<h3> University Of Colombo </h3>
<h1> සිට <h6> දක්ලා භාවිත ක හැක. එවිට අකුරු ල ප්රsමායයන් නලනස් නේ.
h1>h2>h3>h4>h5>h6
- 4. HTML Paragraphs(<p> tag)
<p> University Of Colombo <p>
<p> University Of Colombo <p>
<p> tag නේදයක් ලිවීමට නයොදා ගනී.
HTML Links(<a> tag)
<a href="http://www.ucsc.lk"> UCSC </a>
Link කිරීම මගින් නලනත් නලේ පිටුලකට පිවිසීම සිදුක හැක.
HTML Images(<img> tag)
<img src="ucsc.jpg" width="104" height="142" />
නමමගින් පින්තුරය ඇති ස්ථානය දැක්නේ. පින්තුරනේ ප්රsමායය අලa පිදදි නලනස් ක
. හැකිය.
සිතන්න ඔබ ලියු code එක save කනේ desktop එනක් ucsc නේ folder එනක් නේ
පින්තුරයද එහිම විය යුතු නැත.ඔබ නිලැරදිල පින්තුරය ඇති තැන බානදන්න.නමුත් පින්තුර
ලට ucsc folder තුම images නමින් folder එකක් සදා එහි තැන්පත් කරන්න.මන්ද
එවිට ඔනේ ලැඩ කටයුතු ලට පහසු ලනු ඇත.
- 5. ඔබ පින්තුරය ucsc folder එක තු තැන්පත් කනේ නේ,
<img src="images/ucsc.jpg" width="104" height="142" />
ඔබ නලනත් නලේ අඩවියකින් පින්තුරයක් උපුටා ගනීනේ එහි එක නිලැරදිල බානදන්න.
<img src="www.cricmore.com/images/csn.jpg" />
පින්තුරනේ ප්රsමායය නලනස් කයුතුනේ width=" " height=" "
නයොදාගනී.අනලa නේ එය භාවිතා නනොකරන්න.
ඉතිිදය : www.ucscweb.blogspot.com
HTML පමයක් නනොල PHP,C++, C ,Joomla, හා CSS ලැනි සිිංහනන් පාඩේ ඉනගන
ගැනීමට දැන්ම www.ucscweb.blogspot.com(www.ucscweb.tk)ේනොග් අඩවියට
පිවිනසන්න.