HTML මුල සිට සරලව!!! ( 2 කොටස) - SL_Tech_Zone

Latest

SL_Tech_Zone

අපගේ නමවතම තාක්ශනික Blog අඩවියට ඔබව සාදරයෙන් පිලිගන්නව...Linux,Windows,Android පිලිබදවත්...අනෙකුත් තාක්ෂණික තොරතුරු අපගේ Blog අඩවියෙන් ඔබට ලබාගත හැක... *Education Purpose Only..! SL_TECH_ZONE Admins : Thilina & Amila

Wednesday, June 6, 2018

HTML මුල සිට සරලව!!! ( 2 කොටස)



HTML පෝස්ට් සෙට් එකේ දෙවනි පෝස්ට් එක ගෙනාව...පලවෙනි post එක කියවපු නැති අය මේ link එකට ගිහින් කියවන්න : http://www.sltechz.tk/2018/06/html-1.html

හරි මේ post එකේදි කියන්න බලාපොරොත්තුව headings , paragraph යොදන්නෙ කොහොමද කියල....

මුලින්ම බලමු headings දාන හැටි...අපිට මේකෙදි පාවිච්චි කරන්නෙ <h1> සිට <h6> දක්වා tag....ප්‍රදාන මාතෘකාව විදිහට <h1> tag එක ඇතුලෙ දුන්නනොත් අපිට ඊට අනු මාතෘකාව <h2> tag ඇතුලෙ දෙන්න පුලුවන්...මේ ඉදිහට 1 සිට 6 දක්වා වෙනස්කරන්න පුලුවන්....උදාහරණයකින් පැහැදිලි කලොත් මෙහෙමයි....මෙහෙම code කරල බලන්න...

<html>

<head>

<title>Heading</title>

</head>

<body>

<h1>Heading 1</h1>

<h2>Heading 1</h2>

<h3>Heading 1</h3>

<h4>Heading 1</h4>

<h5>Heading 1</h5>

<h6>Heading 1</h6>

</body>

</html>

මේක save web browser එකකින් open කරල බැලුවොත් මේ වගේ පෙන්නනව...

















හරි දැන් බලමු paragrph එකක් දාන්නෙ කොහොමද කියල...
මේකට යොදාගන්නෙ <p> tag එක... paragraph එක පටන් ගන්න තැනින් <p> open tag එක ගහල අදාල paragraph එක type කරල </p> close tag එකෙන් ඉවර කරන්න පුලුවන්...
උදාහරනයක් කිවුවොත්...

<html>

<head>

<title>Paragraph</title>

</head>

<body>

<p>This Is A Paragraph</p>

</body>

</html>







ඒ වගේම <p> tag එක ඇතුලෙ ගහන enter browser එකේ පෙන්නන්නෙ නෑ...ඉතින් මේකට වෙනම tag එකක් තිටනව </br> කියල...මේ tag එකට open close කියල tag දෙකක් නෑ ..මේ tag එක ගහන තැන enter එකක් වදින එක වෙන්නෙ...තව දෙයක් paragraph පටන්ගද්දි ගහන space detect කරන්නෙත් නෑ...මේකට වෙනම code එකක් තියනව  “ &nbsp “ කියල...උදාහරණෙ බැලුවහම තේරෙයි...

<html>

<head>

<title>Heading</title>

</head>

<body>

<p>&nbsp&nbsp&nbsp&nbsp&nbspThis is paragraph with break rules and indent This is paragraph with break rules and indent This is paragraph with break rules and indent This is paragraph with break rules and indent This is paragraph with break rules and indent</br> This is paragraph with break rules and indent This is paragraph with break rules and indent This is paragraph with break rules and indent This is paragraph with break rules and indent</p>

</body>

</html>




හරි ඉතින් වැඩේ තේරෙන්න ඇති කියල හිතනව...අවුල් තියෙයිනම් comment එකක් දාන්න...එහෙනම් අදට මම කැපුන...ඉක්මනටම  අලුත් පෝස්ට් එකකින්  සෙට් වෙමු!
බුදු සරණයි!!!


No comments:

Post a Comment