Saturday 19 September 2015

HTML lesson in sinhala - Part 03



wm óg l,ska HTML mdvï ud, 1 " 2 Tn w;g m;a l,d" wo Tkak wms f.kdjd 03 fjks mdvu'



wms wo n,uq wm idok fjí msgqjlg fjk;a fjí wvú j,g iïnkao úug Link fhdod .kakd wdldrh' fïjd yhsm¾,skala ^ Hyperlink & f,i kï lrhs' fïjd wdldr 3 ls'

  • External Links.
fuh wmf.a fjí wvúfha isg fjk;a fjí wvúhlg msúiSug Ndú;d lrhs'

fuu fla; 
<body>  හා  </body> hk Code w;r Ndú;d lrhs' 
(
 ie'hq HTML mdvï ud,d 1 yd 2 wO‍‍hHkh lrkak' )

<a href=http://www.facebook.com> Facebook </a>



Wod Facebook

fuu Link tl u.ska wmj fuh Click lsßfuka Facebook fjí wvúhg fhduq lrhs"
  • Internal Links.

fuh wmf.a fjí wvúfhau úia;r we;s  fjk;a fjí msgqjlg wmj fhduq lrkLink  tlls'

<p><a href ="#Prasanna madushanka"> About </a></p>
This is EXAMPLE
<a About="Prasanna madushanka"> About </a>



පේන්නේ මේ විදියට.


  • Navigation Links.
fuh wmf.a fjí wvúfha we;s  fjk;a fjí msgqjlg blaukska  wmj fhduq lrkLink tlls'
<nav>
      <a href=Home.html>  Home </a> |
      <a href=About.html>  About </a> |
      <a href=Service.html>  Service </a> |
</nav>


o¾Ykh fjkafka fukak fufyu'


fjí msgqjlg Images fh§u'


fï ioyd <img>  tag tl yd src  kï attribute tl Ndú;d lrhs'

<img src =”asd.jpg”/>



  • Image tlg fndavrhla fh§u'

<img src ="asd.jpg"border=5/>   fuys 5 f,i oelafjk w.h fjkia lsÍfuka fndvrfha m%udkh fjkia lr .; yelsh'



n,kak l¿ mdáka fndav¾ tl tk úÈh'

  • Image Tips fh§u'

Image tl u;g Mouse  Pointer tl f.k .sh úg úia;rd;aul foaj,a fmkaùug fuh Ndú;d lrhs'
<img src =”asd.jpg” title=”This is example”/>



  • Image tl Click l, úg fjk;a fjí msgqjlg m%fõY úh yels f,i linklsÍu'f,dl= lr,d n,kak fu; u; click lrk'

<a href="Home.html"> <img src ="asd.jpg" title= ”This_is_example”/>

f,dl= lr,d n,kak fu; u; click lrk'

  • fjí msgqjl miqìug Image tlla fh§u'

<body style ="background-image:url(asd.jpg)">
</body>





fuu.ska wmf.a fjí msgq b;d w,xldrj;a lr .; yelsh'wm B,. mdvfuka fjí msgqj,g Audio iy Video tla lrk wdldrh bf.k .ksuq'

l,ska mdvï n,kak fu;kska 01 02


Prasanna madushanka bandara.