<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">School LK</h2>
<p style="background-color:green;">Sri Lanka></p>
</body>
</html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">School LK</h2>
<p style="background-color:green;">Sri Lanka></p>
</body>
</html>
body style - මෙහිදී පසුබිම(සම්පුර්ණ වෙබ් පිටුව) කහ වර්ණය යොදන ලෙස කියා ඇත.
h2 style - ඔබ ලියන මාතෘකාවට රතු වර්ණය යොදන ලෙස කියා ඇත.
p style - ජේදයේ පසුබිම කොළ වර්ණය යොදන ලෙස කියා ඇත.
දෙවෙනි උදාහරණය
<html>
<body>
<h1 style="font-family:verdana;">UCSC</h1>
<p style="font-family:arial;color:red;font-size:20px;">sri lanka,the miracle of asia.</p>
</body>
</html>
<body>
<h1 style="font-family:verdana;">UCSC</h1>
<p style="font-family:arial;color:red;font-size:20px;">sri lanka,the miracle of asia.</p>
</body>
</html>
Output:
UCSC
sri lanka,the miracle of asia.
තුන්වන උදාහරණය
<html>
<body>
<h1 style="text-align:center;">Sri lanka</h1>
<p>Sri lanka is a beautiful country.</p>
</body>
</html>
<body>
<h1 style="text-align:center;">Sri lanka</h1>
<p>Sri lanka is a beautiful country.</p>
</body>
</html>
Output:
Sri lanka
Sri lanka is a beautiful country.
මෙහිදී සිදු කර ඇත්තේ මෙහි මාතෘකාව වෙබ් පිටුවේ මැදට ගැනීමයි.මිට අමතරව ඕනෑම වාක්‍යක්,වචනයක්,පින්තුරයක් හෝ වෙනත් දෑ වෙබ් පිටුවේ මැදට ගැනීමට <center> යන tag එක යොදා ගත හැක. නමුත් දැන් ඒවා භාවිතයෙන් ඉවත් කර ඇත.
<center>< img src="images/sd/lanka.gif /></center>
මෙහි දක්වා ඇත්තේ .gif ගනයේ පින්තුරයක් වෙබ් පිටුවේ මැදට ගන්න ආකාරයයි.
තුන්වන උදාහරණයේ ප්‍රතිපලය පහත වේ.
Comments