Skip to main content

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




කොහොමද යාලුවනේ ඔන්න ඉතින් HTML 4වෙනි පෝස්ට් එකත් ගෙනාව...ඉතින් මේ පෝස්ට් එකේදි කියන්න බලාපොරොත්තුවෙන්නෙ උපුටාගැනීමක් වගේ කරන්නෙ කොහොමද කියල ...ඉතින් මේකට විශේශ tag කිහිපයක් පාවිච්චි වෙනව..අපි එකින් එකකට බලමු!


<q> 

මේ ටැග් එක භාවිතා කරල අපිට quotation mark දාන්න පුලුවන්...මේ උදාහරණෙ බැලුවහම තේරෙයි...

<html>
<head>
<title>Short Quotations</title>
</head>
<body>
<p>Welcome to our Blog <q>Keep Calm And Read Our Blog</q></p>
</body>
</html>

 









<blockquote>

වෙනත් වෙබ් අඩවියකින් උපුටාගත් දෙයක් වගේ පෙන්නන්න මේ tag එක යොදාගන්නව...මේකෙදි auto indent වීමක්ද වෙනව... 

<html>
<head>      
<title>Quote</title>
</head>
<body>
<p>SL_TECH_ZONE Blog Discription :</p>
<blockquote cite="http://sltechz.tk">අපගේ නමවතම තාක්ශනික Blog අඩවියට ඔබව සාදරයෙන් පිලිගන්නව...Linux,Windows,Android පිලිබදවත්...අනෙකුත් තාක්ෂණික තොරතුරු අපගේ Blog අඩවියෙන් ඔබට ලබාගත හැක... SL_TECH_ZONE Admins : Thilina & Amila</blockquote>
</body>
</html>








මේ උදාහරණෙදි atribute එකක් පාවිච්චි කරල තියනව cite කියල...මේකෙන් අපි උපුටාගත්ත වෙබ් අඩවිය සදහන් කරන්න පුලුවන්...


<abbr>

මේ ටැග් එක යොදාගෙන අපිට වචනයක් විස්තරකරන්න පුලුවන්...අපි eඒ අචනෙට mouse point එක ගෙනිච්චහම ඒ ව් චනෙ discription එකක් වගේ popup වෙනව...උදාහරණෙ බැලුවහම් තේරෙයි...

<html>
<head>
<title>Abbreviations</title>
</head>
<body>
<p>Welcome To <abbr title="SL_TECH_ZONE">Our Blog.</abbr> Hope you enjoy reading our blog</p>
</body>
</html>








   
Title කියන atribute එකට තමා අපිට පොප් අප් වෙන්න ඕනෙ msg එක දාන්න ඕනෙ...

<address>

කාගෙ හරි contact information එකක් දන්න මේ ටැග් එක භාවිත එනව...

<html>
<head>
<title>Address</title>
</head>      
<body>
<address>
Written by Thilina Nimesh</br>
Visit us at:</br>
http://sltechz.tk</br>
A37/3,Deloluwa,</br>
Dehiowita
</address>
</body>
</html>















<cite>

මොකක් හරි discription එකක title එක වෙනම දකවන්න් මේ tag එක පාවිච්චි වෙනව...italic වීමක් තමා වෙන්නෙ...

<html>
<head>
<title>Cite</title>
</head>
<body>
<p><cite>HTML Part 4</cite> by SL_TECH_ZONE.</p>
</body>
</html>






<bdo>

Text direction එකමාරු කරන්න මෙ tag එක යොදාගන්න පුලුවන්...

<html>
<head>
<title>Text Direction</title>
</head>
<body>
<bdo dir="rtl">SL Tech Zone</bdo>
</body>
</html>









Dir atribute එකෙන් කරන්නෙ direction එක දෙන එක...rtl කියන එකෙන් කියන්නෙ right to left කියන එක...

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


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...

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 එකේ දැනට ස්ටිකර් ටිකක් තියනවනෙ.ඉස්...

Command Prompt ගැන දැනගමු

හලෝ යාලුවනේ.අද කියාදෙන්න යන්නෙ අලුත් මාතෘකාවක් ගැන.Command Prompt එහෙම නැත්තම් කවුරුත් අහල තියන විදිහට cmd එක ගැන තමා අද ඉදන් කියාදෙන්න හදන්නෙ😎.ගොඩක් අය මේ ගැන අහල තිබ්බට දැකල තිබ්බට හරියට පාවිච්චි කරන හැටි ,මොනවද මේකෙන්  කරන්න පුලුවන් කියන කිසිදෙයක් දන්නෑ.ඉතිං මං හිතුව මුල ඉදන්ම මේ ගැන කියාදෙන්න.සරලව පටන් අරන් හැමදාම පෝස්ට් දාන මාතෘකාව වෙච්ච Hacking පැත්තටත් කොහොමද මේ cmd එක පාවිච්චි කරන්න පුලුවන් කියල අපි බලමු💜🙈.වැඩි කතා නැතුව  එහෙනම් මාතෘකාවට එමු. Command Prompt කියන්නෙ වින්ඩෝස් මෙහෙයුම් පද්ධතියක විධාන රේඛා පරිවර්තන මෘදුකාංගය.ටිකක් අවුල් වගේනම් command line interpreter application කියහන්කො කවුරුහරි ඇහුවොත්😁.එහෙම කියන්නෙ මේක රන් වෙන්නෙ අපි දෙන  command වලට.ඉස්සරහට යද්දි පැහැදිලි වෙයි.මේකට අපි දෙන  command ගොඩක්ම Script සහ batch file.ඒ මොනාද කියලත් ඉස්සරහට කියන්නම්.මේ command prompt එක පාවිච්චි කරල අපිට පුලුවන් සාමාන්‍ය ක්‍රම වලින් කරන්න බැරි ගොඩක් වැඩ කරගන්න.ඒ කිව්වෙ උදාහරණ විදිහට ගත්තොත් ෆෝමැට් කරන්න බැරි පෙන් එකක් ෆෝමැට් කරගන්න,ඔටෝරන් වගේ පොඩි වයිරස් එකක...