Scribd Downloader Free: Download Scribd Document in PDF, DOCX, TXT

Nju;r;rp 10.0 gy;Y}lf njhopy;El;gq;fisg; gad;gLj;jp ,izaj;jsq;fis cUthf;fy; Nju;rr ; p 10.1 ,izag;gf;fq;fspd; nghUslf;fq;fisAk; fl;likg;igAk; mwpe;J nfhs;tjw;F ,izaj;jpYs;s gy;NtW ,izag; gf;fq;fis Muha;thu;. cyfshtpa tiy (world wide web - www) ,izaj;jpD}lhf njhlu;Gnfhs;sj;jf;f cyfshtpa uPjpapy; njhlu;gLj;jg;gl;Ls;s Mtzq;fspd; njhFg;Ng www MFk;.

cs;s

kP,izg;Gf;fshy;

(Hyperlink);

www MdJ Tim Burners Lee vd;w Rtpw;rpyhe;ij Nru;e;j tpQ;Qhdpapdhy; mwpKfk; nra;ag ; l;lJ. ,t; Mtzq;fs; cyfshtpa uPjpapy; ,Uf;ff; $ba ,iza Nritafq;fspy;(Internet servers) itf;fg;gl;bUf;Fk;. ,iza cyhtpapd; %yk; ,izag; gf;fq;fis mDf KbAk;. ,t;tpizag;gf;fq;fshdJ vOj;Jf;fs; (Text), glq;fs;(Pictures), fpugpf];, tPbNah kw;Wk; xyp Nghd;w gy;Y}lf juTfis nfhz;bUf;Fk; nra;Ak;. ,izaj;jsj;jpd; fl;likg;igAk; cs;slf;fj;ijAk; nghWj;J gpd;tUkhW tifg;gLj;jg;gLk;. 1. jfty;fis toq;Ftjw;fhd ,izaj;jsq;fs; (Informational Website) 2. ,iza nfhLf;fy; thq;fSf;fhd (,iza tu;j;jf) ,izaj;jsk; (e-commerce) 3. gadu;fSf;fpilNa ,ilj;njhlu;Gfis Nkw;nfhs;tjw;fhd ,izaj;jsq;fs; (r%f tiyj;jsq;fs;) – (Social Networking) 4. fspahl;lq;fSf;fhd (nghOJ Nghf;fpw;fhd) ,izaj;jsq;fs;. 5. NjLjs ,izaj;jsq;fs; (Search engine) 6. Nfhg;Gf;fis gfpu;tjw;fhd ,izaj;jsq;fs; (File Sharing) 7. tiyg;gjpTfs; kw;Wk; Md;iyd; jpdf;Fwpg;G (Blogs and Online Diaries) 8. fk;gdpfspd; ,izaj;jsq;fs; (Company website)

1. jfty;fis toq;Ftjw;fhd ,izaj;jsq;fs; (Informational Website) ,t;tpizaj;jsq;fs; Fwpg;gpl;l Jiw rhu; jfty;fis my;yJ gy;NtW Jiwfs; kw;Wk; tplaq;fs; njhlu;ghd juTfis toq;Ftjw;fhd ,izajjsq;fshFk;. cjhuzk;: Wikipedia.com, www.cnn.com, moe.gov.lk

2. ,iza nfhLf;fy; thq;fSf;fhd (,iza tu;j;jf) ,izaj;jsk; (e-commerce) ,izaj;jpD}lhf nghUl;fs; kw;Wk; Nritfspid tpw;gid nra;tjw;fhd ,izaj;jsq;fshFk;. ,t;tpizaj;jsq;fs; nghUl;fis ,izag;gf;fq;spy; fhl;rpg;gLj;JtNjhL ,yj;jpudpay; gzml;ilfis gad;gLj;jp gupkhw;wq;fis Nkw;nfhs;tjw;fhfTs;s ,izaj;jsq;fshFk;. cjhuzq;s;: amazon.com, ebay.com, alibaba.com 3. gadu;fSf;fpilNa ,ilj;njhlu;Gfis Nkw;nfhs;tjw;fhd ,izaj;jsq;fs; (r%f tiyj;jsq;fs;) – (Social Networking) ngsjPf njhlu;gpidg; NgzhJ vOj;Jf;fs;, glq;fs;, xyp kw;Wk; xspf;fis kha r%fq;fSf;fpilNa kw;Wk; cyfshtpa uPjpapy; ,Uf;ff; $ba ez;gu;fSf;fpilNa glq;fs;, xyp kw;Wk; xspf;fisg; gupkhWtjw;fhf Vw;gLj;jg;gl;l ,izaj;jsq;fshFk;. cjhuzq;fs;: www.facebook.com, www.twitter.com, yahoomessenger.com, etc

4. fspahl;lq;fSf;fhd (nghOJ Nghf;fpw;fhd) ,izaj;jsq;fs;. nghOJ Nghf;fpw;fhd tpisahl;Lf;fs; kw;Wk; jpiug;glq;fis gadu;fSf;F toq;Ftjw;fhf ,izaj;jsq;fshFk;. ,t;tpizaj;js Nritfis gadu; gzk; nrYj;jpAk; NkYk; ,ytrkhfTk; gad;gLj;j KbAk;.

cs;s

cjhuzq;fs;: http://disney.com, www.playkidsgames.com

5. NjLjs ,izaj;jsq;fs; (Search engine) ,izaj;jpy; gutpf; fzg;glf; $ba vz;zw;w ,izaj;jsq;fSf;F kj;jpapy; Fwpj;j ,izaj;jsj;ij Njbj;jUtjw;fhf cs;s xU ,izaj;jskhFk;. My;yJ www tpy; xU Fwpj;j jftypid Njbg; ngw;Wf; nfhs;tjw;fhf cs;s ,izaj;jskhFk;. cjhuzq;fs;: www.google.com, www.yahoo.com, www.aol.com, etc

1 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

6. Nfhg;Gf;fis gfpu;tjw;fhd ,izaj;jsq;fs; (File Sharing) nkd;nghUl;fs; kw;Wk; Mtzq;fis gfpu;tjw;fhd ,izaj;jsq;fshFk;. ,t;tpizaj;jsj;jpy;; mjpy; gjpT nra;Js;s gadu;fs; Mtzq;fs; kw;Wk; nkd;nghUl;fspid gpwu; gjptpwf;fk; nra;tjw;fhf gjpNtw;wk; nra;jpUg;gu;. ,t;thwhd nkd;nghUl;fNs ,JthFk;. cjhuzq;fs;: megaupload.com, filehippo.com

7. tiyg;gjpTfs; (Blogs) jdpegu;fs; ,ytrkhf jkJ ngaupy; my;yJ jkf;Fr; nfhs;tjw;fhf ,Uf;ff; $ba ,izaj;jsq;fNs ,JthFk;.

nrhe;jkhf

tiyj;jsq;fis

cUthf;fpf;

cjhuzk;: blogger.com, weebly.com

8. fk;gdpfspd; ,izaj;jsq;fs; (Company website) Tpahghu epWtdq;fs; kw;Wk; epWtdq;fs; jkJ nghUl;fs; Nritfis fhl;rpg;gLj;jTk; tpw;gidf;F gpe;jpa Nritfis toq;fTk; vd ,izaj;jsq;fis itj;jpUf;Fk; ,t;thwhd ,izaj;jsq;fNs ,itahFk;. cjhuzk;: www.dell.com, www.intel.com ,izaj;jsk;  xU ,izaj;jskhdJ ,izag;gf;fj;ij my;yJ ,izag;gf;fq;fis nfhz;bUf;Fk;.  ,izag;gf;fj;jpd; Muk;g gf;fkhdJ Kfg;G gf;fk; (Home Page) Vida gf;fq;fs; rhjhuz gf;fq;fshf mwpag;gLk;.  xU ,izag; gf;fkhdJ vOj;Jf;fs;(Text), glq;fs;, fpuhgpf;, xyp kw;Wk; xspf;fisf; nfhz;L mikf;fg;gl;bUf;Fk; mNjNtis kw;w gf;fq;fs; my;yJ Mtzq;fSld; ,izg;gpid ngWtjw;fhf kP ,izg;Gf;fisAk; (Hiper link) nfhz;bUf;Fk;.  ,izagf;fj;jpd; cs;slf;fkhdJ rl;lfq;fs; (frames), gbtq;fs; (forms), gl;bay;fs;(lists), ml;ltizfs;(tables) Nghd;witfspdhy; xOq;fikf;fg;gl;bUf;Fk;. ,izag; gf;fq;fis tbtikf;Fk; gpd;tUk; tplaq;fs; njhlu;gpy; ftdk; nrYj;j Ntz;Lk;.  Njitahd jfy;fis khj;jpuk; cs;slf;fy;.  Fiwe;j Neuj;jpy; tpsq;fpf; nfhs;sg; NghJkhd jfty;fis xOq;FgLj;jy;. ,q;F ml;ltizfs;> gl;bay;fs; vd;gd cgNahfg;gLj;jg;gLk;.  gy;NtWgl;l egu;fshYk; tpsq;fpf; nfhs;sf; $ba tifapy; gy;NtW khjpupfspd; Clhf jfty;fis vspa nkhop eilapy; ntspaply;.  njspthd tpsf;fKs;s> gpioaw;w FWfpa jiyg;Gfs;> FWfpa trdq;fs; kw;Wk; rpwpa ge;jpfs; MFkhW mikj;jy;.  gadUf;F nraw;wpwDld; jfty;fisj; NjLtjw;F NjLk; jlitfs; kw;Wk; gf;f vz;zpf;iffs; vd;gtw;iw ,aYkhdtiu Fiwj;jy;.  tplaq;fis xOq;FgLj;Jifapy; gadupdhy; ,yFthf tpsq;fpf; nfhs;sf; $ba tifapy; njhlu;G gLj;jg;gl;bUf;Fk; jfty;fis Xuplj;jpy; mikj;jy;.  jfty;fspd; fhyj;jpw;Nfw;wjhfTk; gf;frhu;gpd;wpAk; ,Uj;jy;.  ,izag;gf;fnkhd;wpd; ,ilKfk; ftu;r;rpfukhdjhf ,Uj;jy; kw;Wk; mjw;fhf vOj;Jf;fspd; msT> tbtk; kw;Wk; tu;zk; vd;gtw;wpd; kPJ ftdQ; nrYj;jy;  nghUj;jkhd ryd kw;Wk; rydkw;w glq;fis gpuNahfg;gLj;jy;.  ,izag;gf;fq;fs; jahupf;Fk; NghJ rl;lfq;fs; ghtpf;fg;gLfpd;wd.  tplaq;fis epfo; epiyg;gLj;jy; (Update)

2 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

Hyper Text Markup Language - HTML  kP ciu Rl;L nkhop (Hyper Text Markup Language) vd;gjd; RUf;fpa tbtNk HTML MFk;.  ,r;Rl;Lk; nkhopahdJ (Markup Language) MdJ Rl;Lk; FwpaPLfis (Markup Tags) nfhz;L tbtikf;fg;gl;bUf;Fk;.  xt;nthU HTML FwpaPLk; tpj;jpahrkhd Mtz cs;slf;fq;fis tpgupf;fpd;wJ.  ,t; HTML Rl;Lk; FwpaPLfisf; nfhz;L ,izag;gf;fq;fs; cUthf;fg;gLfpd;wJ.  HTML FwpfshdJ mk;GKid milg;gpDs; tuf;$ba Kf;fpakhd nrhy;yhFk; cjhuzk;: ,  NkYk; ,t; FwpfshdJ NrhbfshfNt tUk; KjyhtJ Fwp Muk;g FwpahfTk; ,uz;lhtJ Fwp KbTWj;jy; FwpahfTk; ,k;KbTWj;jy; FwpahdJ mjd; ngaUf;F Kd;dhy; slashI itj;jpUf;Fk;;. cjhuzk;: Muk;gf; Fwp KbTWj;jy; Fwp , Muk;gf; Fwp KbTWj;jy; Fwp  HTML gf;fq;fis Adobe Dreamweaver, Microsoft Expression Web, CoffeeCup HTML Editor Nghd;w njhopy;Kiw nkd;nghUl;fs; %yKk; cUthf;f KbAk; mNj Neuk; Notepad Nghd;w Text Editor %yKk; cUthf;f KbAk;.  HTML Mtzq;fshdJ cyhtp nkd;nghUl;fisg; gad;gLj;jpNa jpwf;fg;gLk;.

NotePad I gad;gLj;jp HTML gf;fq;fis cUthf;fy;  HTML Tag fis nfhz;L HTML Mtzq;fs; cUthf;fg;gLk;  Mdhy HTML Mtzj;ij Nrkpf;fpd;wNghJ (Save) Mtzj;jp ngaUld; mjd; ePl;bg;ghf(extension) “.html”, “.htm” vd toq;f Ntz;Lk;. cjhuzk; : home.html, profile.htm

HTML Tags 



















cjhuzk; 



cjhuzk;

tagapDs;NsNa vOjg;gLk; --> : Home : vdJ ,izaj;jsj;jpw;F cq;fis tuNtw;fpd;Nwd;

tag,d; gz;Gfs; (Attribute): gz;Gfs; vdg;gLtJ Fwpj;j Tag njhlu;ghd Nkyjpf jfty;fis juty;yJ ,J Fwpj;j TagI tpgupf;f gad;gLj;jg;gLk; mk;GKid milg;gpDs; Fwpj;j Tagw;F gpd; vOjg;gLk;. ,jd;NghJ gz;gpd; ngau; kw;Wk; mg;ngau; nfhz;bUf;ff; $ba ngWjpfs; vd;gtw;iw ,J nfhz;bUf;Fk;. ,e;j mbg;gilapy; tag nfhz;bUf;ff; $ba gz;Gfshf gpd;tUtdtw;iwf; Fwpg;gplyhk; bgcolor = “red” (or ABC345) ,izag;gf;fj;jpd; cs;slf;fg;gFjpapd; gpd;dzp vd;d tu;zj;ij nfhz;bUf;f Ntz;Lk; vd;gij ,J jPu;khdpf;Fk;. ,t; epwj;jpid gjpdWk vz;ngWkjpapYk; Fwpg;gplyhk; cjhuzk;: background = “slflag.jpg” ,e;j gz;ghdJ cs;slf;fg;gFjpapd; gpd;dzp vd;d glj;jpid nfhz;L fhzg;glNtz;Lk; vd;gjpid ,J jPukkhdpf;Fk;. ,jd;NghJ gpd;dzpapy; cs;slf;f Ntz;ba glk; ,izag;gf;fj;ij Nrkpj;jpUf;ff; $ba miltpDs; (folder) ,Uf;Fkhapd; glj;jpid ngaupid mjd; ePl;bg;Gld; Fwpg;gpl Ntz;Lk;. ,y;yhtpl;lhy; mg;glj;jpid milaf; $ba KO KftupapidAk; Fwpg;gplNtz;Lk;. mjhtJ xU glk; D:/picture vDk; miltpDs; ,Uf;Fkhapd; mjid KOikahf Fwpg;gplNtz;Lk; cjhuzk;:

3 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

HTML Nfhg;G 1: Home Page Wel Come to My Web Site

,t; HTML tagfSf;fhd ,izag;gf;fk; gpd;tUkhW cyhtpapy; Njhd;Wk; f;fhd gFjp

tag Muk;gpj;J KbAk; tiu Tag fSf;f ,ilNa vOjg;gLgit ,q;F Njhd;Wk;

Lab Work 01: 3 tpj;jpahrkhd glk; kw;Wk; tu;zk; cila cs;slf;f gpd;ddpiaAila ,izag; gf;fj;ij tbtikf;Ff.

 jiyg;GfSf;fhd HTML Tagfs; ………. ,izag;gf;fq;fSf;F jiyg;gpid ,Ltjw;fhf gpd;tUk; HTML tagfs; gad;gLj;jg;gLk;. ,jw;fhf njhlf;fk; tagfs; gad;gLj;jg;gLk;.

gz;Gfs;(attribute) : jiyg;GfSf;fhd Tag fspDs; gad;gLj;j align gz;G gad;gLj;jg;gLk;. ,e;j Tag MdJ Fwpj;j jiyg;gpd; miktplj;ij jPu;khdpf;Fk; ngWkjpfis mjhtJ tyJ, ,lk;, kj;jp, rkkdhd (right, left, center, justify) vd;gjpidahFk;.

cjhuzk;1:

4 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

HTML Nfhg;G 2: This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6

 ge;jpaikg;Gf;fhd HTML Tagfs; -



,jw;fhf tagfs; gad;gLj;jg;gLk;. Gjpa ge;jpapid Muk;gpf;fpd;wNghhJ ,e;j Tag gad;gLj;jg;gLk;. ,jd;NghJ ge;jpapd; NkNy xU tup ,ilntsp ,lg;gLk; mNjNghy; ge;jpapd; KbtpYk; ,ilntsp ,lg;gLk;. NkYk; apDs; vj;jid ,ilntsp tpl;lhYk; mjid xU ,ilntspahfNt nfhs;Sk;.

gz;Gfs; (attribute): ,jw;fhf align gz;G gad;gLj;jg;gLk;. ,J gpd;tUk; ngWkjpfisf; nfhz;bUf;Fk; right, left, center, justify.

cjhuzk;: HTML Nfhg;G 3: This paragraph contains a lot of lines in the source code, but the browser ignores it. This is after the paragraph

 tupfspid Kwpg;gjw;fhd HTML Tag -



,jw;fhf tag gad;gLj;jg;gLk;. ge;jpapid Muk;gp;f;fhJ xU tupapid mLj;j tupapy; Muk;gpf;f Ntz;Lkhf ,Ue;jhy; ,e;j Tag gad;gLj;jg;gLk;. ,e;j tag MdJ KbTWj;jy; tag ,id nfhz;bUf;fhJ mjhtJ tag ,id nfhz;bUf;fhJ.

cjhuzk;: This paragraph break by after this tag this line will start in new line

5 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

HTML Nfhg;G 4: This paragraph contains a lot of lines in the source code, but the browser ignores it.  vOj;Jf;fspid mjd; KO tbtikg;Gld; fhl;rpg;gLj;Jtjw;fhd HTML Tag -



,e;j tag MdJ vOj;Jf;fspid jl;lr;R nra;fpd;wNghJ gpd;gw;wg;gLk; ,ilntspfs; kw;Wk; tbtikg;Gf;fis mt;thNw fhl;rpg;gLj;Jk;. HTML Nfhg;G 5: This paragraph contains a lot of lines in the source but the browser

code,

ignores it.

Lab work 2: ,e;j ntspaPl;bid juj;jf;f ,izag;gf;fj;jpidj; tbtikf;Ff

 vOj;JU (Font) HTML Tags -



vOj;JUf;fis tpj;jpahrkhd tbtq;fspy;, mstpy; kw;Wk; epwj;jpy; vd tbtikg;G nra;tjw;fhf ,e;j tag gad;gLj;jg;gLk;.

gz;Gfs; (Attribute): ,J gpd;tUk; gz;Gfisf; nfhz;L fhzg;gLk; face: ,J vOj;JUtpd; ngaiuf; nfhz;bUf;Fk; c-k;: Thaoma, Bamini size: vOj;JUtpd; msitf; nfhz;bUf;Fk;. c-k;: 10, 12 color: vOj;JUtpd; epwj;ijf; nfz;bUf;Fk; c-k;: red, acd250(Hexa no)

cjhuzk;:

6 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

 vOj;JU tbtikg;Gfs; (font formatting) vOj;JUf;fis gpd;tUkhU tbtikg;Gr; nra;ayhk;.  Bold c-k;: bold  Strong c-k;: strong  Italic c-k;: Italic  Emphasized c-k;: Emphasized  Marked c-k;: Marked  Small c-k;: Small  Deleted c-k;: Deleted  Inserted c-k;: Inserted  Subscripts c-k;: Subscripts  Superscripts c-k;: Superscripts

glk;: 2

Lab work 3: glk;: 1, glk;: 2 cs;sthW Njhd;wr; nra;f glk;: 1

 Comment HTML Tag -

,e;j tag ,Ds; vOjg;gLg; vjidAk; cyhtpahdJ ntspg;gLj;jhJ khwhf HTML Mtzj;jpy; gadu; Nkyjpf tpsf;fq;fSf;fhf vd ,e;j tag ,idg; gad;gLj;jp vOJtu;.

cjhuzk; :

gl;bay;fs; (List) ,izag; gf;fq;fspy; tplaq;fis xOq;FgLj;Jtjw;fhf gad;gLj;jg;gLk; xU KiwNa tplaq;fis gl;bay; gLj;jyhFk;. ,g;gl;bay; gLj;jyhdJ gpd;tUk; Kiwfspy; ,lk;ngUk;. 1. xOq;FgLj;jg;gl;l gl;bay; (Ordered List) 2. xOq;FgLj;jg;glhj gl;bay; (Unordered List) 3. tpsf;fkspf;fg;gl;l gl;bay; (Description List)  xOq;FgLj;jg;gl;l gl;bay; (ordered List) HTML Tag - ,e;j tag MdJ tplaq;fis ,q;F fhl;lg;gl;lthW xd;wd; gpd; xOq;fhf gl;bay; gLj;j gad;gLj;jg;gLk;. ,e;j tag MdJ ,y; Muk;gpf;Fk; mNjNtis tplaq;fshdJ vDk; tag ,Ds; vOjg;gLk;.



1. One 2. Two 3. Three

a. One b. Two c. Three

i. One ii. Two iii. Three

gz;Gfs;(attribute) : tag MdJ type vDk; gz;gpid nfhz;bUf;Fk;. ,J gl;bayhdJ

vt;thW gl;bay;gLj;jg;gl Ntz;Lk; vd;gjpid tiuaiw nra;Ak;. ,J gpd;tUk; ngWkjpfisf; nfhz;bUf;Fk;. type = 1 gl;bayhdJ 1. 2. 3. 4. vd gl;bay;gLj;jg;gLk; type = A gl;bayhdJ A. B. C. D. vd gl;bay;gLj;jg;gLk; type = a gl;bayhdJ a. b. c. d. vd gl;bay;gLj;jg;gLk; type = I gl;bayhdJ I. II. II. IV. vd gl;bay;gLj;jg;gLk; type = i gl;bayhdJ i. ii. iii. iv. vd gl;bay;gLj;jg;gLk; ,d;DnkhU gz;G start MFk; gl;bay; ngWkjpahdJ vj;jidapypUe;J Muk;gpf;f Ntz;Lk; vd;gjpid ,J tiuaiw nra;Ak; c-k;: start = 3 HTML Nfhg;G 6: One Two Three

7 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

 xOq;FgLj;jg;glhj gl;bay; (Unordered List) HTML Tag -



,e;j tag MdJ tplaq;fis ,q;F fhl;lg;gl;lthW xd;wd; gpd; xd;whf xU xOq;ifg; gpd;gw;whJ gl;bay; gLj;j gad;gLj;jg;gLk;. ,e;j tag MdJ ,y; Muk;gpf;Fk; mNjNtis tplaq;fshdJ vDk; tag ,Ds; vOjg;gLk;

gz;Gfs;(attribute) : tag MdJ type vDk; gz;gpid nfhz;bUf;Fk;. ,J gl;bayhdJ vd;d FwpaPLfis gad;gLj;jp gl;bay;gLj;jg;gl Ntz;Lk; vd;gjpid tiuaiw nra;Ak;. ,J gpd;tUk; ngWkjpfisf; nfhz;bUf;Fk;. type = ‚disc‛ gl;bayhdJ  FwpaPl;Lld; gl;bay;gLj;jg;gLk; type = ‚circle‛ gl;bayhdJ  FwpaPl;Lld; gl;bay;gLj;jg;gLk; type = ‚square‛ gl;bayhdJ  FwpaPl;Lld; gl;bay;gLj;jg;gLk; HTML Nfhg;G 7: One Two Three

Lab work 4: gpd;tUkhW Njhd;wf; $ba ,izag;gf;fj;jpid tbtikf;Ff

 tpsf;fkspf;fgl;l gl;bay; (Description List) HTML Tag -



,e;j Tag MdJ gpd;tUk; Tagfis jd;dfj;Nj nfhz;bUf;Fk;. ve;j thu;j;ijia tpgupf;f Ntz;Lk; vd;gjpid nfhz;bUf;Fk;. ,e;j tag MdJ tag ,dhy; Fwpj;Jf; fhl;lg;gl;l thu;j;ijf;fhd tpguq;fis nfhz;L fhzg;gLk;. ,t; %d;W tagfSk; KbTWj;jg;gL. HTML Nfhg;G 8;:

A Description List Coffee - black hot drink Milk - white cold drink

8 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

gy;Y}lfq;fis ,izag;gf;fJld; Nru;j;jy; glk;, xyp, xspf;fis ,izag;gf;fj;Jld; ,izf;fyhk; ,jw;fhf gy;NtW tags fs; gad;gLj;jg;gLfpd;wd.  glq;fis ,izag;gf;fj;Jld; Nru;g;gjw;fhd HTML Tag - ,jw;fhf tag gad;gLj;jg;gLk;. ,jw;fhf gpd;tUk; gz;Gfs; gad;gLj;jg;gLk;. ,J KbTWj;jy; Tag I nfhz;bUf;fhJ.

gz;Gfs;(attribute): src ,J ,izag;gf;fj;Jld; Nru;f;fg;glNtz;ba glk; vJ vd;gij Fwpf;f ,J gad;gLj;jg;gLk;. ,jd;NghJ ,izag;gf;fk; ,Uf;ff; $ba miltpapDs; Fwpj;j glKk; ,Ue;jhy; glj;jpd; ePl;Lg;Gld; mJ gpd;tUkhW Fwpf;fg;gLk;.

cjhuzk; : . glk; NtnwhU miltpapDs; ,Uf;Fkhapd; mg;glj;jpw;fhd KO ghijapidAk; Fwpg;gpl Ntz;Lk; mjhtJ xU glk; D:/picture vDk; miltpDs; ,Uf;Fkhapd; mJ gpd;tUkhW Fwpg;gplg;gLk;

cjhuzk;: NkYk; glkhdJ ,izaj;jsq;fspy; ,Ue;jhYk; mJTk; gpd;tUkhW Fwpf;fg;gLk;.

alt gz;ghdJ Fwpj;j glj;jpd; kPJ Rl;bapd; Kidapid Nkw;nfhz;L tUk;NghJ Njhd;wf; $ba ngau; my;yJ vOj;Jf;fshFk;. cjhuzk; : width, height ,g;gz;Gfs; ,izag; gf;fj;jpy; Njhd;wf; $ba glj;jpd; ePs mfyj;ij Fwpg;gjw;fhf gad;gLj;jg;LtjhFk;. cjhuzk; :  xyp, xsp kw;Wk; mirT+l;ly;fis Nru;g;gjw;fhd HTML Tag -



,jw;fhf gad;gLj;jg;gLk;. mNjNeuk; mJ gpd;tUk; gz;Gfisf; nfhz;bUf;Fk;. ,jd; NghJ xsp kw;Wk; xypf;fhd Nfhg;G gpd;tUk; ePl;bg;Gf;fis nfhz;bUf;Fk;: .mid, .mp3, .wav, .mpeg, .wmv kw;Wk; mirT+l;ly;fSf;fhd ePl;bg;Gf;shf .swf, .gif

gz;Gfs; (attribute): src ,J Fwpj;j Nfhg;gp;d; miktplj;ij Fwpg;gjhFk;. cjhuzk; : height, width ,J Fwpj;j Nfhg;gpd; ePs mfyj;ij Fwpf;f gad;gLj;jg;gLk;. cjhuzk; :  ,izag;gf;fj;Jld; ntsp ,izag;gf;fq;fs; kw;Wk; Mtzq;fs;Sf;F ,izg;Gf;s;fs; toq;Ftjw;fhd HTML Tag - (anchor Tag) ,izag;gf;fj;Jld; gpw ,izag;gf;fq;fs;, ,izg;gjw;fhf gad;gLj;jg;Lk;.

Mtzq;fs;

(text,

audio,

video)

Nghd;wtw;iw

gz;Gfs;(attribute): href ,g;gz;Gld; kPapizg;gp;wf ; hd Mtzq;fs; ,izf;fg;gLk;. ,t;thtzq;fs;

Mtzj;ijg; cjhuzk;: Wedding Animation



w;F ,ilNa tUk; vOj;Jf;fspd; kPJ Rl;bapid nfhz;L nry;Yfpd;w NghJ mJ

Mf khWk;. mjid fpspf nra;jhy; href apy; Fwpg;gplg;gl;Ls;s Mtzj;jpid ,izag;gf;fj;jpw;F nfhz;L tUk;.

9 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

Lab work 5: (2011 August)

Lab work 6: (2012 August) Jav agro Technologies vd;gjpid fpspf; nra;jhy; http://www.javagrotec.com ,izaj; jsKk; Lanka agri systems pvt Ltd vd;gjpid fpspf; nra;jhy; .; http://www.lkagrisys.com ,izaj;jsKk; Njhd;wNtz;Lk

10 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

 ml;;ltizf;fhd HTML Tag -



ml;ltizapid cUthf;Ftjw;f tag gad;gLj;jg;gLk;. mNjNeuk; ,J rpy gz;Gfisf; nfhz;bUf;Fk;. gz;Gfs;(attribute): border ,J ml;ltizapd; border ,d; jbg;gj;ij Fwpf;fg;gad;gLj;jg;gLk;. cjhuzk; : ,d;DnkhU gz;G align MFk; Bgcolor ,J MdJ ml;ltizapd; gpz;ddp vd;d epwj;jpy; Njhd;w Ntz;Lk; vd;gjhFk; width gz;ghdJ ml;ltizahdJ vd;d mfyj;jpy; fhzg;glNtz;Lk; vd;gjpid tiuaiw nra;Ak; cjhuzk;: ml;ltizapd; epiuapid cUthf;f tag gad;gLj;jg;gLk; mNjNtis xt;nthU cell IAk; me;epiuapy; cUthf;f tag k; gad;gLj;jg;gLk; HTML Nfhg;G 9;: 1st row 1st 1st row 2nd 2nd row 1st 2nd row 1st

Cell Cell

Cell Cell

gz;Gfs; (attribute): tag MdJ bgcolor, align Mfpa gz;Gfisf; nfz;bUf;Fk;. tag MdJ jiyg;Gf;fisf; nfhz;l epiufis cUthf;f gad;gLk;. tag MdJ bgcolor, align, rowspan MdJ xU epiuahdJ vj;jid epiufspd; ,lj;ij nfhz;bUf;f Ntz;Lk; vd;gij tiuaiw nra;a gad;gLk; HTML Nfhg;G 10: 1st row 1st Cell 1st row 2nd Cell 2nd row 1st Cell colspan MdJ xU epiu vj;jid cellfspd; ,lj;jijf; nfhz;bUf;f Ntz;Lk; vd;gij ,J tiuaiw nra;Ak; HTML Nfhg;G 11: 1st row 1st Cell 2nd row 1st Cell 2nd row 1nd Cell

11 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

HTML Nfhg;G 12: 1st row 1st Cell 1st row 2nd Cell 2nd row 1st Cell 2nd row 1nd Cell 2nd row 1nd Cell 2nd row 1nd Cell 2nd row 1nd Cell

Lab work 7: ghlrhiyapy; ckJ tFg;giwf;F toq;fg;gl;l ghlNeu Rrpapid nfhz;l ,izag;gf;fj;jpid tbtikf;Ff. Time

Mon

Tue

Wed

Thu

Fri

Interval

School Over

 rl;lfq;fis cUthf;Ftjw;fhd HTML tags -



gy Mtzq;fis xU ,izag;gf;fj;jpy; fhl;rpg;gLj;Jtjw;fhd rl;lfq;fis cUthf;Ftjw;fhd TagNf ,JthFk;. ,J gpd;tUk; gz;Gfis nfhz;bUf;Fk;. ,w; tagI vOJk; NghJ mt;tpizag; gf;fkhdJ tagI nfhz;bUf;fhJ.

gz;Gfs;(attribute): cols xU ,izag;gf;fj;ij epuy; thupahf vt;thW rl;lfq;fSf;F xJf;fyhk; vd;gJ ,jd; %yk; tiuaiw nra;ag;gLk;. cjhuzk;: ,q;F frameset %d;W gFjpfshf gpupf;fg;gl;Ls;sJ. ,k;%d;W gFjpfSf;Fkhd rl;lfq;fs; tag ,dhy; cUthf;fg;gLk; HTML Nfhg;G 13;:

12 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

rows ,g;gz;ghdJ epiuthupahf ,izag;gf;fj;ij vt;thW rl;lfq;fSf;F xJf;fyhk; vd;gjpid tiuaiw nra;fpd;wJ cjhuzk;: ,q;F frameset %d;W gFjpfshf gpupf;fg;gl;Ls;sJ. ,k;%d;W gFjpfSf;Fkhd rl;lfq;fs; tag ,dhy; cUthf;fg;gLk; HTML Nfhg;G 14;:

 tag MdJ gpd;tUk; gz;Gfisf; nfhz;bUf;Fk;.

gz;Gfs;(Attribute): src, scrolling ,g;gz;ghdJ yes, no, auto Mfpa gz;Gfisf; nfhz;bUf;Fk;. HTML Nfhg;G 14;:

13 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

Lab work 8: gpd;tUkhU rpj;jupf;fg;gl;lthW Njhd;wf; $ba ,izag;gf;fj;jpid rl;lfq;fspd; cjtpAld; tbtikf;Ff. 20% Blue

60% Red

20% Green

50% Yellow

50% Pink

50%

50% Black

 gbtq;fs; (Forms) f;fhd HTML tags -



,e;j tagfhdJ gbtq;fis cUthf;Ftjw;fhd rpy $Wfisf; nfhz;bUf;Fk;. mf;$WfshdJ jkf;fhd rpy html tagfisf; nfhz;bUf;Fk;. mf;$Wfshf gpd;tUtdtw;iwf; Fwpg;gplyhk;.  …… tag – xU gbtkhdJ ,e;j tag clNdNa Muk;gpf;Fk;. ,e;j tag MdJ gpd;tUk; gz;Gfisf; nfhz;bUf;Fk;.

gz;Gfs;(attribute): action ,g;gz;ghdJ gbtj;jpy; epug;gg;gLk; juthdJ gbtj;ij rku;g;gpf;Fk;

NghJ vq;F rku;g;gpf;fgl Ntz;Lk; vd;gjpid tiuaiw nra;Ak;. gbtkhdJ ,izaNritfj;jpw;F my;yJ ,d;DnkhU ,izag;gf;fj;jpw;F rku;gpf;fg;gLk;. mt;thw ,lj;ij action gz;ghdJ ngWkjpahf nfhz;bUf;Fk;.

cjhuzk;: method ,g;gz;gdJ gbtj;ij rku;g;gpf;Fk; NghJ ve;j HTTP Kiwapd; fPo; rku;g;gpf;f Ntz;Lk; vd;gjpid tiuaiw nra;Ak; ,g;gz;G GET, POST vDk; ,uz;L Kiwfisf; nfhz;bUf;Fk;. GET MdJ rpwpasthd kw;Wk; rhjhuz juTfis rku;;g;gp;f;fg;gad;gL;j;jg;gLk; Mdhy; POST ghJfhg;G kpf;f ngw;Wk; ngupasthd juTfis rku;g;gpf;fg; gad;gLj;jg;gLk;

cjhuzk;: …… ,e;j tag fSf;fpilapy; gpd;tUk; tag fs; gad;gLj;jg;gLk;  tag – gbtj;jpDs; juTfis cs;Eiotpg;gjw;fhfntd cs;s tag fhFk;. ,f;$whdJ type vDk; gz;gpidf; nfhz;bUf;Fk;. ,g;gz;G gbtj;jpw;fhd rpy $Wfis gpujpepjpj;Jtk; nra;Ak; tifapy; rpy ngWkjpfisf; nfhz;bUf;Fk; mjhtJ  ,J Text ngWkjpfis cs;sPL nra;a gad;gLj;;jg;gLk;

gz;G(attribute): input tag MdJ value vDk; gz;gpidAk; nfhz;bUf;Fk; ,e;j gz;G Fwpj;j tag ,d; type vDk; gz;G cyhtpapy; Njhd;Wk; NghJ vd;d ngWkjpapid mjd; Gyj;jpy; nfhz;bUf;f Ntz;Lk; vd;gjpid jPu;khdpf;Fk; name ,g;gz;ghdJ xt;nthU GyKk; rupahf rku;g;gpf;fg;gLtjw;F VJthf ,g;gz;gpidf; nfhz;bUf;f Ntz;Lk;. ,J nghUj;jkhd ngWkjpfspidf; nfhz;L fhzg;gl Ntz;Lk;.

cjhuzk;: First Name: readonly ,;g;gz;gpidf; nfhz;bUf;ff; $ba tag ,d; ngWkjpfis khw;w KbahJ

cjhuzk;: First Name: disabled input GykhdJ gad;gL;j;j KbahjthW Klf;fg;gl;bUf;Fk;

cjhuzk;: First Name: size ,g;gz;ghdJ input Gyj;jpy; cs;Eiof;fg;gLk; vOj;Jf;fspd; vz;zpf;ifia Fwpf;Fk;

cjhuzk;: First Name:

14 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

maxlegnth ,g;gz;ghdJ input Gyj;jpy; cs;Eiotpf;fg;gLk; vOj;Jf;fspd; Mff; $ba vz;zpf;if vOj;Jf;fis tiuaiw nra;Ak;.

cjhuzk;: First Name:  gy njupTfis toq;fp xU njuptpid njupT nra;tjw;fhf gad;gLj;jg;gLk;

gz;G (attribute): ,JTk; value, name, disabled Mfpa gz;Gfisf; nfhz;bUg;gNjhL checked vDk; gz;gpidAk; nfhz;bUf;Fk;. ,g;gz;ghdJ cytpapy; njupTfs; Njhd;Wk; NghJ ve;j njupT njupT nra;ag;gl;bUf;f Ntz;Lk; vd;gjpid jPu;khdpf;Fk; cjhuzk;: Male  gbtj;ij rku;g;gpg;gjw;fhd gl;lid cUthf;Ftjw;fh gad;gLj;jg;gLk;

gz;G (attribute): ,e;j tag MdJ value, disabled vDk; gz;gpidf; nfhz;bUf;Fk; cjhuzk;: HTML Nfhg;G 15: First name: Last name: Male Female  flTr; nrhy; jl;lr;R nra;ag;gLk; NghJ vOj;jpid kiwj;J jl;lr;R nra;ag;gLk; mt;thW jl;lr;R nra;tjw;fhf ,J gad;gLj;jg;gLk;.

gz;G (attribute): ,e;j tag MdJ value, disabled vDk; gz;gpidf; nfhz;bUf;Fk; cjhuzk;:  gadu; G+r;rpak; my;yJ xd;W my;yJ xd;Wf;F Nkw;gl;l njupTfis njupT nra;tjw;F ,J gad;gLj;jg;gLk;.

gz;G (attribute): value, name, disabled Mfpa gz;Gfisf; nfhz;bUf;Fk;. cjhuzk;: Apple HTML Nfhg;G 16: User name : User password : If You are a Guest then Mark the following Guest sri lanka Other Country I've red user agreement

15 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

 …… tag - ,e;j tag MdJ drop – down gl;baiy jahu;gLj;j cs;s tag MFk;. ,e;j tag gpd;tUk; gz;gpidAk; nfhz;L fhzg;gLk;.

gz;G(attribute): name, disabled Nghd;w gz;Gfisf; nfhz;L fhzg;gLk; cjhuzk;:  ……… tag - drop – down gl;baYf;fhd tplaq;fis njupT nra;a ,t; tag gad;gLj;jg;gLk;. ,J ………… ,Ds;Ns gad;gLj;jg;gLk;.

gz;G(attribute): value, selected Mfpa gz;Gfs; gad;gLj;jg;gLk; cjhuzk;: ICT ,t;thW xt;nthU tplaKk; Fwpf;fg;gLk;.

 ………… tag – gy tupfisAila cs;sPlhf toq;Ftjw;fhf ,J gad;gLj;jg;gLk;.

gz;Gfs;(attribute): name, disabled kw;Wk; rows – vj;jid epiufisf; nfhz;bUf;f Ntz;Lk; vd;gjpidAk; cols vj;jid epuy;fisf; nfhz;bUf;f Ntz;Lk; vd;gjpidAk; Fwpf;Fk;;.

cjhuzk;: Type here  ……… tag - ,J button fis cUthf;f gad;gLj;jg;gLk;.

gz;Gfs;(attribute): type kw;Wk; onclick ,e;j gz;ghdJ button fpspf; nra;ag;gl;lJk; vd;d nra;jpapid ntspg;gLj;j Ntz;Lk; vd;gjpidAk; Fwpf;Fk;

cjhuzk;: Click HTML Nfhg;G 17: select a Subject from following List and write Definition of it below ICT Accounting Business Studies Logic Political Science Geography Write the definition of selected subject above Type Definition Here Evaluate

16 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

 …… tag : form tag ,Ds; Fwpf;fg;gLk; juTfis FOthf vy;iyapl;L ,izf;f ,e;j tag gad;gLj;jg;gLk;. ,e;j tag ,Ds; form f;fhd jiyg;gpid ,l gpd;tUk; tag gad;gLj;jg;gLk;  …… tag : ,e;j tag MdJ gbtj;jpw;fhd jiyg;gpid ,l gad;gLj;jg;gLk;.

cjhuzk;: Personal Information



HTML Nfhg;G 18: Personal Information First name: Last name: Male Female

17 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

Lab work 9: ,jpy; Njhd;wf; $bathwhd gbtj;ijj; jahu; nra;f. Submit button I fpspf; nra;jhy; “You have successfully submitted your form ” vd gjpy; Njhd;Wk;

18 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

Cascading Style Sheet – (CSS)    

CSS MdJ HTMLyhy; Md $Wfs; vt;thW Njhd;w Ntz;Lk; vd;gjpid tiuaiw nra;Ak;. CSS rpy Ntiyfis kPs kPs nra;tjpid tpl;Lk; Ntiyapid ,yFgLj;Jk;. KO HTML gf;fq;fSf;fhd tbtkhdJ CSS Nfhg;Gf;fshf Nrkpf;fg;gl;bUf;Fk; CSS MdJ gpd;tUk; %d;W topfspy; HTML Mtzj;Jld; ,izf;fg;gLk;. i. ntspthup CSS Mtzkhf (External ESS) ii. cs;sf CSS Mf (Internal CSS) iii. cs;sf tup CSS Mf (Inline CSS)

i. ntspthup CSS Mtzkhf (External ESS) CSS Nfhg;G cUthf;fg;gl;L mJ Fwpj;j HTML Mtzj;Jld; ,izf;fg;gLk; ,J Fwpj;j Mtzj;jpd; ……… tag ,Ds; cs;s tag Ds; mioj;J gad;gLj;jg;gLk;.

cjhuzk;:

mystyle.css MdJ ntspapy; cs;s CSS Nfhg;ghFk;. ii. cs;sf CSS Mf (Internal CSS) HTML Mtzj;jpd; ……… gFjpapDs; ……… vDk; tag Ig; gad;gLj;jp mt; Mtzj;jpw;fhd CSS tbtikg;G vOjg;gLk;. cjhuzk;: body { background-color: linen; } h1 { color: maroon; margin-left: 40px; } iii. cs;sf tup CSS Mf (Inline CSS) HTML Mtzj;jpy; cupa tag fspDs;Ns CSS tbtikg;ghdJ ,k;Kiwap;d; fPo; Nkw;nfhs;sg;gLk;. ,jd; NghJ cupa tag,Ds; style gz;gpid gad;gLj;jpNa CSS tbtikg;Gfs; vOjg;gLk;.

cjhuzk;:

This is a heading.

CSS mikg;G (CSS Syntax) CSS tpjp gpufldkhdJ xu; NjupT nra;gtiuAk; xU gpufld njhFjpiaAk; nfhz;bUf;Fk;. (Selector) njupT nra;gtu;

gpufldk;

gpufldk;(Declaration)

h1 { color:blue; font-size:12px; ,ay;G(properties)

ngWkjp(value)

xU gpuflg;gLj;jy; njhFjpahdJ miukhj;jpiuahy;; gpupf;fg;gl;l xd;Wf;F Nkw;gl;l gpufldq;fisf; nfhz;bUf;Fk;. xt;nthU gpufldKk; jkf;fhd ,ay;G ngau; kw;Wk; mjw;fhd ngaiuAk; nfhz;bUf;Fk;.

CSS Background color body { background-color: #b7876c; }

19 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

h1 { background-color: #0fffaa; } p

{ background-color: ‚red‛;

}

CSS Background image body { background-image: url("paper.gif"); }

CSS text color body { color: blue; } h1 { color: #00ff00; } h2 { color: rgb(255,0,0);

CSS text Alignment h1 { text-align: center; } p.date { text-align: right; } p.main { text-align: justify; }

CSS font p { font-family: "Times New Roman"; font-style: italic; font-size: 30px; }

CSS link a:link { color: #FF0000; } /* visited link */ a:visited { color: #00FF00; } /* mouse over link */ a:hover { color: #FF00FF; }

20 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

/* selected link */ a:active { color: #0000FF; }

CSS list ul { list-style-type: none; padding: 0px; margin: 0px; } ul li { background-image: url(sqpurple.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; }

CSS border p.one { border-style: solid; border-width: 5px; } p.two { border-style: solid; border-width: medium; } h1 { text-align: center; } p.date { text-align: right; } p.main { text-align: justify; } CSS text-align Example May, 2009 In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.' Note: Resize the browser window to see how the value "justify" works. 21 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com

22 | ILM.Irfan

A/L ICT||Competency 10

learnbyself.com