tag:blogger.com,1999:blog-15114484204393080622024-03-06T13:29:59.120+05:30WEB DEVELOPMENT සිංහලෙන් වෙබ් අඩවියක් තනිවම නිර්මාණය කරගැනීම සඳහා ඔබට අවශ්ය වන දැනුම මුල සිට සරලව ලබා ගැනීමට හැකිවේ. HTML, PHP, JAVA SCRIPT , MYSQL, JQUERY, CSS යන විෂයන් මෙමගින් ආවරණය කෙරේUnknownnoreply@blogger.comBlogger6125tag:blogger.com,1999:blog-1511448420439308062.post-53863741497693676952014-09-16T15:54:00.000+05:302014-09-21T09:37:52.660+05:30HTML SECTIONS ELEMENT<div dir="ltr" style="text-align: left;" trbidi="on">
<h2>
<span style="color: #990000;"><BODY></span></h2>
<div>
<span style="color: #990000;"><br /></span></div>
html document එකක අන්තර්ගතය ලිවිය යුත්තේ මෙහිය. එක html document එකක් සදහා තිබිය හැක්කේ එක body tag එකක් පමණි.මෙම ටැග් එක සමග පහත දැක්වෙන attributes ක්රියාත්මක කල හැක.<br />
<br />
<h2 id="Attributes" style="background-color: white; border: 0px; font-family: 'Open Sans', sans-serif; font-size: 2.142857142857143rem; letter-spacing: -1px; line-height: 30px; margin: 0px 0px 12px; padding: 0px;">
<span style="font-weight: normal;"><span style="color: #660000;">Attributes</span></span></h2>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">alink</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">background</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">bgcolor</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">link</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onafterprint</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onbeforeprint</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onbeforeunload</code></strong></div>
<div>
<strong style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 21px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onblur</code></strong><span style="background-color: white; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; line-height: 21px;"> </span></div>
<div>
<br />
<br />
<br />
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onmessage</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onoffline</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">ononline</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onpopstate</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onredo</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onresize</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onstorage</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onundo</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">onunload</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">text</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">vlink</code></strong></dt>
<dt style="background-color: white; border: 0px; color: #4d4e53; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;"><br /></code></strong></dt>
<dt style="border: 0px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 21px; margin: 0px; padding: 0px;"><strong style="border: 0px; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;"><h2 style="background-color: white; border: 0px; clear: both; color: #888888; font-family: 'Open sans', sans-serif; font-size: 22px; font-weight: inherit; line-height: 26px; margin: 0px 0px 10px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; color: #990000; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">භාවිතය </span></h2>
<div>
<span style="background-color: #cccccc; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;"><html> </span></span></div>
<div>
<span style="background-color: #cccccc; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;"><head></span></span></div>
<div>
<span style="background-color: #cccccc;"><span style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;"><title> My Page </span></span><strong style="border: 0px; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;"></code></strong></span><br />
<div style="display: inline !important;">
<span style="background-color: #cccccc;"><strong style="border: 0px; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;"><span style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;"></title></span></span></code></strong></span></div>
<span style="background-color: #cccccc;"><strong style="border: 0px; font-family: 'Open Sans', sans-serif; margin: 0px; padding: 0px;"><code style="border: 0px; font-family: 'Courier New', 'Andale Mono', monospace; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px;">
</code></strong></span></div>
<div>
<span style="background-color: #cccccc; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;"></head></span></span></div>
<div>
<span style="background-color: #cccccc; color: #3d85c6;"><body></span></div>
<div>
<span style="background-color: #cccccc; color: #3d85c6;"><p> Tell something </p></span></div>
<div>
<span style="background-color: #cccccc; color: #3d85c6;"></body></span></div>
<div>
<span style="background-color: #cccccc; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6;"></html></span></span></div>
</code></strong></dt>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1511448420439308062.post-4126410415988505262014-09-11T20:13:00.001+05:302014-09-16T13:41:28.719+05:30HTML METADATA ELEMENTS <div dir="ltr" style="text-align: left;" trbidi="on">
<h2>
<span style="color: #990000;"><HEAD></span></h2>
<br />
සාමාන්යයෙන් head tag තුල වෙබ් පිටුවේ මාතෘකාව, css, java script link ආදිය අන්තර්ගත කරයි<br />
<br />
<h2>
<span style="color: #990000;">භාවිතය</span></h2>
<br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><!DOCTYPE html></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><html></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><head></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><title> Document title </title></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"></head></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"></html></span></span><br />
<br />
<br />
<br />
<hr />
<h2>
<span style="color: #990000;"><TITLE> </span></h2>
<div style="text-align: left;">
<span style="color: #990000;"> </span>head element අන්තර්ගත tag එකකි<br />
<br />
<h2>
<span style="color: #990000;">භාවිතය</span></h2>
<span style="background-color: #d9d2e9; color: #073763; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; line-height: 19px;"><title> Document title </title></span><br />
<span style="background-color: #d9d2e9; color: #073763; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; line-height: 19px;"><br /></span>
<span style="background-color: #d9d2e9; color: #073763; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; line-height: 19px;"></span><br />
<br />
<hr />
<h2>
<span style="color: #990000;"><LINK> </span></h2>
<div>
පිටුවකට css, javascript වැනි පිටු සම්බන්ධ කිරීමට මෙම ටැග් එක යොදාගනී. බොහෝ විට මෙය යොදා ගැනෙන්නේ style sheet ලින්ක් කිරීම සඳහාය.<br />
<br />
මෙම <link> ටැග් එක තුල පහත සඳහන් attribute යොදා ගත හැක.<br />
<br />
<span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="background-color: white; font-size: 14px; line-height: 21px;"><b>href : </b></span><span style="font-size: 14px; line-height: 21px;"><b>මගින් link කිරීමට අවැසි document එකේ path ලබා දේ</b></span></span><br />
<span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>rel : සඳහා link කරන document එකේ නම ලබා දිය යුතුය. </b></span></span><br />
<span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>type : මගින් </b></span></span><b style="color: #4d4e53; font-family: 'Courier New', 'Andale Mono', monospace; font-size: 14px; line-height: 21px;">link </b><span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>කරන ලද </b></span></span><b style="color: #4d4e53; font-family: 'Courier New', 'Andale Mono', monospace; font-size: 14px; line-height: 21px;">document </b><span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>එක අර්ථ දැක්විය යුතුය </b></span></span><br />
<span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>disabled : </b></span></span><span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>මගින් </b></span></span><b style="color: #4d4e53; font-family: 'Courier New', 'Andale Mono', monospace; font-size: 14px; line-height: 21px;">link </b><span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>කරන ලද </b></span></span><b style="color: #4d4e53; font-family: 'Courier New', 'Andale Mono', monospace; font-size: 14px; line-height: 21px;">document </b><span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b>එක </b></span><span style="font-size: 14px; line-height: 21px;"><b>බල රහිත කල හැක</b></span></span><br />
<span style="color: #4d4e53; font-family: Courier New, Andale Mono, monospace;"><span style="font-size: 14px; line-height: 21px;"><b><br /></b></span></span>
<br />
<h2>
<span style="color: #990000;">භාවිතය</span></h2>
<h2>
<span class="token tag" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>link</span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">href</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>style.css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">rel</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>stylesheet<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">type</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>text/css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">media</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>all<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">></span></h2>
<h2>
<span class="token tag" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>link</span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">href</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>default.css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">rel</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>stylesheet<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">type</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>text/css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">title</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>Default Style<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">></span><span class="token tag" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>link</span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">href</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>fancy.css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">rel</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>alternate stylesheet<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">type</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>text/css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">title</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>Fancy<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">></span><span class="token tag" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>link</span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">href</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>basic.css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">rel</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>alternate stylesheet<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">type</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>text/css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">title</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>Basic<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">></span></h2>
</div>
<div>
<span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"></span><br />
<hr />
<h2>
<span style="color: #990000;"><STYLE> </span></h2>
</div>
<div>
මෙම html elemant මගින් වෙබ් පිටුවක අන්තර්ගත වන css style සම්පූර්ණයෙන් හෝ කොටසින් කොටස ඇතුලත් කල හැක<br />
<br />
<h2>
<span style="color: #990000;">භාවිතය</span></h2>
<h2>
<span class="token tag" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"><</span>style</span><span style="background-color: rgba(234, 239, 242, 0.247059); color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> </span><span class="token attr-name" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">type</span><span class="token attr-value" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #0077aa; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">=</span><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span>text/css<span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;">"</span></span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">></span></h2>
<h2>
<span class="token selector" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #669900; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">body </span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">{</span></h2>
<h2>
<span class="token property" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">color</span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">:</span><span style="background-color: rgba(234, 239, 242, 0.247059); color: inherit; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;">red</span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">;</span></h2>
<h2>
<span style="background-color: rgba(234, 239, 242, 0.247059); color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; word-spacing: normal;"> }</span></h2>
<h2>
<span class="token tag" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #990055; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><span class="token punctuation" style="border: 0px; color: #999999; margin: 0px; padding: 0px;"></</span>style</span><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;">></span></h2>
</div>
<div>
<span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"></span><br />
<a name='more'></a><span class="token punctuation" style="background-color: rgba(234, 239, 242, 0.247059); border: 0px; color: #999999; font-family: Consolas, Monaco, 'Andale Mono', monospace; font-size: 14px; font-style: inherit; font-weight: inherit; line-height: 19px; margin: 0px; padding: 0px; word-spacing: normal;"><br /></span>
<br />
<hr />
ඉහත සඳහන් කල element සියල්ල html document එකක metadata element ගණයට ඇතුලත් වේ. මේ පිලිබඳව විස්තර හා උදාහරණ ඉදිරියටත් බලාපොරොත්තුවන්න</div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1511448420439308062.post-55539786220033872732014-09-11T19:29:00.001+05:302014-09-11T19:34:37.962+05:30HTML Elements - html<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="color: #990000;">හැඳින්වීම</span></h2>
<br />
html හි මූලධාතුව වන්නේ මෙම tag එක වේ. එනම් අප ලියූ සටහන html එකක් දැයි web browser එක හඳුනාගන්නේ මෙම එකෙනි.<br />
<br />
<br />
<h2 style="text-align: left;">
<span style="color: #990000;">භාවිතය</span></h2>
<br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><!DOCTYPE html></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><html></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><head>........</head></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"><body>........</body></span></span><br />
<span style="color: #073763; font-family: Consolas, Monaco, Andale Mono, monospace;"><span style="background-color: #d9d2e9; font-size: 14px; line-height: 19px;"></html></span></span><br />
<br />
සාමාන්යයෙන් html document තුල <head> tag එකක් හා <body> tag එකක් අන්තර්ගත විය යුතුය</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1511448420439308062.post-59982986316549404332014-09-03T18:23:00.000+05:302014-09-11T16:57:32.524+05:30HTML 01<div dir="ltr" style="text-align: left;" trbidi="on">
html වල විශේෂ ලක්ෂණ කිහිපයක් තියෙනවා. සාමාන්යයෙන් html page එකක් save කරන්නේ අගට .html කියලා දාලා. උදාහරණයක් විදිහට notepad එකෙන් ඕපන් කරගන්න document එකක් සේව් කරන්න යනකොටmyname.html දාලා සේව් කලොත් ඒක වෙබ් බ්රව්සර් එකකින් ඕපන් කරගන්න පුලුවන්.<br />
html ලියන්නේ කෝණ වරහන් ඇතුලේ. <> මේවට අපි html element එකක් කියලා කියනවා.<br />
<br />
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"><html></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"><body></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"><p> My First Web Page </p></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"></body></span></div>
<div style="text-align: left;">
<span style="background-color: #d0e0e3; color: #660000;"></html></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<div>
පලවෙනි උදාහරණය බලන්න. මුලින්ම html tag එකක් ඇරලා ඒක වහලා තියෙන්නෙ අවසානෙට. ඒ අපි code කරන්නෙ html වලින් නිසා.යම් තැනක html tag එක ආරම්භ කරලා අවසන් කරොත් ඒ html පිටුව අවසන්. </div>
<div>
<br /></div>
<div>
ඊලගට තියෙන්නෙ body ටැග් එක. අපි පිටුවක ලියන ඔනේම දෙයක් ලියන්න ඔනේ මේ body tag එක ඇතුලේ. <p> කියන tag එක ඇතුලේ අපිට කැමති දෙයක් ලියන්න පුලුවන්.paragraph කියන ටැග් එක තමා <p> කියන්නේ. </div>
<div>
<br /></div>
<div>
ඔයාලට පුලුවන් මේ code එක කොපි කරලා notepad එකේන් සේව් කරගන්න. සේව් කරනකොට කැමති නමක් දීලා අගට .html කියලා දෙන්න. මම මේක සේව් කරන්නම් my1stpage.html කියලා. ඒක firefox වලින් විවෘත කලාම මෙහෙම පෙනේවි</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJ_ILYXD-Z6-nI5mgne9viz39ZjK5HOJF1mPwoThjOtGTl6l28Q2m_utbuyFjnHBFuB3z6WrTR5MgZUpGHoooee1BMPl3GHTXj10DrIBHbJ_bL6WcEowtbD4w3CqQCcwdnK2zuZswXJms/s1600/Capture1.PNG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJ_ILYXD-Z6-nI5mgne9viz39ZjK5HOJF1mPwoThjOtGTl6l28Q2m_utbuyFjnHBFuB3z6WrTR5MgZUpGHoooee1BMPl3GHTXj10DrIBHbJ_bL6WcEowtbD4w3CqQCcwdnK2zuZswXJms/s1600/Capture1.PNG" height="200" width="149" /></a></div>
<div>
<br /></div>
</div>
<div>
<br /></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1511448420439308062.post-47984839156687406382014-09-03T15:22:00.002+05:302014-09-03T17:34:38.514+05:30Introduction 2<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Web Development ගැන කියනකොට ගොඩක් මාතෘකා තියෙනවා කතා කරන්න. ඒ අතුරින් වැදගත්ම අවශ්යම වෙන දේවල් ටික විතරක් කියන්නම්. අනික්වා පස්සට තියාගම්මු. කේක් එකක් හදනකොට අයිසින් දාන්නේ පස්සෙනේ. මූලිකව අපිට තියෙන්න ඔනේ, කෝඩින් ලියන්න හොඳ සොෆ්ට්වෙයා එකක්. Java කරන අයට Netbean, Eclips වගේ Web Development කරන අයට Dreamviewer කියන්නේ හොඳම IDE එකක්. ඒත් ඒ වගේ එකක් සල්ලි ගෙවලා ගන්න තරම් පොහොසත් උදවිය ලංකාවේ නෑනේ.<br />
<br />
Crack කරලා Software එකක් හොරකම් කරන එකනම් මම අනුමත කරන්නේ නෑ. Windows පාවිච්චි කරන අයට නොමිලේ මේ <a target="_blank" href="http://www.codelobster.com/download.html">http://www.codelobster.com/download.html</a> සොෆ්ට්වෙයා එක බාගන්න පුලුවන්. Dreamviewer වගේම පහසුකම් තියෙනවා. වැඩක් කරගන්න නොමිලේ දෙන සංසකරණය හොඳටම ප්රමාණවත්. මේක Download කරලා Install කරගන්න. Linux පාවිච්චි කරන අයට gedit ඇති.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1511448420439308062.post-39187886316749704122014-09-03T11:33:00.001+05:302014-09-03T15:36:39.754+05:30Introdution<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>
<span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>
<span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: right;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQykJs71CwZla66lzIDKW73miGu3BXmKTkbO8k5kaKFDds_H__U_NkMNkwbWU5BxgvJmVKPScYDuakEUyv9T6xpWqDop0BvZ3aVX_BlGcOdGWekTTnCnkXP1VI9maT_TVzlzbC2aqyyBHO/s1600/webdevelopment.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQykJs71CwZla66lzIDKW73miGu3BXmKTkbO8k5kaKFDds_H__U_NkMNkwbWU5BxgvJmVKPScYDuakEUyv9T6xpWqDop0BvZ3aVX_BlGcOdGWekTTnCnkXP1VI9maT_TVzlzbC2aqyyBHO/s1600/webdevelopment.jpg" /></a></div>
<br />
<div style="text-align: right;">
<span style="color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><br /></span></div>
<span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>
<span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">Web Development ගැන ඉගෙන ගන්න කැමති අය වෙනුවෙන් අද ඉඳලා පාඩමක් පටන් ගන්නවා. මුල ඉඳලා සරලව සිංහලෙන්. HTML, PHP, JAVASCRIPT , MYSQL, JQUERY ඇතුලත් අංගසම්පූර්ණ පාඩම් මාලාවක් කියලා දෙනවා. මූලික දැනුමක් නැති කෙනෙක්ට උනත් මුල ඉඳලා ඉගෙන ගන්න පුලුවන්. තමන්ටම කියලා Web Application 1ක් හදාගන්න පුලුවන් උනානම් ඒ ඇති. නිර්මාණශීලිත්වය අනුව උපයගන්න හැකියාව ලැබෙනවා.<br /><br />එහෙනම් ඉතින් පටන් ගමුකෝ. </span><span style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">Web Application</span><span style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"> එකක් හ</span><span class="text_exposed_show" style="color: #37404e; display: inline; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">දන්න කලින් අපි මුලින්ම දැනගන්න ඔනේ දේවල් ටිකක් තියෙනවා. හැම </span><span style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">Application</span><span style="color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"> එකක් Run වෙන්නම ඒ සඳහා මාධ්යක් ඔනේ. උදාහරණයක් විදිහට Microsoft Office Run වෙන්න නම් Windows මෙහෙයුම් පද්ධතිය ඔනේ වෙනවා. ඒ වගේම Web Page එකක් හරි </span><span style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">Web Application</span><span style="color: #37404e; font-family: Helvetica, Arial, lucida grande, tahoma, verdana, arial, sans-serif;"><span style="font-size: 14px; line-height: 20px;"> එකක් හරි Run කරගන්න ඔනේ නම් Web Browser ඔනේ වෙනවා. Mozilla Firefox, Google Chrome, Opera , Internet Explore කියලා කියන්නේ ඒ වගේ Web Browser වලට.</span></span><br />
<span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><span class="text_exposed_show" style="display: inline;"><br />ඉතින් මේ කියන Web Browser එකකින් අපි හදන Web Page එකක් එහෙම නැත්තන් </span></span><span style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;">Web Application</span><span class="userContent" data-ft="{"tn":"K"}" style="background-color: white; color: #37404e; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><span class="text_exposed_show" style="display: inline;"> එකක් View කරගන්න නම් අපිට HTML ගැන ඉගෙන ගන්න වෙනවා. HTML කියන Language එකෙන් තමයි Browser එකකින් Web Page එකක් වීව් කරන්නේ. HTML- HyperText Markup Language කියන එකට. HTML මුලින්ම Release කරේ 1993 දී. එදා ඉඳලා අද වෙනකම් විවිධාකාර සංස්කරණයන්ට ලක්වෙලා වෙබ් ඇප්ලිකේශන් සාදන්න උදව් වෙලා තියෙනවා.</span></span><span class="text_exposed_show" style="background-color: white; color: #37404e; display: inline; font-family: Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 14px; line-height: 20px;"><span class="userContentSecondary fcg" style="color: #9197a3;"> </span></span></div>
Unknownnoreply@blogger.com0