HTML වෙබ් පිටුවක් තුළ විවිධ Tags භාවිතා කරන ආකාරය.


HTML පිළිබද ලියවෙන දෙවන පාඩම තුළින් අප සාකච්ඡාවට ලක් කරන්නේ වෙබ් පිටුවක් තුළ 
අපට නිරන්තරයෙන් භාවිතා කිරීමට සිදුවන Tags පිළිබදවයි...ඒවා නම් 
<p> Tags 
<h> Tags
<strong> Tags
<em> Tags
<br/> Tags

<p> Tags

මුලින්ම අප <p> Tag එක භාවිතා කරන ආකාරය බලමු...මෙහි p යනුවෙන් අදහස් වන්නේ 
Paragraph යන්නයි...වෙබ් පිටුවක් තුළ Paragraph එකක් ආරම්භ කිරීම සදහා 
<p> Tag එක භාවිතා කරයි...මෙම  <p> Tag එක භාවිතා කරන ආකාරය දැන 
ගැනීමට පහත කොඩ් එක දෙස බලන්න...

<html>
<head>
<Title>P Tags</Title>
</head>
<body>
<p>This is a First Paragraph.</p>
<p>This is a Second Paragraph.</p>
<p>This is a Third Paragraph.</p>
</body>
</html>

මෙහි This is a First Paragraph. යන්න ඔබට අවශ්‍ය ආකාරයෙන් වෙනස්
කර ගැනීමට පුලුවන්...මෙහි <p> ටැග් එකෙන් ආරම්බ කළ This is a First Paragraph.
යන ඡේදය </p> ටැග් එකෙන් අවසන් කර තිබේ...මෙහිදී මීළග ඡේදය ආරම්භ කිරීම සදහා
ඉහත ආකාරයෙන්ම <p> ටැග් එකක් Open කරගත යුතුය...මෙමගින් සැකසූ කෝඩ් කොටස
Web Browser එක තුළ දිස්වන්නේ මේ ආකාරයටයි...

<h> Tags

මෙහි <h> යනු heading යන්නයි...මෙම ටැග් එක වෙබ් පිටුවක් තුළ බාවිතා කරන්නේ විවිධ
මාතෘකා යෙදීම සදහායි...මෙහි <h> Tag එක බාවිතා කර යොදන  headings ප්‍රමාණ
6කින් යෙදීමට පුලුවන්...එම ප්‍රමාණ 6 තේරුම් ගැනීම සදහා පහත කොඩ් කොටස අධ්‍යනය
කරන්න...

<html>
<head>
<Title>h Tags</Title>
</head>
<body>
<h1>This is a h1 heading.</h1>
<h2>This is a h2 heading.</h2>
<h3>This is a h3 heading.</h3>
<h4>This is a h4 heading.</h4>
<h5>This is a h5 heading.</h5>
<h6>This is a h6 heading.</h6>
</body>
</html>

එය Web Browser එක තුළ දිස්වන ආකාරය...



මෙහි h1 වලින් ආරම්බ කළ heading එක h6 වන විට තරමින් කුඩා වන ආකාරය පෙනේ...

<strong> Tags

මෙම <strong> Tag බාවිතා කරමින් යොදන වචන කොටස් තරමක් Blod කරගැනීමට
හැකියාවක් ලැබේ...උදාහරනක් ලෙස පහත කොඩ් කොටස බලන්න...

<html>
<head>
<Title>strong Tags</Title>
</head>
<body>
www.<strong>cyberteachzone.blogspot</strong>.com
</body>
</html>

Web Browser එක තුළ දිස්වන ආකාරය...

මෙහි <strong> යන Tag එක වෙනුවට <b> Tag එක ද බාවිතා කිරීමට පුලුවන්...

<em> Tags

මෙම ටැග් එක බාවිතයෙන් අපට ඇල අකුරු ලබා ගැනීමට පුලුවන්...

<html>
<head>
<Title>em Tags</Title>
</head>
<body>
<em>Cyber Teach Zone</em>
</body>
</html>

<br/> Tags

මෙය අපට නිරන්තරයෙන් යෙදීමට අවශ්‍ය වන සහ වැදගත් වන Tag එකකි...මෙය අප වෙබ්
පිටුවක් තුළ පේළි වෙන් කිරීමට යොදාගන්නා ටැග් එකයි...

<html>
<head>
<Title>em Tags</Title>
</head>
<body>
<p>Cyber <br/>Teach Zone</p>
</body>
</html>

ඉහත දැක්වෙන ආකාරයට Cyber යන්නට පසුව <br/> ටැග් එක යොදා ඇති නිසා 
Teach Zone යන්න අලුත් පේළියකින් ආරම්බ වී ඇත...


මීළග පාඩමෙන් නැවතත් හමුවෙමු...
Share on Google Plus

About Thanuja Janakantha

මෙම පාඩමේ සියලුම අයිතිය Cyber Teach Zone බ්ලොග් අඩවිය සතුය.සියලුම ආකාරයේ පිටපත් කිරීම්,විකිණීම්,ප්‍රසිද්ධ ස්ථාන වල ප්‍රදර්ශණය කිරීම් හෝ වෙනත් කිසියම් හෝ අයුරකින් කතු හිමිකම් වලට හානිවන ලෙස බාවිතා කිරීම අන්තර්ජාතික කතුහිමිකම් නීතිවලට අනූව සපුරා තහනම් වෙයි.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment