ICT With Shantha Bandara: Basic

පහත සඳහන් HTML කේතයන් ඔබට Copy කර එය ඔබේ .html ගොනුව තුල Paste කර ගත හැකිය.

01.වෙබ් පිටුවට Text ඇතුලත් කරමු.

  
 
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

  <p>ICT With Shantha Bandara</p>

</body>
</html>

02.Text වල Font Size එක වෙනස් කරමු.

<!DOCTYPE html>

<html>
<head>
	<title></title>
</head>
   <body>
  
     <p><font size="1">ICT With Shantha Bandara</font></p>
     
     <p><font size="2">ICT With Shantha Bandara</font></p>
     
     <p><font size="3">ICT With Shantha Bandara</font></p>
     
     <p><font size="4">ICT With Shantha Bandara</font></p>
     
     <p><font size="5">ICT With Shantha Bandara</font></p>
     
     <p><font size="6">ICT With Shantha Bandara</font></p>
     
   </body>
  
</html>

03.Text වල හැඩය සහ වර්ණය වෙනස් කරමු.

 
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  
  <p><font face="eliphant" color="red">The color is red & the font face is elephant</font></p>
     
  <p><font face="arial" color="blue">The color is blue & the font face is arial</font></p>
     
  <p><font face="Times New Roman" color="lime">The is lime & the font face is Times New Roman</font></p>
     
  <p><font face="Lucida Console" color="purple">The color is purple & the font face is Lucida Console</font></p>
  
</body>
</html>

04. h1, h2, h3, h4, h5, h6 tag භාවිතය.

මෙම tag සාමාන්‍යයෙන් පිටුවක හෝ සටහනක මාතෘකාව සඳහා භාවිතා වන අතර එය පිටුවක පෙනෙන පළමු ශීර්‍ෂකය වේ. h1 හි හැඩතල ගැන්වීම සාමාන්‍යයෙන් පිටුවක ඇති අනෙක් ශීර්‍ෂ tag වලට වඩා වෙනස් වේ.

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

<h1>This is heading</h1>

<h2>This is heading</h2>

<h3>This is heading</h3>

<h4>This is heading</h4>

<h5>This is heading</h5>
  
<h6>This is heading</h6>

</body>
</html>

05. Text වල Align එක වෙනස් කරමු.

  
<!DOCTYPE html>
<html>
<body>

<p style="text-align:center;">Centered Heading</p>
<p style="text-align:left;">Left paragraph.</p>
<p style="text-align:right;">Right paragraph.</p>

</body>
</html>

06.පහත සඳහන් වගුවේ HTML උසුලන (tag) ටයිප් කල යුත්තේ bracket < > තුලයි.

HTML උසුලනය	අක්‍ෂර හැඩ ගැන්වීමේ ස්වභාවය	ප්‍රතිදානය
b	තද පැහැති	I.C.T With Shantha Bandara
i	ඇද හැඩ	I.C.T With Shantha Bandara
u	යටින් ඉරක් සහිත	I.C.T With Shantha Bandara
em	අවධාරණය කරන ලද	I.C.T With Shantha Bandara
s	අකුරු හරහා ඉරක් සහිත	~~I.C.T With Shantha Bandara~~
sup	උඩු ලකුණු කරන ලද	^I.C.T With Shantha Bandara
sub	යටි ලකුණු කරන ලද	_I.C.TWith Shantha Bandara
marquee	තිරස් දිශාවට චලනයක් පෙන්වයි	I.C.T With Shantha Bandara

ICT With Shantha Bandara

Basic

No comments:

Post a Comment