Jul 12, 2014

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 3 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 lrk Link  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 lrk Link 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  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 link lsÍu'
<a href="Home.html"> <img src ="asd.jpg" title= ”This_is_example”/>

  • 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