Skip to main content

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 එකක් දාන්න...එහෙනම් අදට මම කැපුන...ඉක්මනටම  අලුත් පෝස්ට් එකකින්  සෙට් වෙමු!
බුදු සරණයි!!!


Comments

Popular posts from this blog

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

කොහොමද යාලුවනේ…ගොඩ කාලෙකට පස්සෙ බ්ලොග් එක පැත්තෙ ආවෙ…මතක ඇති අපි html tut ටිකක් දැම්ම ඒ සෙට් එකේ හයවෙනි කොටස තමා අද දෙන්න යන්නෙ… HTML පරණ post 5 කියෙව්වෙ නැත්නම් මේ Link වලට ගිහින් කියවන්න! HTML මුල සිට සරලව!!! ( 5 කොටස) - http://www.sltechz.tk/2018/06/html-5.html HTML මුල සිට සරලව!!! ( 4 කොටස) - http://www.sltechz.tk/2018/06/html-4.html HTML මුල සිට සරලව!!! ( 3 කොටස) - http://www.sltechz.tk/2018/06/html-3.html HTML මුල සිට සරලව!!! ( 2 කොටස) - http://www.sltechz.tk/2018/06/html-2.html HTML මුල සිට සරලව!!! ( 1 කොටස) - http://www.sltechz.tk/2018/06/html-1.html මේකෙදි කතාකරන්න යන්නෙ colors පිලිබදව…web page එකක් ලස්සනට තියාගන්න නතුවම බැරි දෙයක්නෙ ඉතින් colors කියන්නෙ…මුලින්ම අපි බලමු Headline එකක හරි Paragraph එකක හරි Background එකට color දාන හැටි…මේඋදාහරනෙ බැලුවොත් ඔයාලට තේරෙයි… <html> <head> <title>Colors</title> </head> <body> <h1 style="background-color:Blue;">Blue Background Hea...

SQL Injection ගැන දැනගනිමු

හායි ගායිස් 😍😍 .. අද කට්ටියට කියල දෙන්න හදන්නෙ   මොකක්ද මේ SQL Injection කියන්නෙ සහ ඒක පාවිච්චි කරන විදිහ ගැන . මුලින්ම   බලමු මේ මම කියවන්නෙ මොකක් ගැනද කියල . උබල දන්නවනෙ   වෙබ් සයිට් එක එක විදිහට හැදිල තියනව . SQL Injections   කියන්නෙත් එන්න ඒ වගේ වෙබ් සයිට් හැදිල තියන ක් ‍ රමයක් . ඕකෙදි වැරැද්දක් උනොත් ඒක මුලු සයිට් එකටම බලපානව . SQL Injection එකකදි අපි කරන්නෙ ඒ වගේ වැරැද්දක් තියන සයිට් හොයල ඒවට රිංගල අපෙ ආතල් එක ගන්න එක 😁😁 . මේ වැරදි තියන සයිට් වලට අපි කියන්නෙ Vulnerable Site කියල . අපි දැන් කරන්න හදන්නෙ මේ Vulnerable Site එකක් හොයාගෙන ඒකට SQL Injection   එකක් ගහල ඒ සයිට් එකේ ඇඩ්මින් මේල් , පාස්වර්ඩ්   හොයාගෙන කෙලින්ම Admin Panel එකට රිංගන එක . උබලට දැන් තියන ප් ‍ රශ්නෙ කොහොමද Vulnerable Site එකක් හොයාගන්නෙ කියලනෙ . ඒකට තමා Google Dork තියෙන්නෙ . ඩෝර්ක් කියන්නෙ මොනාද ඒ ඩෝර්ක් රොත්තක් පස්සෙ පෝස්ට් එකකින් දාන්නම් . දැනට ඔය පහල මම දාල ති...

WhatsApp වලට අලුතින්ම එකතුවෙන විශේෂාංග

වට්සැප් පාවිච්චි කරන අයට අලුත්ම News එකක් අරගෙනයි අද ආවෙ.ෆේස්බුක් සමගමේ   F8 2018 සමුළුවෙදි   වට්සැප් එයාලගෙ ප්‍රගතිය ගැන කතා කරල තියනව.ඒකට අනුව Snapchat Stories හි WhatsApp හි පිටපත සතුව දිනපතා ක්රියාකාරියින් මිලියන 450 ක් විතර ඉන්නවලු   දැන්.එන්න එන්න මේ ගාණ වැඩිවෙන හන්දම එයාල තීරණය කරල තියනව වට්සැප් වලට අලුත් විශේෂාංග 2ක් හඳුන්වල දෙන්න.ඒ දෙක තමා ඔය. WhatsApp group Video call Stickers මේ විශේෂාංග දෙක ගැන සමහර වෙලාවල් වලදි WhatsApp beta Version එකේදි පෙන්නල දීල තියනව.විශේෂයෙන්ම ස්ටිකර් ගැන.දැනටමත් එක්කෙනෙක් එක්ක Video , Audio කෝල් පහසුකම වට්සැප් වල තියනවනෙ.මේ සමුළුවෙදි පෙන්නපු විදිහට එකපාර හතරදෙනෙක්ට මේ group Video call එකට සෙට් වෙන්න පුලුවන්.විස්තර බොහොම ටිකයි තමා මේ ගැන කියල තියෙන්නෙ.කොටින්ම Group Audio call ගැන මොකුත්ම කියල නෑ😒😒. Messenger, Hike සහ WeChat වගේ ඇප් වල කාලෙක ඉදන් තමා මේ ස්ටිකර් පාවිච්චි වෙන්නෙ.ඔන්න වට්සැප් වලත් මේ ස්ටිකර් දෙනව කියල තමා මෙයාල මේ සමුළුවෙදි කියල තියෙන්නෙ. WhatsApp beta Version එකේ දැනට ස්ටිකර් ටිකක් තියනවනෙ.ඉස්...