Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Pure VPN - Up to 27 Months
vgp
Updated:
Yesterday at 8:10 AM
එක පැකේජ් එකයි මාසෙටම Unlimited Internet. තාමත් DATA CARD දාන්න සල්ලි වියදම් කරනවද? අඩුම මිලට අපෙන්.
sayuru bandara
Updated:
Tuesday at 12:30 PM
Ad icon
ඉන්ටර්නෙට් එකෙන් හරියටම සල්ලි හොයන්න සහ Success වෙන්න කැමතිද? 🚀 (E-Money & Success Stories)
siri sumana
Updated:
May 30, 2026
Gemini AI PRO 18 months Offer
Hawaka
Updated:
May 27, 2026
Ad icon
koko account
DasunEranga
Updated:
May 27, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
General
Education
HTML
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="inranasingha" data-source="post: 9778344" data-attributes="member: 75796"><p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">අද බලමු කොහොමද කියලා...</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">ඉමේජ් එකක් ඇඩ් කරගන්නේ..<img src="/styles/default/xenforo/smilies/default/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Rolleyes :rolleyes:" data-shortname=":rolleyes:" /></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">වෙබ් පේජ් එකකට..<img src="/styles/default/xenforo/smilies/default/yes.gif" class="smilie" loading="lazy" alt=":yes:" title="Yes :yes:" data-shortname=":yes:" /></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මුලින්ම ඇඩ් කිරීමට අවශ්ය පින්තූරේ සම්පුර්ණ නම,</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">එහෙමත් නැත්නම් file name with extension දැන ගන්න ඕනෑ..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">උදාහරනයක් විදිහට myimage.gif විවිධ file extension වෙබ් ඉමේජ් සදහා භාවිතා වෙනවා...</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මේවා නම් දන්නවනේ<img src="/styles/default/xenforo/smilies/default/cool.gif" class="smilie" loading="lazy" alt=":cool:" title="Cool :cool:" data-shortname=":cool:" /></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">gif-Graphics Interchange Format.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">jpeg/jpg-joint Photographic Experts Group.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">bmp-Bitmap Image File.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">tiff-Tagged Image File Format.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">png-Portable Network Graphics.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">ඔය වගේ.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">දැන් බලමු ඒ සඳහා අවශ්ය HTML command එක..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මෙහෙම..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><img src="myimage.gif"></a></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මෙහිදී src කියන්නේ source කියන එක කියලත් ඒක attribute එකක් කියලත් මතක තියගන්න..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">දැන් බලමු ..අද code එක...</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මෙහෙම..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><html></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><head></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><title>My Own Home Page </title></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong></head></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><body></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><body bgcolor= "blue"></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><font color="Red"></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><H1> I am Your-Name and this is my web Page!</H1></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong><img src="myimage.gif"></a></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong></font></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong></body></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><em><strong></strong></em></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">තව දෙයක් බොහොමයක් වෙබ් අඩවි </span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">තමන්ගේ සියලු images එකම folder එකක උදාහරනයක් විදියට</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">images folder කියලා ගබඩා කරලා තියා ගන්නවා..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">ඒක ඔබේ කැමැත්ත.. <img src="/styles/default/xenforo/smilies/default/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Rolleyes :rolleyes:" data-shortname=":rolleyes:" /></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">තව ටිකක් වැඩ ටිකක් දාලා ඕනෑ නම් මෙහෙමත් Syntax එක ලියන්නත් පුලුවන්. </span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><strong><em><img src="url" alt="some_text"/></em></strong></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><strong><em></em></strong></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><strong><em><img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" /></em></strong></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"><strong><em></em></strong></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">alt,width,height කියන්නේ attributes...</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">URL කියන තැනට යම් වෙබ් අඩවියක ඉමේජ් එකක් තියන තැනක පාත් එක ඇඩ් කර ගන්න පුලුවන්..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">alt කියන එකෙන්- යම් හේතුවක් නිසා</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">උදාහරනයක් විදිහට slow connection ස්පීඩ්</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">(ලන්කාවෙ නෙවේ හොඳේ..)<img src="/styles/default/xenforo/smilies/default/wink.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">ඉමේජ් එක ලෝඩ් උනේ නැත්නම් ඒක ගැන විස්තර කිරීමක් clientට ලබා දෙන්න පුලුවන්..<img src="/styles/default/xenforo/smilies/default/rolleyes.gif" class="smilie" loading="lazy" alt=":rolleyes:" title="Rolleyes :rolleyes:" data-shortname=":rolleyes:" /></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">අනෙක් attributes වලින් ඉමේජ් එකේ දිග පලල ලබා දෙනවා..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මෙම attributes දෙක භාවිතයෙන් වෙබ් පේජ් එකක් ලෝඩ් වෙද්දිම ඉමේජ් සඳහා අවශ්ය ඉඩ වෙන් කරගනු ලබනවා..</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px"></span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මේකනිසා ඉමේජ් එකක් ලෝඩ් වෙද්දි පේජ් layout එකට වෙන බලපෑම අඩුකරගන්න පුලුවන්.</span></span></p> <p style="text-align: center"><span style="color: Purple"><span style="font-size: 18px">මේ අත්දැකීම නම් අපේ එළකිරි කොල්ලන්ට, කෙල්ලන්ට ඇති...<img src="/styles/default/xenforo/smilies/default/yes.gif" class="smilie" loading="lazy" alt=":yes:" title="Yes :yes:" data-shortname=":yes:" /></span></span></p> <p style="text-align: center"></p></blockquote><p></p>
[QUOTE="inranasingha, post: 9778344, member: 75796"] [CENTER][COLOR="Purple"][SIZE="5"]අද බලමු කොහොමද කියලා... ඉමේජ් එකක් ඇඩ් කරගන්නේ..:rolleyes: වෙබ් පේජ් එකකට..:yes: මුලින්ම ඇඩ් කිරීමට අවශ්ය පින්තූරේ සම්පුර්ණ නම, එහෙමත් නැත්නම් file name with extension දැන ගන්න ඕනෑ.. උදාහරනයක් විදිහට myimage.gif විවිධ file extension වෙබ් ඉමේජ් සදහා භාවිතා වෙනවා... මේවා නම් දන්නවනේ:cool: gif-Graphics Interchange Format. jpeg/jpg-joint Photographic Experts Group. bmp-Bitmap Image File. tiff-Tagged Image File Format. png-Portable Network Graphics. ඔය වගේ. දැන් බලමු ඒ සඳහා අවශ්ය HTML command එක.. මෙහෙම.. [I][B]<img src="myimage.gif"></a> [/B][/I] මෙහිදී src කියන්නේ source කියන එක කියලත් ඒක attribute එකක් කියලත් මතක තියගන්න.. දැන් බලමු ..අද code එක... මෙහෙම.. [I][B]<html> <head> <title>My Own Home Page </title> </head> <body> <body bgcolor= "blue"> <font color="Red"> <H1> I am Your-Name and this is my web Page!</H1> <img src="myimage.gif"></a> </font> </body> [/B][/I] තව දෙයක් බොහොමයක් වෙබ් අඩවි තමන්ගේ සියලු images එකම folder එකක උදාහරනයක් විදියට images folder කියලා ගබඩා කරලා තියා ගන්නවා.. ඒක ඔබේ කැමැත්ත.. :rolleyes: තව ටිකක් වැඩ ටිකක් දාලා ඕනෑ නම් මෙහෙමත් Syntax එක ලියන්නත් පුලුවන්. [B][I]<img src="url" alt="some_text"/> <img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" /> [/I][/B] alt,width,height කියන්නේ attributes... URL කියන තැනට යම් වෙබ් අඩවියක ඉමේජ් එකක් තියන තැනක පාත් එක ඇඩ් කර ගන්න පුලුවන්.. alt කියන එකෙන්- යම් හේතුවක් නිසා උදාහරනයක් විදිහට slow connection ස්පීඩ් (ලන්කාවෙ නෙවේ හොඳේ..);) ඉමේජ් එක ලෝඩ් උනේ නැත්නම් ඒක ගැන විස්තර කිරීමක් clientට ලබා දෙන්න පුලුවන්..:rolleyes: අනෙක් attributes වලින් ඉමේජ් එකේ දිග පලල ලබා දෙනවා.. මෙම attributes දෙක භාවිතයෙන් වෙබ් පේජ් එකක් ලෝඩ් වෙද්දිම ඉමේජ් සඳහා අවශ්ය ඉඩ වෙන් කරගනු ලබනවා.. මේකනිසා ඉමේජ් එකක් ලෝඩ් වෙද්දි පේජ් layout එකට වෙන බලපෑම අඩුකරගන්න පුලුවන්. මේ අත්දැකීම නම් අපේ එළකිරි කොල්ලන්ට, කෙල්ලන්ට ඇති...:yes:[/SIZE][/COLOR] [/CENTER] [/QUOTE]
Insert quotes…
Verification
Payakata winadi keeyak tibeda?
Post reply
Top
Bottom