jhlug; hd tpsff; k; khop gw;wpa vspikahd mwpT › moodle...,ytr tpepNahfjj; pwf; hf 141,e;j...

141,ytr tpepNahfj;jpw;fhf

,e;j mj;jpahaj;ijf; fw;gjd; %yk;

gy;Y}lfk; njhlu;ghd vspikahd mwpKfk;

cyfshtpa ,izak; (tiy) (World Wide Web) njhlu;ghd tpsf;fk;

,izaj; jsq;fis (tiyf;flg;gplq;fis) cUthf;Ftjw;fhfg;

gad;gLj;jj;jf;f fUtpfs;> nkd;nghUs;fs; gw;wpa mwpKfk;

,izaj; jsq;fis (tiyf;flg;gplq;fis) cUthf;Ftjw;fhd

HTML nkhop gw;wpa vspikahd mwpT

Mfpad gw;wpa tpsf;fj;ijg; ngw;Wf; nfhs;syhk;.

egu;fSf;fpilapyhd fUj;Jg; gupkhw;wk; njhlu;ghly; (Communi-

cation) vdg;gLk;. ,d;iwa njhopDl;g Kd;Ndw;wk; fhuzkhf tupAUf;fs;

(Characters)" nrhw;fs; (Words)" juT (Data)" xspg;glq;fs; (Photos)" xypfs;

(Sounds)" mirt+l;lq;fs; (Animations), xspj;Njhw;wq;fs; (Videos) Nghd;wtw;iwg;

gad;gLj;jp jfty;fisg; gupkhwpf; nfhs;s Kbfpd;wJ. fzpdpAk;

njhlu;ghlYk; xd;Wlndhd;W ,ize;J nfhz;likahy; Clfq;fisf;

ifahSk; Mw;wy; fzpdpf;Ff; fpilj;Js;sJ. ,jd;tpisthf jftw;

njhopDl;gk; (Information Technology) vDk; vz;zf;fUTk; ,izaj;

njhopDl;gKk; ,izahf tpUj;jpaile;Js;sd. mj;Jld; g+Nfhsf; fpuhkk;

(Global Village) vDk; vz;zf;fUTk; cUthfpAs;sJ. ,itnay;yhk; ,d;W

ehk; thOk; r%fk; Nra;ikahd xU r%fky;y vd;gij vkf;F vLj;Jf;

fhl;Lfpd;wd. NkYk;> md;W juTfisf; fzpg;gjw;fhf khj;jpuk;

cUthf;fg;gl;l fzpdp> ,d;W gy;Y}lfj; njhopDl;gj;ijg; (Multimedia

Technology) gad;gLj;jp jfty; gupkhw;wj;jpy;

142 ,ytr tpepNahfj;jpw;fhf

gy;Y}lfk; (Multimedia) vd;gJ ahJ? gy;Y}lfk; vDk; nrhy;

cq;fSf;Fg; Gjpa xd;whf ,Uf;ff; $Lk;. gy;NtW Clfq;fspd;

Nru;khdNk gy;Y}lfk; vdg;gLfpd;wJ. Gjpdj;jhs;fs; (Newspapers)"

rQ;rpiffs; (Magazines)" jpiug;glq;fs; (Films)" thndhyp(Radio)"

njhiyf;fhl;rp (Television) Nghd;w njhlu;ghly; Clfq;fspd; Nru;khdkhf

gy;Y}lfj;ij tiutpyf;fzg;gLj;jyhk;. NkNy Fwpg;gpl;l tupAUf;fs;

(Characters)" nrhw;fs; (Words)" juTfs; (Data)" xspg;glq;fs; (Photos),

tiutpay;fs; (Graphics)" xypfs; (Sounds)" mirt+l;lq;fs; (Animations),

xspj;Njhw;wq;fs; (Videos) Nghd;wtw;iwg; gad;gLj;jp jfty;fisg; gupkhwpf;

nfhs;sy; tpUj;jpaile;jikahy; ,d;W gy;Y}lfj; njhopDl;gk; (Multi-

media Technology) vkf;Ff; fpilj;Js;sJ.

,t;thwhd gy;Y}lfj; njhopDl;gj; jfty;fs; ,izaj;jpYk; gy;NtW

JiwfspYk; gutyhfg; gad;gLj;jg;gLfpd;wd. Kf;fpakhf fy;tpj;Jiw>

ve;jputpaw; Jiw> Rw;Wyhj; Jiw> nghOJNghf;Fj; Jiw> rpj;jpupg;Gj;

Jiw Nghd;wtw;wpYk; tu;j;jf cyfpy; gy;NtW re;ju;g;gq;fspYk;

Muha;r;rpg; gzpfspYk; gad;gLj;jg;gLfpd;wd. ,q;F fy;tpj;Jiwia

tpNrlkhff; Fwpg;gpl Ntz;bAs;sJ. ,yj;jpudpay; fy;tp (e-education)

nray;Kiw> fzpdprhu; fy;tp> ,izak; (web) rhu;fy;tp> fzpdpf;

fiyf;fsQ;rpa cUthf;fk; Nghd;wtw;wpy; gy;Y}lfj; njhopDl;gk;

gutyhfg; gad;gLj;jg;gLfpd;wJ. ,t;thwhd re;ju;g;gq;fspy;> tpupthd

jfty;fNshL> mit njhlu;ghd tptuq;fs;> xspg;glq;fs;> ,Ugupkhz

cUf;fs;> Kg;gupkhz cUf;fs; Nghd;wtw;wpd; %yKk; Kd;itf;fg;gLk;.

Nkyjpf tpguq;fs; Njitg;gLk; re;ju;g;gq;fspy; mirt+l;lq;fs; (Animations),

xspj;Njhw;wq;fs; (Videos) Nghd;witAk; Kd;itf;fg;gLk;. rpy

re;ju;g;gq;fspy; nkhopia cr;rupf;Fk; tpjk;> gwitnahd;wpd; ,dpikahd

ehjk; Nghd;w xyp tbtq;fSk; Kd;itf;fg;gLk;.

ePq;fs; ntspehl;by; ,Uf;Fk; cq;fs; ez;gnuhUtUf;F

nra;jpnahd;iw mDg;g vjpu;ghu;g;gjhff; fUJq;fs;. gy;Y}lfj;

njhopDl;gj;ijg; gad;gLj;jp kpd;dQ;ry; %yk; cq;fsJ FuypNyNa

mr;nra;jpia mDg;g KbAk; my;yJ ,izag;gf;fnkhd;whf (Web

Page) mDg;g KbAk; mjidg; ngWk; cq;fsJ ez;gu; kfpo;r;rpailthu;

vd;gjpy; Iakpy;iy. cq;fSf;Fk; mtUf;Fkpilapyhd J}uj;ij

ePf;Ftjw;F my;yJ Fiwg;gjw;F mJ JizahFk;. ,q;F cq;fSf;Fk;

cq;fsJ ez;gUf;Fk; ,ilNa njhlu;igg; NgZtjw;fhf ePq;fs;


gy;Y}lfj; njhopDl;gj;ijg; gad;gLj;JfpwPu;fs;. mjd;%yk; fpilf;Fk;

gad;rhu; jpUg;jpAk; kpf cau;thdjhFk;. ,e;j vspa cjhuzj;jpd;

%yk; ePq;fs; tpsq;fpf; nfhs;tJ ahJ? r%fj;jpd; njhiyitf;

Fiwj;J FLk;gj; njhlu;Gfis mjpfupj;Jf; nfhs;tjw;F fzpdpj;

njhopDl;gk;> njhlu;ghlw; njhopDl;gk;> gy;Y}lfj; njhopDl;gk;

Mfpatw;wpd; Nru;khdj;jpd; %yk; cUthfpAs;s jftw; njhopDl;gk;

vDk; Gjpa njhopDl;gk; JizahfpAs;sJ vd;gJ njspthfpd;wJ.

5.15.15.15.15.1 ,izaj;jsq;fis,izaj;jsq;fis,izaj;jsq;fis,izaj;jsq;fis,izaj;jsq;fis (Web sites) cUthf;Ftjw;fhfcUthf;Ftjw;fhfcUthf;Ftjw;fhfcUthf;Ftjw;fhfcUthf;Ftjw;fhfjfty;fis xOq;fikj;jy;jfty;fis xOq;fikj;jy;jfty;fis xOq;fikj;jy;jfty;fis xOq;fikj;jy;jfty;fis xOq;fikj;jy;

upk; gu;d]; yP (Tim Berners-Lee) vd;gtuhy; 1989 ,y; cyfpw;F

mwpKfQ; nra;ag;gl;l cyfshtpa ,izak;(tiy) (World Wide Web -

WWW) rpwg;ghd gy;Y}lf jfty; gupkhw;w> jfty; tpepNahf Kiwikahf

,d;W tsu;r;rpaile;Js;sJ.

cyfshtpa ,izak; (tiy) vd;gJ

1' gy;Y}lfj;ijAk; Vida jfty;fisAk; vt;thW xOq;FgLj;j

(Organize) Ntz;Lk;?

2' xOq;FgLj;jpa jfty;fis vt;thW fzpdp KiwikapDs;

fsQ;rpag;gLj;j (Store) Ntz;Lk;?

3' fzpdp Kiwiknahd;wpy; mlq;fpapUf;Fk; jftnyhd;wpid

kw;WNkhu; ,lj;jpYs;s jftnyhd;Wld; ,izg;gJ (Link)

vg;gb?

4' me;jj; jfty;;fis ngWtJ (Retrieve) vg;gb?

5' me;jj; jfty;fisg; gad;gLj;JtJ (Use) vg;gb?

vd;gd njhlu;ghf ,zq;fpa tpjpKiwfSf;F mikthf

cUthf;fg;gl;Ls;sJ.

tiyaikg;gpYs;s 'WWW Server' vDk; ,iza Nritafj;jpy;

Nkw;Fwpg;gpl;l tifapy; jahupf;fg;gl;l jfty;fis cs;slf;fpa ,izag;

gf;fq;fs; (Web Pages) fsQ;rpag;gLj;jg;gl;bUf;Fk;. mf;fzpdpapy;

mlq;fpAs;s jfty;fis me;j tiyaikg;gpYs;s ve;j xU fzpdp

%ykhfTk; ,yFthf ngw;Wf; nfhs;syhk;.


,iza Nritafj ;j py ; ntt;NtW epWtdq;fSf;Fk ;

jdpahs;fSf;Fk; cupj;jhd ngUe;njhifahd ,izaj;jsq;fis

Ngzp tu KbAk;. ,q;F xt;nthU ,izaj;jsj;jpw;Fk; xt;nthU

njhlf;fg; gf;fk; (Home Page) fhzg;gLk;. Vida ,izag; gf;fq;fs;

kP ,iz(Hyper-links) %yk; my;yJ (Hyper-Media) %yk; ,g; gf;fj;Jld;

,izf;fg;gl;bUf;Fk;. ,t;thwhd ,izag;gf;fq;fs; (Linked Pages)

,ize;j gf;fq;fs; vdg;gLk;. ,it Nrkpf;fg;gl;Ls;s 'WWW Server'

Kiwikapd; mbg;gilahd jd;ik> vtUk; ve;Neuj;jpYk; vt;tifapYk;

jfty;fis ngwj;jf;fthW cUthf;fg;gl;bUj;jyhFk;. (ngUk;ghyhd

re;ju;g;gq;fspy; jfty; ahNjDk; xOq;F Kiwg;gb toq;fg;gLtJz;L.

cjhuzkhf thndhyp> njhiyf;fhl;rp Nghd;wtw;wpdhy; vkf;F

toq;fg;gLk; jfty;fs; ,t;tifiar; Nru;e;jitahFk;) vdpDk;> kP

Clf Kiwapd;gb fl;Liunahd;wpd; Kf;fpakhd tplankhd;W njhlu;ghf

ePz;l tpguq;fs; Njitg;gLk; re;ju;g;gq;fspy; mjw;fhd xU njhlu;ig

Vw;gLj;jp me;ePz;l tpguj;ij mf;fzpdpj; njhFjpapYs;s gpwpnjhU

,izag;gf;fj;Jld; my;yJ gpwpnjhU ,izaj;jsj;jpYs;s

,izag ;gf ;fnkhd ;Wld ; my ;yJ ahJnkhU 'WWW Server '

KiwikapYs;s ,izaj;jsjpYs;s ,izag;gf;fnkhd;wpy; ,l;L;

,izf;fyhk;. ,t;thwhf ,izg;Gfis cUthf;fj;jf;f ehd;F

re;ju;g;gq;fisf; Fwpg;gplyhk;. mitahtd

1' ,izag; gf;fj;jpYs;s gpwpnjhU gFjpAld; ,izj;jy;

2' ,izaj; jsj;jpy; fsQ;rpag;gLj;jpAs;s gpwpnjhU ge;jpAld;

,izj;jy;

3' gpwpnjhU ,izaj;jsj;Jld; ,izj;jy;

4' kw;WNkhu; ,izaj;jpYs;s gpwpnjhU ,izag;gf;fj;Jld; ,izj;jy;

gy;NtW gy;Y}lfj; jfty;fSf;fhf ,izg;Gfis Vw;gLj;JtJ

'WWW' ,dJ kw;WnkhU Kf;fpakhd ,ay;ghFk;. cjhuzkhf ,e;j

,izg;gpid xspg;glnkhd;WlNdh xspj;Njhw;w gFjpnahd;WlNdh (Video

Clip) xypg; gFjpnahd;WlNdh (Audio Clip ) Vw;gLj;jpf; nfhs;syhk;.


,izaj;jsj;jpy; cs;s Mtzf;Nfhitfisj; jahupf;Fk;NghJ

tupAUf;fs; (Characters) khj;jpuk; gad;gLj;jg;gl;Ls;sjhapd; ,izaj;jpd;

Clhf mt;thwhd ,iza Mtzq;fisg; ngWtJ fbdkhdjy;y.

fzpdp Mtzf; Nfhg;Gfspy; (Files) mlq;fpAs;s jfty;fis

,izaj;jpD}lhfg; gad;gLj;jj;jf;f tifapy; cUthf;f Njitahd

milahs xl;Lf;fs; (Tags) ahTk; ,izaj;jpy; Mtzf;Nfhg;Gfisf;

ifahSk ; t pjk ; njhlu ; g hf Vw ; fdNt jahu pf ; fg ; gl ; l

tpjpf;Nfhitnahd;Wf;F mikthfj; jahupf;fg;gl;L 'HTML' [Hyper Text

Markup Language] %yk; Kd;itf;fg;gl;Ls;sJ. ePq;fs; 'HTML' Ig;

gad;gLj;jp ,izag;ghlq;fisj; jahupf;fyhk;. Njitg;gLk;NghJ>

tiutpay;fs;> xypfs;> xspj;Njhw;wq;fs;> mirT+l;lq;fs; Nghd;wtw;iw

cs;slf;Ftjw;Fj; Njitahd rfy milahs xl;LfSk; (Tags) 'HTML

nkhopapd; %yk; Kd;itf;fg;gl;Ls;sd. ,izaj;jpy; jftiyg;

ngWtjw;fhfg; gad;gLj;jg;gLk; tiy NkNyhbfs; (Web Browser) ,e;j

milahs xl;Lfisr; rupahf ifahz;L me;j Mtzj;jpy; mlq;fpAs;s

jfty;fisf; fzpdpj; jpiuapy; toq;Fk;. ,J ehd;F fl;lq;fisf;

nfhz;ljhFk;.

1' ngw;Wf;nfhs;s vjpu;g;ghu;f;Fk; jfty;fis Nrkpj;J itj;jpUf;Fk;

fzpdpaplk; xU Nfhupf;if tpLf;fg;gLk;. mf;Nfhupf;ifapd;gb

jfty; ngw KbAkh vd;gJ Kjypy; fz;lwpag;gLk;.

2' ,t;thwhff; fz;lwpe;j gpd;du; mj;jfty;fisg; ngw KbAkhapd;>

'HTML' tif Mtzf; Nfhg;G (File) 'HTTP' njhopDl;gj;jpD}lhf

jfty; ngw vjpu;ghu;g;gtupd; fzpdpf;F toq;fg;gLk;.

3' my;yJ toq;fg;gl;l jfty;fs; 'HTML' milahs xl;Lf;fspd;

(Tags) jd;ikf;Fupa tifapy; jahu;g;gLj;jg;gl;L fzpdpj; jpiuapy;

tiy NkNyhbapdhy; fhz;gpf;fg;gLk;.

4' ahNjDk; tif tiutpay;fNsh gy;Y}lf %yq;fNsh

Njitg;gLk;NghJ fzpdpfspy; mit gjptpwf;fg;gl;L

nghUj;jkhd nkd;nghUl;fspd; cjtpAld; fhz;gpf;fg;gLk;.


'HTML' nkhopapd; epakq;fSf;F mikthf jahupf;fg;gl;Ls;s

milahs xl;Lf;fSf;F (Tags) Nkyjpfkhf gy;NtW fk;gdpfshy;jahupf;fg;gl;l NtW Mw;wy; nfhz;l cs;spLiffs; (Plug-in) Nru;;j;Jf;nfhs;sg;glyhk;. ,jd;%yk; ,izaj;jpy; cs;s jfty;fisg;ngWtjw;fhf trjp fpilf;fg;ngWk;;. cs;spLf;fpg; gpuNahfq;fisg;gad;gLj;Jk; tiy NkhNyhbfspd; typik caupa kl;lj;jpy;fhzg;gLfpd;wJ. cjhuzkhf ,izaj;jpy; cs;s 'Quick Time Movie'(Special Multimedia file format) tif mirt+l;l xspj;Njhw;w gFjpnahd;wpidg;(Video Clip) ghu;itapLtjw;fhd Mw;wy; cq;fsJ tiy NkNyhbfSf;F,y;iy. vdpDk; me;j Mw;wiyf; nfhz;l cs;spLf;fpg; gpuNahfq;fis(Quick Time Movie Player) cq;fsJ fzpdpf;Fg; ngw;Wf; nfhLj;J me;jMw;wiy cq;fsJ tiyNkNyhbf;F (Web Browser) toq;fyhk;. ,e;jcs;spLf;fpg; gpuNahfq;fis ePq;fs; ,ytrkhfg; ngw;Wf; nfhs;syhk;.

'HTML' nkhopia xU Fwpj;j tifapy; Nkk;gLj;jg;gl;l nrhy;Kiwtopg;gLj;jy; (Word Processing) Mf fUjyhk;. 'HTML' Kiwapy;jahupf;fg;gl;l ,iza Mtzq;fis ve;j tifahd fzpdpg; gzpnray;KiwapYk; (Operating System) gad;gLj;jf; $bajhf ,Ug;gJ ,jd;rpwg;gpay;ghFk;. nrhy;Kiw topg;gLj;jypy; fhzg;gLk; Mw;wy;fshdntt;NtW jfty;fSf;Nfw;g ntt;NtW msTila rpwpa ngupatupAUf;fis cUthf;Fjy;;> jiyg;Gfs; - cgjiyg;Gfis cUthf;Fjy;>ml;ltiz> gl;bay;fs;> gl;Nlhiyfs;> ge;jpfs;> mj;jpahaq;fspy;gy;tifikia Vw;gLj;jy; Nghd;wtw;iwf; Fwpg;gplyhk;. NkYk;>tiutpay;fs;> xypfs;> mirt+l;lq;fs;> tPbNah gFjpfs; Nghd;w gy;Y}lfcs;slf;fq;fisg; GFj;Jjy; Nghd;w gzpfisAk; 'HTML' nkhopapd;%yk; nra;J nfhs;syhk;.

cyfshtpa tiyaiktpy; (WWW) cs;s vz;zpylq;fhjjfty;fisg; ngWtjw;fhfg; gad;gLj;jg;gLfpd;w nkd;nghUs;tiyNkNyhb vdg;gLk;. ,J ve;jnthU fzpdpapYk; gad;gLj;jf; $batpjj;jpy; jahupf;fg;gl;Ls;sJ. ,izaj; jsj;jpypUe;J RahjPdkhfj;jfty;fis Njbg;ngw;W mj;jfty;fis jkJ fzpdpf;F toq;Fk;Mw;wypid ,J nfhz;Ls;sJ. ,tw;iw ,ytrkhfg; ngwyhk;. 'Firefox','Internet Explorer' " 'Safari' , 'Google Crome' vd;gd jw;NghJ gad;ghl;bYs;sKd;dzp NkNyhbfshFk;. mJkl;Lkpd;wp ,e;j tiy NkNyhbfs;,yFthfj; jfty;fisg; ngwf;$ba tifapYk; kpf ,yFthfg;gad;gLj;jf;$ba tifapYk; cUthf;fg;gl;ls;sd. vt;tpj rpukKk;,d;wp Njitahd jfty;fisg; ngwyhk;. kpf Fiwthd jfty;fis

kl;Lk; juf;;$ba tiyNkNyhb xd;wpy; $l fhzg;gl Ntz;ba

Kjd;ikahd Mw;wy;fs; tUkhW:


'HTML' (Hyper Text Markup Language) milahs xl;Lfisg; (Tags)gad;gLj;jp cUthf;fg;gl;l my;yJ ,ay;G vOj;J tbtq;fisf;(Plain Text) nfhz;l ,iza Mtzq;fis jpiuapy; gjpf;Fk;gzp

'GIF' (Graphics Interchange Format) tif xspg;glq;fis cs;slf;fpcUthf;fg ;gl ;l tiutpay; (Graphics) nfhz;l 'HTML',izag;gf;fq;fis jpiuapd; kPJ fhl;rpg;gLj;jy;.

gy;Y}lf %yfq;fisf; nfhz;l kw;Wk; kPClf ,izg;igf;nfhz;l (Hyper Media) tiyg;gf;fq;fis (Web Page) jdJfzpdpapd; kPJ fhl;rpg;gLj;jy; my;yJ gzp nra;J fhl;Ljy;.

'FTP', 'Gopher', 'Usenet' epakq;fisf; nfhz;l Mtzq;fiscs;slf;fpa ,izaj;jsj;jpDs; (Web site) EioAk; Mw;wYk;fpilj;jy;.

jkJ jfty;fis Kd;itf;Fk ; Njit cs;sjhapd ;mj;jfty;fis xU gbtkhf toq;Fk; Mw;wYk; mj;jfty;fisg;ngWk; Mw;wYk;.

!jhk; vjpu;ghu;f;Fk; jfty;fis cs;slf;fpa ,izaj;jsq;fismy;yJ Mtzq;fis ,yFthff; fz;lwpaf; $ba tifapy;

jahupf;fg;gl;l Njlw; nghwp (Search Engine) trjpfis toq;Fjy;.

NkNy Fwpg;gpl;lthW kP Clfk; (Hyper Media) mlq;fpa

,izg;Gfisf; nfhz;l tiyg;gf;fq;fspid ifahSk; Mw;wy; tiy

NkNyhbfSf;F cz;L. NkYk; ,iza Mtzq;fspYs;s ge;jpfs;>

tupAUf;fs;> tiutpay;fs; Mfpatw;iw ifahSk; Mw;wiyAk;

,t;tiyNkNyhbfs; nfhz;Ls;sd. mj;NjhL elg;G thndhyp

miytupir(Channel) elg;Gj; njhiyf;fhl;rp miytupirfisr;

nrtpkLf;ff; $bajhfTk; ghu;f;ff; $bajhfTk; cUthf;fg;gl;l

,izaj;jsq;fSk; cs;sd. mt;thwhd ,izaj;jsq;fspDs; EioAk;

Mw;wYk; mt;thwhd elg;Gj; jfty;fis toq;Fk; Mw;wYk; ,e;j

tiy NkNyhbfSf;F (Web Browser) cs;sd. ,itjtpu elg;G

ciuahly;fs; (Live Chat)" ,izaj; njhiyNgrp (Internet Phone)" ,izaf;

fye;Jiuahly; (Internet Meeting)" nra;jpf;FOf;fs; (News Groups)"

njhiykhehLfs; (Teleconferencing) Nghd;wtw;iwf; ifahSk; Mw;wYk;

,tw;Wf;Fz;L. mj;NjhL gy;NtW re;ju;g;gq;fspy; gy;NtW fzpdpg;


1234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121

xg;gil 5.1xg;gil 5.1xg;gil 5.1xg;gil 5.1xg;gil 5.1

gpuNahfq;fspd; %yk; cUthf;fg;gl;l cs;slf;fq;fisf; nfhz;l

,izaj;jsq;fspy; cs;s jfty;fis thrpf;Fk; Mw;wYk; cs;spLf;fpg;

gpuNahfq;fs; (Plug -in) %yk; ,e;j tiyNkNyhbfSf;F cz;L.

! ,izaj;jpy; Njly; nghwpfisg; gad;gLj;jp

jw;NghJ gad;ghl;bYs;s gy;NtW tiyNkNyhbfs;

gw;wpa jfty;fisr; Nrfupj;J mt;ntht;nthU

tiyNkNyhbfs; gw;wpa tptuq;fs; mlq;fpa

Fwpg;Gfisj; jahupAq;fs;.

! jw;NghJ gad;ghl;bYs;s cs;spLf;fpg; gpuNahfq;fs; (Plug-ins)

gw;wpa Xu; ml;ltizia ,aYkhdtifapy; jahupAq;fs;.

mt;Ts;spLf;fpg; gpuNahfq;fs; vt;ntw;;Wf;fhfg; gad;gLj;jg;gL

fpd;wd vd;gijAk; Fwpg;gpLq;fs;.

5.25.25.25.25.2 ,izaj;jsj;jpid cUthf;Ftjw;fhf ,izaj;js,izaj;jsj;jpid cUthf;Ftjw;fhf ,izaj;js,izaj;jsj;jpid cUthf;Ftjw;fhf ,izaj;js,izaj;jsj;jpid cUthf;Ftjw;fhf ,izaj;js,izaj;jsj;jpid cUthf;Ftjw;fhf ,izaj;jstpUj;jpf; fUtpfis gad;gLj;Jjy;tpUj;jpf; fUtpfis gad;gLj;Jjy;tpUj;jpf; fUtpfis gad;gLj;Jjy;tpUj;jpf; fUtpfis gad;gLj;Jjy;tpUj;jpf; fUtpfis gad;gLj;Jjy;

,izaj;jsq;fspy; cs;s ,izag;gf;fq;fisj; jahupg;gjw;fhfg;

gad;gLj;jg;gLk; tbtikg;gpw;fhd (Format) epakq;fs; my;yJ nkhop

'Hyper Text Markup Language' (HTML) vd ehk; Vw;fdNt Fwpg;gpl;Ls;Nshk;.

kpfr; rpf;fyhd ml;ltizfisj; jahupj;jy;> tiutpay;fs;> xypfs;>

xspj;Njhw;wq;fs; Nghd;w gy;Y}lfg; gzpfSf;fhf 'HTML' nkhop

gad;gLj;jg;gLk;. ,it kl;Lkpd;wp ,izag;gf;fq;fspy; ,izg;Gfs;

(Links) mjhtJ kP ,izg;ig cUthf;Fjy; Nghd;w gzpfSf;fhfTk;

'HTML' gad;gLj;jg;gLk;.


,izaj;jsq;fis cUthf;Ftjw;fhfg; gpujhdkhf 3 tifahd

fUtpfisg; gad;gLj;jyhk;. mit tUkhW

1' vspikahd vOj;Jg; gpuNahf nkd;nghUs; (Text Editors)

2' ,yf;Fg; nghUs; gjpg;G gpuNahf nkd;nghUs; (Object Editors)

3' ,izaj;js cUthf;f gpuNahf nkd;nghUs; (WYSIWIG - Editors)

1. vspikahd 1. vspikahd 1. vspikahd 1. vspikahd 1. vspikahd vOj;Jg;vOj;Jg;vOj;Jg;vOj;Jg;vOj;Jg; gjpg;G gpuNahf nkd;nghUs gjpg;G gpuNahf nkd;nghUs gjpg;G gpuNahf nkd;nghUs gjpg;G gpuNahf nkd;nghUs gjpg;G gpuNahf nkd;nghUs ;; ;; ; (Text Editors)

vspikahd vOj;Jg; gpuNahf nkd;nghUis gad;gLj;jp

,izaj;jsq;fis cUthf;Fk;NghJ 'HTML' ,d; milahs xl;Lf;fs;

njhlu;ghf njspthd tpsf;fj;ijg; ngw;wpUg;gJ mtrpakhFk;. vspikahd

vOj;Jg; gjpg;;gpw;F 'Notepad' my;yJ Nkk;gLj;jg;gl;l 'Notepad++'

Nghd;wtw;iwg; gad;gLj;jyhk;. mt;thwhd gpuNahf nkd;nghUis

gad;gLj;Jk;NghJ 'HTML' my;yJ mJ Nghd;w milahs xl;Lfis

jl;lr;rply; Ntz;Lk;. ,izaj;jsq;fis cUthf;Ftjw;fhd 'HTML'

milahs xl;Lf;fs; (Tags) gw;wpAk; njspthd mwpitAk; mtw;iw

ifahStJ njhlu;ghd njspthd tpsf;fj;ijAk; ngw;wpUj;jy; Ntz;Lk;.

,jw;Fj; Njitahd mbg;gil gbg;gbahf mLj;JtUk; gFjpfspD}lhf

Kd;itf;fg;gLk;.

,izag;gf;fq;fspid cUthf;Ftjw;fhfg; gad;gLj;jf; $ba

vspikahd vOj;Jg;gjpg;gpg; (Text Editors) gpuNahf nkd;nghUs;; rpytw;iw

Nehf;FNthk;. ,t;thwhd vspikahd gpuNahf nkd;nghUl;fspid ePq;fs;

,ytrkhfTk; ngw;Wf; nfhs;syhk;.


cU 5.1 GEdit vspikahd gjpg;gpg; gpuNahfj;jpd; ,ilKfk;

1' Notepad - ,J ikf;Nuhnrhg;l; (Microsoft) epWtdj;jpdhy; mtu;fsJ

KjyhtJ tpz;Nlh]; gzpnray; KiwikAld;

(Windows Operating System) 1989 njhlf;fk; ,ytrkhf

tpepNahfpf;fg;gLk; xU vOj;Jg;gjpg;gp gpuNahf nkd;

nghUshFk;;.

2' GEdit - ,J AdpNfhl; (Unicode) Kiwiag; gad;gLj;jf; $bathW

cUthf ;fg ;gl ;l xU vOj ;Jg ;gj pg ; g p g p uNahf

nkd;nghUshFk;;. (cU 5.1 ,idg; ghu;f;f)

3' Text Edit - ,J kf;fpd;Nlh\; gzpnray; KiwikAld; (Macintosh

Operating system) ,ytrkhf tpepNahfpf;fg;gLk; xU

vOj;Jg;gjpg;gp nkd;nghUshFk;;.

4' TED Notpat -Joraj Similovic vd;gtupdhy; 2001 njhlf;fk; tpUj;jp

nra;ag;gl;l ,e;j gjpg;gpg; gpuNahf nkd;nghUis

tpz;Nlh]; gzp nray; KiwikAld; gad;gLj;jyhk;.


2.0 ,yf;Fg; nghUs; gjpg;gp; gpuNahf nkd;nghUs;2.0 ,yf;Fg; nghUs; gjpg;gp; gpuNahf nkd;nghUs;2.0 ,yf;Fg; nghUs; gjpg;gp; gpuNahf nkd;nghUs;2.0 ,yf;Fg; nghUs; gjpg;gp; gpuNahf nkd;nghUs;2.0 ,yf;Fg; nghUs; gjpg;gp; gpuNahf nkd;nghUs; (Object Editors)

'HTML' milahs xl;LfisNah cg milahs xl;Lf;fisNah

,yFthff; ifahsf; $ba tifapy; cUthf;fg;gl;Ls;s ,yf;Fg;

nghUs; gjpg;gpf; fUtpfs; %ykhf Kd;$l;bNa jahupf;fg;gl;l jpl;l

mr;Rf;fisg; gad;gLj;jyhk;. Fwpg;ghf milahs xl;LfisAk; cg

milahs xl;Lf;fisAk; ,yFthf ,dq;fhzj;jf;f tifapy; mit

ntt;NtW epwq;fshy; fhl;lg;gl;bUf;Fk;.

,t;thwhd ,yf;Fg; nghUs; gjpg;gp gpuNahf nkd;nghUs;fspy;

fhzg;gLk; kw;WnkhU rpwg;gpay;G mit ntt;NtW fzpdp nkhopfspd;

milahs xl;Lf;fis ifahsj;jf;f tifapy; jahupf;fg;gl;bUj;jyhFk;.

vspikahd vOj;Jg; gjpg;gp gpuNahf nkd;nghUspy; fhzg;gLk;

trjpfNshL Nkyjpfkhf me;je;j fzpdp nkhopf;Fg; nghUj;jkhdthW

milahs xl;Lf;fisAk; rpwg;Gr; nrhw;fisAk; milahsk; fhl;lf;

$bajhf ,Ug;gJk; ,jd; rpwg;gpay;GfSs; xd;whFk;. cjhuzkhf

ePq;fs; HTML I gad;gLj;Jgtuhf ,Ue;jhy; mjw;F trjpaspf;Fk;.

md;wp ePq;fs; 'Java' Nghd;w xU nkhopiag; gjpg;Gr; nra;tjhapd;

mjw;fhd trjp nfhz;l ,ilKfg;Gfs; Kd;itf;fg;gLk;. ,t;tifahd

gjpg;G gpuNahf nkd;nghUspw;F rpy cjhuzq;fs; fPNo jug;gl;Ls;sd.

1' EditPlus - ,J 'Es - Computing' epWtdj;jpw;fhf 'Sangil Kim' ,dhy;

tpz;Nlh]; gzpnray; Kiwikf;fhf cUthf;fg;

gl;Ls;snjhd;whFk;.

2' Homesite - 'Adobe' fk;gdpapdhy; cUthf;fg;gl;l 'Homesite'

gjpg;gpg; gpuNahf nkd;nghUs; tpz;Nlh]; gzpnray;

Kiwikapy;; gad;gLj;jg;gLfpd;wJ. Fwpg;ghf 'HTML'

milahs xl;Lfis gjpg ;Gr ; nra;tjw;fhf

gad;gLj;jg;gLfpd;wJ.

3' Notepad++ - 'Don Ho' ,dhy; cUthf;fg;gl;l ,e;j gjpg;Gg;

gpuNahf nkd;nghUs; jw;NghJ ngUk;ghNyhupdhy;

gad;gLj;Jk; gpuNahfkhf khwpAs;sJ. ,jd; %yk;

gy;NtW fzpdp nkhopfisg; gjpg;Gr; nra;ayhk;.


'HTML' milahs xl;Lf;fisg; (Tags) gjpg;Gr;

nra;tjw;fhf gutyhfg; gad;gLj;jg;gLfpd;wJ.

,ytrkhfg; ngwj;jf;f ,jid tpz;Nlh];> nkf;>

ypdf;]; (Windows. Mac, Linux) gzpnray; Kiwikfspy;

gad;gLj;jyhk;. 'WWW.SoureForge.net' ,izaj;

jsj;jpD}lhf ,Jtiu 16 kpy;ypaDf;F Nkw;gl;Nlhu;

'Notepad++' gjpg;Gg; fUtpia ,wf;fk; (Download) nra;J

nfhz;Ls;sdu;. ,jd; ,ilKfk; cU 5.2 ,y;

fhl;lg;gl;Ls;sJ.

cU 5'2 Notepad++ ,dJ ,ilKfk;


1234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121

xg;gilxg;gilxg;gilxg;gilxg;gil

,izaj;jsq;fis (Website) cUthf;fg; gad;gL;j;jf;$ba

'WYSIWIG' tif gjpg;Gg; gpuNahfq;fs; njhlu;ghd

mwpf;ifnahd;wpidj; jahupAq;fs;. mg;gpuNahfj;ijj;

jahupj;j epWtdj;jpd; ngaiuAk; my;yJ egupd; ngaiuAk;

mJ ,ytrkhf ngwj;jf;f nkd;nghUsh my;yJ gzk; nrYj;jp

nfhs;tdT nra;a Ntz;ba xd;wh vd;gijAk; mjd; tpNrl ,ay;Gfs;

gw;wpa tpguq;fisAk; cq;fsJ mwpf;ifapy; cs;slf;Fq;fs;.

3 .3 .3 .3 .3 . ,izaj;js cUthf;fg; gpuNahf nkd;nghUs;,izaj;js cUthf;fg; gpuNahf nkd;nghUs;,izaj;js cUthf;fg; gpuNahf nkd;nghUs;,izaj;js cUthf;fg; gpuNahf nkd;nghUs;,izaj;js cUthf;fg; gpuNahf nkd;nghUs; (WYSIWIGEditors)

'HTML' milahs xl;Lf;fs; (Tags) njhlu;ghd tpupthd mwpT mw;w

gapYdUf;F mjpf vj;jdkpd;wp vspikahd ,izag; gf;fq;fis

cUthf;fpf; nfhs;tJ Kjy; ghupa epWtdq;fSf;fhd njhopw; Gyikrhu;

tiyj;jsq;fspid cUthf;Ftjw;Fk; ,g;gpuNahf nkd;nghUis

gad;gLj;jyhk;. ,t;thwhd gpuNahf nkd;nghUs;fspd; tpiy kpfTk;

mjpfkhFk;.

mt;thwhd rpy gpuNahfnkd;nghUl;fs;; tUkhW:

'ColdFusion'

'Adobe' 'Dreamweaver'

'Expression Web'

'SharePoint Designer'

MS 'Visual Studio'

MS 'Visual Web Developer Express'

5.3 ,izaj;js cUthf;fhj;Jf;fhf5.3 ,izaj;js cUthf;fhj;Jf;fhf5.3 ,izaj;js cUthf;fhj;Jf;fhf5.3 ,izaj;js cUthf;fhj;Jf;fhf5.3 ,izaj;js cUthf;fhj;Jf;fhf 'HTML' Ig;Ig;Ig;Ig;Ig;gad;gLj;Jjy;gad;gLj;Jjy;gad;gLj;Jjy;gad;gLj;Jjy;gad;gLj;Jjy;

,izaj;jsk; xd;Wf;fhf nghUj;jkhd tpjj;jpy; ,izag;gf;fk;

xd;iwj; jahupg;gjw;F mtrpakhd epakq;fs; my;yJ mwpTiuf;

Fwpg;gPLfs; (Tags or HTML Codes) kw;Wk; mtw;wpid gad;gLj;jp gf;fk;

xd;wpd; gFjpfis jahu;gLj;Jk;; tpjk; gw;wp ,g;gFjpapy; ghu;g;Nghk;.


,yFthd ,yFthd ,yFthd ,yFthd ,yFthd "HTML" ,izaj;jsk; xd;iw cUthf;Fjy;.,izaj;jsk; xd;iw cUthf;Fjy;.,izaj;jsk; xd;iw cUthf;Fjy;.,izaj;jsk; xd;iw cUthf;Fjy;.,izaj;jsk; xd;iw cUthf;Fjy;.

,q;F fPNo jug;;gl;Ls;s cjhuzk; 5.1 ,d; %yk; HTML Ig;

gad;gLj;jp jahupf;fg;gl;l ,izag; gf;fnkhd;wpy; cs;s milahs

xl;LfSk; (Tags) mj;NjhL gad;gLj;jg;gLk; cgmilahs xl;Lf;fSk;

gad;gLk; tpjk; fhl;lg;gl;Ls;sJ. ePq;fs; ftdk; nrYj;j Ntz;ba

gpujhdkhd rpy milahs xl;Lf;fs; ,q;F jug;gl;Ls;sd.

c-k; 5.1

Fwpg;G :

Notepad gpuNahfg; nkd;nghUspid Ig; gad;gLj;jp 5.1 Mk;

cjhuzj;jpy; cs;s midj;Jk; jl;lr;R nra;ag;gl;L fzpdpapDs;

Nrkpf;fg;gl Ntz;Lk;.

jl;lr;R nra;Ak;NghJ jkpo; my;yJ Mq;fpy nkhopiag;

gad;gLj;jg;gl KbAk;. jkpo; nkhopapy; cs;sPL nra;a Adpf;Nfhl;

(Unicode) FwpaPl;L Kiw gad;gLj;jg;gl Ntz;Lk;.

jl;lr;R nra;ag;gl;l Nkw;gb gf;fj;jpid nghUj;jkhd ngau;

toq;fp xU html Nfhg;ghf Nfhg;G ePl;rpahf .html Nrkpf;f Ntz;Lk;

(cjh: Exl.html)

ePq;fs; Unicode FwpaPl;L Kiwiag; gad;gLj;jp vOj;JU

nra;jPu;fnsdpd; mjid fzpdpapy; epiyg;gLj;j KidAk;NghJ

Nkw;$wg;gl;lthW Nfhg;G ngau; kw;Wk; Nfhg;G ePl;rp vd;gtw;iw

toq;FtNjhL Encoding ,d; fPo; Unicode I njupT nra;aNtz;Lk;.

cjhuzk; 5.1cjhuzk; 5.1cjhuzk; 5.1cjhuzk; 5.1cjhuzk; 5.1

cjhuzk; 5'01

HTML vd;gJ ahJ?

The Hypertext Markup Language....

When HTML documents...


cU 5.3 Save As ,d; cg gf;fk;

jw;nghOJ ,t; ,izag; gf;fj;ij tiy NkNyhbapy; jpwe;J

nfhs;Sk;NghJ gpd;tUkhW mikAk;.

cU 5'3 cjhuzk; 5'1 ,y; fhl;lg;gl;Ls;s HTML nfhz;l ,izag;gf;fk;

NkNyhbapy; fhl;rpaspf;Fk; tpjk;.


,e;j cjhuzj;jpy; KiwNa , ,

,

, Mfpa milahs xl;Lf;fs; gad;gLj;jg;

gl;Ls;sd. mjd; %yk; cUthf;fg;gLk; ,izag;gf;fj;jpd; tbtk; NkNyhb

xd;wpy; fhl;rpaspf;Fk; tpjk; cU 5.3 ,y; fhl;lg;gl;Ls;sJ. ,e;j

,izag;gf;fj;ijj; jahupg;gjw;fhfg; gad;gLj;jg;gl;l 4 milahs

xl;Lf;fs; njhlu;ghd RUf;fkhd mwpKfk; fPNo jug;gl;Ls;sJ. me;j

milahs xl;Lf;fs; njhlu;ghd tpupthd tpguq;fs; gpd;du; jug;gLk;.

,J ,izag;gf;fnkhd;wpd; njhlf;fj;ijf; fhl;Lk;.

,J ,izaj;jpy; cq;fsJ ,izaj;jsj;ij mwpKfk; nra;tjw;

fhfg; gad;gLj;jg;gLk; jiyg;ig Fwpg;gpLtjw;fhf gad;gLj;jg;gLfpd;wJ.

,izag; gf;fj;jpy; cs;s gpujhd jiyg;Gf;fisf; Fwpg;gpLtjw;F


,izag; gf;fj;jpYs;s ge;jpfis Ntwhf;Ftjw;fhf ,J


HTML milahs xl;Lf;fsmilahs xl;Lf;fsmilahs xl;Lf;fsmilahs xl;Lf;fsmilahs xl;Lf;fs; (Tags)

rfy 'HTML' milahs xl;Lf;fSk; — nrhw;nwhlnuhd;W my;yJ ge;jpnahd;W Ntwhf mika

Ntz;ba re;ju;g;gq;fspy; Muk;gj;jpy;

' milahs xl;ilg; gad;gLj;j

Ntz;;Lk;. mt;thf;fpaj;jpd; nrhw;nwhlupd; my;yJ ge;jpapd; Kbitf;

fhl;Ltjw;fhf

vdf; Fwpg;gpLjy; Ntz;Lk;. ngUk;ghyhd

re;ju;g;gq;fspy; 'HTML' milahs xl;Lr; Nrhbahf

IAk;

IAk; gad;gLj;j Ntz;Lnkd;gijAk; ePq;fs; kdjpy; ,Uj;jpf; nfhs;s

Ntz;Lk;. mt;thW mikahj rpy re;ju;g;gq;fs; gw;wp mwpe;Jnfhs;Sk;

tha;g;G gpd;du; cq;fSf;Ff; fpilf;Fk;.


Fwpg;G:Fwpg;G:Fwpg;G:Fwpg;G:Fwpg;G:

rpy milahs xl;Lf;fSf;fhf Nrhbfs; gad;gLj;jg;gLtjpy;iy.

ghJfhg;G milahs xl;Lf;fSf;fhf Nrhbfs; (njhlf;fj;ijAk;

KbitAk; fhl;Lk; Nrhb milahs xl;Lf;fs;) gad;gLj;jg;gLk;.

cjhuzkhf ehk; NkNy Fwpg;gpl;l ge;jpfSf;fhfg; gad;gLj;jg;gLk;

,y; Kbitf;; Fwpf;Fk; milahs xl;ilg; gad;gLj;j

Njitapy;iy.

,e;j milahs xl;Lf;fSf;fhf Mq;fpyg; NgNuOj;;Jf;fisNah

(CAPITAL) rpw;nwOj;Jf;fisNah (simple) gad;gLj;jyhk;. mjd;

tpisthf ,izag;gf;fq;fspy; vt;tpj khw;wKk; Vw;gLtjpy;iy.

cjhuzkhf , , , Mfpa xl;Lf;fs;midj;jpdhYk; ngwg;gLk; tpisT xd;whFk;.

'HTML' gggggf;fq;fspy;f;fq;fspy;f;fq;fspy;f;fq;fspy;f;fq;fspy; 'BODY', 'HEAD' xl;Lf;fSxl;Lf;fSxl;Lf;fSxl;Lf;fSxl;Lf;fSld; jiyg;Gf;fhfld; jiyg;Gf;fhfld; jiyg;Gf;fhfld; jiyg;Gf;fhfld; jiyg;Gf;fhf'TITLE' milahs xl;Lf;fsmilahs xl;Lf;fsmilahs xl;Lf;fsmilahs xl;Lf;fsmilahs xl;Lf;fs ; ; ; ; ; (Tags) gad;gLj;jy; gad;gLj;jy; gad;gLj;jy; gad;gLj;jy; gad;gLj;jy;

,izag; gf;fnkhd;wpy; vg;NghJk; Kjypy; kw;Wk; Kbtpy;

Nrhb milahs xl;Lf;fs; gad;gLj;jg;gLk;. mjd; %yk;

mg;gf;fk; 'Hypertext Markup Language' ,d; gb jahupf;fg;gl;l xU gf;fkhFk;

vd ,dq; fhzg;gLk;. cjhuzk; 5.2 ,y; milahs xl;L

cl;gl , , , , , , Mfpatw;iwg;

gad;gLj;Jk; tpjk; fhl;lg;gl;Ls;sJ. mt;,izag; gf;fk; jpiuapy;

fhl;rpaspf;Fk; tpjk; cU 5.4 fhl;lg;gl;Ls;sJ. me;j milahs xl;Lf;fs;

njhlu;ghd tpsf;fk; $lNt jug;gl;Ls;sJ.


cjhuzk; 5'02

This is where the body of the document...

This is Heading One

This is Heading Two

This is Heading Three


'HTML' Mtznkhd;wpd; jiyg;GMtznkhd;wpd; jiyg;GMtznkhd;wpd; jiyg;GMtznkhd;wpd; jiyg;GMtznkhd;wpd; jiyg;G

xl;bid ,l;l gpd;du; ,g;ghlj;jpy; cs;slq;fpAs;s

mbg;gilj; jfty;fis ,dq;fhz;gjw;fhf milahs xl;L

gad;gLj;jg;gLk;. mjid Kbg;gjw;fhf gad;gLj;jg;gLk;. ,e;j

,uz;L milahs xl;LfSf;F ,ilNa khj;jpuk; milahs

xl;ilg; gad;gLj;j Ntz;Lk;.

,izag; gf;fj;jpd; jiyg;G ,izag; gf;fj;jpd; jiyg;G ,izag; gf;fj;jpd; jiyg;G ,izag; gf;fj;jpd; jiyg;G ,izag; gf;fj;jpd; jiyg;G

,izag;gf ;fk ; NkNyhbapy ; fhz;g pf ;fg ;gLk;NghJ mt;

,izag;gf;fj;jpd; jiyg;G NkNyhbapd; (Web browser) jiyg;;Gg;;

gl;il (Title Bar) kPJ fhl;rpaspj;jy; Ntz;Lk;.

cU 5.4 - 5.2 Mk; cjhuzj;jpy; fhl;lg;gl;Ls;s tiyg;gf;fk; , 'Firefox' NkNyhbapdhy;

jpiuapy; fhl;rpg;gLj;Jk; tpjk;

— (tag encloses code that provides information

about the document.)( xl;lhdJ Mtzk; gw;wpa

jftiy toq;Fk;.)

— tag is used to specify the text appears in the

Web browser’s title bar. (xl;lhdJ NkNyhbapy;

jiyg;Gg; gl;ilapy; jfty; xd;wpid fhz;gpf;f)


mjw;fhf kw;Wk; milahs xl;Lf;fSf;F (Tags)

,ilNa jiyg;igf; Fwpg;gplyhk;. cjhuzkhf cjhuzk;

5.3 If; Fwpg;gplyhk;. ,t; cjhuzk; cU 5.4 ,y;

fhl;lg;gl;Ls;sJ. tiyNkNyhbapd; (Web Browers) jiyg;Gg; gl;ilapy;

cjhuzk; 5.3 vdf; fhl;lg;gl;bUg;gjhFk;.

,izag;gf;fnkhd;wpd; clw;gFjp ,izag;gf;fnkhd;wpd; clw;gFjp ,izag;gf;fnkhd;wpd; clw;gFjp ,izag;gf;fnkhd;wpd; clw;gFjp ,izag;gf;fnkhd;wpd; clw;gFjp

,izag; gf;fnkhd;wpd; cly; (Body) my;yJ gpujhd jfty;fis

cs;slf;fpa gFjp 'Body' vdg;gLk;. mjd; tPr;ir ,dq;fhz;gjw;fhf

, Mfpa milahs xl;Lr; Nrhb gad;gLj;jg;gLk;.

gpd;du; ,e;j milahs xl;Lr; Nrhbf;fpilNa ,izag;gf;fj;jpy;

cs;slf;f Ntz;ba Vida jfty;fis tiutpay;> xspj;Njhw;wk;>

mirt+l;lq;fs; Nghd;witfshy; cs;slf;fyhk;. gy;NtW tiffspy;

ntt;NtWgl;l ,izaj;jsj;ijg; gad;gLj;JNthUf;F mj;jfty;fs;

vy;yhtw;iwAk; ghu;f;f KbAk;.

jiyg;GfSk; cgjiyg;GfSk;jiyg;GfSk; cgjiyg;GfSk;jiyg;GfSk; cgjiyg;GfSk;jiyg;GfSk; cgjiyg;GfSk;jiyg;GfSk; cgjiyg;GfSk;

— tag encloses all text, images, and other

elements that will be visible to the user on the web page.

(xl;lhdJ gadu; ghu;f;fNtz;ba midj;jpidAk;

(vOj;J , glk;) cs;slf;Fk;.)

— — The six levels of text headings ranging from the largest

—— () to the smallest (). Text headings appear in

— — the bold face font

ALIGN=Option The alignment of the heading.

(LEFT|RIGHT|CENTER)


,izag;gf;fq;fspy; jfty;fis jiyg;G (Heading), cg jiyg;G

(Sub Heading) Mfpatw;wpd; fPo; ntt;Ntwhff; fhl;lyhk;. mt;thW gpupj;J

Ntwhf;fpa gFjpfSf;F jiyg;Ngh cgjiyg;Ngh ,Ltjhapd; mjw;fhfg;

gad;gLj;Jk; milahs xl;Lf;fs; ,jd; %yk; Fwpf;fg;gLk;. Fwpg;ghf

gf;fnkhd;wpd; mikg;ig rPuhfg; Ngzpf;nfhs;tjw;fhf jiyg;Gfs;>

cgjiyg;Gfisg; gad;gLj;j Ntz;Lk; mt;thwhfg; gf;fq; ;fs;

jahu;g;gLj;Jk;NghJ mjw;fhf gad;gLj;jf; $ba milahs xl;Lf;fs;

, , , , , vd;wthwhf cUthf;fg;gl;Ls;sd.

gpujhd jiyg;Gf;fhfg; gad;gLj;jg;gLk; KiwNa njhlf;fk;

tiuapyhd milahs xl ;Lf ;fis cgjiyg;Gf ;fSf;fhfg ;

gad;gLj;jyhk;. ,dhy; ngwg;gLk; tupAUtpd; gUkd; ngupaJ@

,dhy; ngwg;gLk; tupAUtpd; gUkd; rpwpaJ. NkYk; jiyg;Gf;fs;

jbj;j fUepw vOj;Jf;fshff; fhl;rpaspf;Fk;.

Kjy; kl;lj;jiyg;G

,uz;lhk; kl;lj;jiyg;G

%d;whk; kl;lj;jiyg;G

ehd;fhk; kl;lj;jiyg;G

Ie;jhk; kl;lj;jiyg;G

jiyg;Gf;fSf;Fk; cgjiyg;Gf;fSf;Fkhf ,e;j milahsxl;Lf;fisg; gad;gLj;Jk;NghJ mtw;Wf;F ,ilNa NtW vt;tpjmilahs xl;Lf;fisAk; gad;gLj;j KbahJ. jiyg;Gf;fs; kw;Wk;cgjiyg;Gfis ,lJGwkhf> tyJ Gwkhf> ikaj;jpy; Neu;g;gLj;Jtjw;F'ALIGN' cg milahs xl;ilg; gad;gLj;jyhk;. jiyg;gpid ikag;gLj;jNtz;bAs;sNghJ jiyg;G vdg; gad;gLj;jNtz;Lk;. cg milahs xl;LfSf;fhf nghUj;jkhd ngWkhdq;fisg;gpujpaPL nra;jy; Ntz;Lk; vd;gijf; ftdj;jpy; nfhs;s Ntz;Lk;.

milahs xl;Lf;fhfg; gad;gLj;jf;f milahs xl;Lf;fs;

'LEFT', 'RIGHT' , 'CENTER' vd %d;W ngWkhdq;fspy; cs;sd.

ge;jpfisAk; tupfisAk; Ntwhf;Fjy; ge;jpfisAk; tupfisAk; Ntwhf;Fjy; ge;jpfisAk; tupfisAk; Ntwhf;Fjy; ge;jpfisAk; tupfisAk; Ntwhf;Fjy; ge;jpfisAk; tupfisAk; Ntwhf;Fjy;

—
The
tag defines the beginning and ending

of a paragraph of text.

ALIGN=Option The alignment of the text in the paragraph

(LEFT| RIGHT| CENTER)

Mwhk; kl;lj;jiyg;G


nghJthfg; gad;gLj;Jk; tupNtwhf;fpia ('line Break') my;yJ 'jj;jypid ('Tab') I 'HTML' gf;fnkhd;wpy; gad;gLj;j KbahJ. vdNt>mjw;fhf nghUj;jkhd milahs xl;Lf;fisg; gad;gLj;j Ntz;Lk;.vdNt> ge;jpfis Ntwhf;Ftjw;fhf

(Paragraph) milahs xl;ilg;gad;gLj;j Ntz;Lk;.

milahs xl;ilg; gad;gLj;Jk;NghJge;jpfSf;F ,ilNa ntWk; tupnahd;W cUthf;fg;gLk;. ,jd; fUj;Jge;jpfSf;F ,ilNa ,lk;tpLjy; vd;gjhFk;. cjhuzk; 5.3 ,y; ,Jfhl;lg;gl;Ls;sJ. ,J tiy NkNyhbapy; (Web Browser) fhl;lg;gLk;

tpjk; cU 5.5 ,y; fhl;lg;gl;Ls;sJ.

;; ;; ;

cjhuzk; cjhuzk; cjhuzk; cjhuzk; cjhuzk; 5'35'35'35'35'3

cjhuzk; 5'03

Paragraph and line Demo

This is first Paragraph

This is heading 2

Paragraph two
Paragraph three

cU 5.5 jiyg;G kw;Wk; ge;jpfspy; tup Ntwhf;fy;

The
tag forces a line break in the text.

CLEAR=option Causes the next line to start at the spot in which

(LEFT|RIGHT|ALL| NONE) the specified margin in clear.

tup Ntwhf;fy;tup Ntwhf;fy;tup Ntwhf;fy;tup Ntwhf;fy;tup Ntwhf;fy;


xU tupia kw;WnkhU tupapypUe;J Ntwhf;f Ntz;bAs;sjhapd;

mt;tupfis Ntwhf;Ftjw;fhf
(BR for Line Break) gad;gLj;jg;gLk;.

,q;F ntWk; tupnahd;W cUthf;fg;glhkNy kPjpg;gFjp mLj;j tupf;Ff;

nfhz;L nry;yg;gLk;.

%yk; ge;jpfspuz;Lf;fpilNa ntWk; tupnahd;W

cUthf;fg;gl;l NghjpYk;
,dhy; mt;thwhd ntWk; tupnahd;W

cUthf;fg;gLtjpy;iy.

ck;
ck; KiwNa ge;jpfisAk;

tupfisAk; Ntwhf;Ftjw;fhfg; gad;gLj;jg;gLk;. Vida milahs

xl;LfSf;fhf Njitahd Kbg;gpd;NghJ gad;gLj;Jfpd;w milahs

xl;Lf;fs; ,jw;F (

, ) Njitg;gLtjpy;iy.

Fwpg;G :Fwpg;G :Fwpg;G :Fwpg;G :Fwpg;G :

1' ,izag;gf;f cUthf;fj;jpd;NghJ mjidj; jahupf;Fk;

re;ju;g;gj;jpy; cq;fsJ trjpf;fhf ntWk; tupfisNah NghJkhd

msT ntWk; ,lj;jpidNah tpl;L itj;Jf; nfhs;sNtz;ba

Njit Vw;gLk; re;ju ;g ;gq;fspy;

my;yJ
Ig;

gad;gLj;jyhk;. ,jd;%yk; gf;fj;jpd; cz;ikahd jd;ikia

fhl;Lk; tifapy; NjitahdthW ntWk; tupfisAk; ,lj;ijAk;

tpl;L itg;gjw;fhf NjitahdthW

IAk;
IAk;

gad;gLj;j kwe;JtplyhfhJ.

2' ge;jpfis mikf;Fk;NghJ my;yJ mg;ge;jpfis Neu;g;gLj;jp

mikf;Fk;NghJ eLtpy; (Align Center) my;yJ tyJ Gwj;Jf;Fr;

rkhe;jukhf (Align Right) my;yJ ,lJ Gwj;Jf;F rkhe;jpukhf

(Align Left) Neu;g;gLj;j Ntz;ba Njit Vw;gLk;. vdNt> Njitahd

mwpTWj;jy;fSf;fhf

milahs xl;Lld; gad;gLj;jf; $ba

cg milahs xl;Lf;fisg; gad;gLj;jf;f tpjk; fPNo

jug;gl;Ls;sJ.

,q;F ePq;fs; mnkupf;f Mq;fpyj;ijNa gad;gLj;j Ntz;Lk;

vd;gijf; ftdj;jpw; nfhs;s Ntz;Lk;. cjhuzkhf "CENTRE"

vdg; gad;gLj;j KbahJ. ,J gpupj;jhdpa Mq;fpyj;jpy;

gad;gLj;jg;gLk; tbtkhFk;.


1234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121

xg;gil5.3xg;gil5.3xg;gil5.3xg;gil5.3xg;gil5.3

1' 'UNESCO' epWtdj;jpdhy; mwpKfg;gLj;jg;gl;Ls;s

,yq;ifapy; mike;Js;s Njrpa mUQ;nry;tq;fisg;

gw ;w pa ,izaj;jsk ; xd ;w pid cUthf ;f

Ntz;bAs;sJ. ,izaj;jpidg; gad;gLj;jp my;yJ

Mrpupaupd; JizAld; mt;thwhdnjhU ,izaj;

jsnkhd;wpid cUthf;Ftjw;Fj; Njitahd

jfty;fisj; jpul;b mwpf;ifahfj; jahupAq;fs;.

ePq;fs; jahupj;j mwpf;ifapy; jiyg;Gfs;> cgjiyg;Gf;

fspd; fPo; ,yq;ifapd; Njrpa mUQ; nry;tq;fs;

(National Heritage) gw ; w pa t p g uq ;fisAk ;

cs;slf;Fq;fs;.

2' ePq;fs; jpul;ba jfty;fis 'Notepad' Ig; gad;gLj;jp

vspikahd xU ,izag;gf;fkhf cUthf;Fq;fs;. mjw;fhf

ePq;fs; ,J tiu fw;w , , ,

, ,

,
milahs xl;Lf;fis (Tags) khj;jpuk;

gad;gLj;Jq;fs;.

3' ePq;fs; jahupj;j ,izag;gf;fj;ij 'Heritage.html' vDk; ngaupy;

td;tl;by; NrkpAq;fs;. ,q;F td;tl;by; 'Heritage' vd

jdpahdnjhU cggFjpia cUthf;fp mq;F Nkw;gb

'Heritage.html' Ir; NrkpAq;fs;.

4' ePq ;fs; cUthf;f pa ,izag;gf ;fj ;j pid jw;NghJ

gad;ghl;bYs;s xU tiyNkNyhb (Web Browser) %yk;

mtjhdpAq;fs;.

ftdj;jpw; nfhs;sNtz;baJftdj;jpw; nfhs;sNtz;baJftdj;jpw; nfhs;sNtz;baJftdj;jpw; nfhs;sNtz;baJftdj;jpw; nfhs;sNtz;baJ

• ,izag;gf;fj;ij cUthf;Fk;NghJ ePq;fs; jpul;ba jfty;fis

cq;fsJ tpUg;gj;jpd;gb jkpopy;> Mq;fpyj;jpy; kw;Wk; rpq;fsj;jpy;

jahupf;fyhk;.

• ePq;fs; td;tl;by; Nrkpj;j ,izag;gf;fj;jpd; Nfhg;G ePl;rp (File

Extension) .html, my;yJ htm Mf ,Uj;jy; Ntz;Lk;.,izaj;jpy;

; gutyhf gad;gLj;jg;gLtJ .html MFk;.


5.3.4 fpilf;NfhLfs; gad;gLj;Jjy;5.3.4 fpilf;NfhLfs; gad;gLj;Jjy;5.3.4 fpilf;NfhLfs; gad;gLj;Jjy;5.3.4 fpilf;NfhLfs; gad;gLj;Jjy;5.3.4 fpilf;NfhLfs; gad;gLj;Jjy;

,izag;gf;fnkhd;wpd; Gwj;Njhw;wj;ij moFgLj;Jtjw;fhf

nghJthf fpilf;NfhLfs; (Horizontal Rules) gad;gLj;jg;gLtij ePq;fs;

ghu;j;jpUf;ff; $Lk;. ,jw;fhfg; gad;gLj;j Ntz;ba milahs xl;lhf

(Horizontal Rule) cs;sJ. ,f;fpilf;NfhLfs; ,izag; gf;fq;fis

moFgLj;Jtjw;fhfTk; gFjpfis Ntwhf;fpf; fhl;Ltjw;fhfTk;

gad;gLj;jg;gLk;. ,q;Fk; milahs xl;Lf;fis Kbg;gjw;fhfg;

gad;gLj;Jk; Njitg;gLtjpy;iy.


cjhuzk; 5.04

Horizontal Rules

cU 5.6 - fpilf;NfhLfisf; nfhz;l ,izag;gf;fnkhd;W


fpilf;Nfhl;by; gad;gLj;jj;jf;f ehd;F cg milahs xl;Lf;fs;

cs;sd. 'SIZE' (Nfhl;bd; jbg;G my;yJ gUkd;) 'WIDTH' (Nfhl;bd;

ePsk;)" 'ALIGN' (Neu;g;gLj;jk;) 'SHADOW' ( epow;gLj;jy;) MfpadNt

me;j ehd;F milahs xl;LfSkhFk;. ,it jtpu> Nfhl;bd; epwj;ij

khw;Wtjw;fhf 'COLOR' vdg;gLk; cg milahs xl;Lk; gad;gLj;jg;gLk;.

'COLOR' cg milahs xl;L njhlu;ghfg; gpd;du; tpsf;fg;gLk;.

fpilf;Nfhl;bd; msTfpilf;Nfhl;bd; msTfpilf;Nfhl;bd; msTfpilf;Nfhl;bd; msTfpilf;Nfhl;bd; msT (Size)

fpilf;Nfhl;bd; mstpd; gz;ghdJ mjd; jbg;gpd; %yk;

tiuaWf;fg;gLk; 'SIZE' vDk; milahs xl;bd; %yk; ,J fhl;lg;glyhk;.

jbg;ghdJ Pixels fspy; Fwpg;gplg;gLk;.

cjhuzkhf :

fpilf; Nfhl;bd; ePsk;fpilf; Nfhl;bd; ePsk;fpilf; Nfhl;bd; ePsk;fpilf; Nfhl;bd; ePsk;fpilf; Nfhl;bd; ePsk; (Width)

'WIDTH' vDk; milahs xl;bd; %yk; Nfhl;bd; ePsj;ijf;

Fwpg;gplyhk;. ,jid ,uz;L tpjkhff; fhl;lyhk;. Nfhl;bd; ePsj;ij

'Pixel' fspy; mjhtJ fzpdpj; jpiuapy; cs;s Gs;spfspd; vz;zpf;ifiaf;

nfhz;L fhl;LtJ mtw;Ws; xU KiwahFk;. fzpdpj; jpiuapy;

,izag;gf;fk; fhl;rpaspf;Fk; J}u mstpd; rjtPjkhff; ^]& fhl;LtJ

kw;iwa KiwahFk;.

cjhuzk;

^Nfhl;bd; ePsk; 'Pixel' fspy;)

^Nfhl;bd; ePsk; rjtPjj;jpy;)

fpilf; Nfhl;bid Neu;g;gLj;jy;fpilf; Nfhl;bid Neu;g;gLj;jy;fpilf; Nfhl;bid Neu;g;gLj;jy;fpilf; Nfhl;bid Neu;g;gLj;jy;fpilf; Nfhl;bid Neu;g;gLj;jy;

tiyg;gf;fk; xd;wpd; kPJ gjpAk; fpilf;Nfhl;bid Neu;g;gLj;j

'ALIGN' cg milahs xl;bid gad;gLj;jyhk;. mf;Nfhl;il ikaj;Jf;F

(CENTER) Neu;g;gLj;jyhk;. my;yJ tyJ GwkhfNth (RIGHT) ,lJ

GwkhfNth (LEFT) Neu;g;gLj;jyhk;.

cjhuzk;cjhuzk;cjhuzk;cjhuzk;cjhuzk;

,e;j cgmilahs xl;L gad;gLj;jg;glhj re;ju;;g;gq;fspy;

mf;fpilf;NfhL ikaj;jpw;Fr; rkhe;jukhf Neu;g;gLj;jg;gLk;.


fpilf;Nfhl;bid epow;;gLj;jy; fpilf;Nfhl;bid epow;;gLj;jy; fpilf;Nfhl;bid epow;;gLj;jy; fpilf;Nfhl;bid epow;;gLj;jy; fpilf;Nfhl;bid epow;;gLj;jy;

'NOSHADE' vd;w cg milahs xl;L gad;gLj;jg;gLk; NfhLfLq;fWg;G epwkhff; fhl;lg;gLk;. rpy re;ju;g;gq;fspy; NfhLfs; epoYld;mikf;fg;gLk;.

cjhuzk;

tupAU tbtikg;Gfs; tupAU tbtikg;Gfs; tupAU tbtikg;Gfs; tupAU tbtikg;Gfs; tupAU tbtikg;Gfs; (Character Designs)

— The tag displays the enclosed text in bold type.

— The tag increase the size of the enclosed text. The

exact appearance of the text depends on the browser and the

default font size.

— The tag causes the enclosed text to blink on and

— The tag is used for citation and usually displayed in

italics.

— The tag is used for text taken from code for a

computer program. It is usually displayed in a fixed width font.

— The is used to emphasize text. The enclosed text is

— The tag italicizes the enclosed text.

— The is used for text made for appear as if it is came

from a typewriter or keyboard.Text is displayed with a fixed

width font.

— The tag displays text in a fixed width font.

— The tag decreases the size of the enclosed text.

The exact appearance of the text depends on the browser

and the default font size.

— Contains information that identifies the style sheet in use.

— The tag displays the enclosed text as a subscript.

— The tag displays the enclosed text as a superscript.

— The tag displays text in a fixed width, teletype style font.

— The tag underlines the enclose text. The tag should

be avoided because it will confide users with hypertext, which

is typically underlined.

— The tag is used for text that represents a variable and

is usually displayed in italics.

usually displayd differently from others.

off.


HTML Ig; gad;gLj;jpj; jahupf;fg;gLk; ,izag; gf;fq;fSf;fhfg;

gad;gLj;jg;gLk; tupAUf;fisg;(Character) gy;NtW tiffspy;

khw;wpaikj;J ,izag;gf;fq;fspd; ntspj;Njhw;wj;ij moFgLj;jyhk;.

,jw;fhf tupAU milahs xl;Lf;fisg; (Character Tag) gad;gLj;jyhk;.

,e;j milahs xl;Lf;fis Njitahd vOj;Jf;fSf;Nfh> nrhw;fSf;Nfh>

thf;fpaj;jpw;Nfh ge;jpfSf;Nfh gad;gLj;jyhk;. ,e;j tupAU milahs

xl;Lf;fisg; gad;gLj;Jtjhapd; mJ KbtilAk; ,lk; vJ vd;gijf;

fhl;LtJ fl;lhakhdjhFk;.

ghzpfs; (Styles) gad;gLj;jg;gLk; jd;ikf;F mika rpy

Mtzq;fs; NtWgLk;. rpy re;ju;g;gq;fspy; milahs xl;Lf;fs; ju;f;f

uPjpapy; (Logical) njhopw;gLk;.


cjhuzk; 5'05

Character Emphasis

this is Emphasis (Usually Italic)

text

this is Stronger emphasis

(Usually bold) text

this is Teletext text

this is Bold text

this is Italic text

this is Underline text

this is BIGGER text

this is SMALLER text

this is Subscripted text

this is Superscripted text


tupAU tbtikg;GfSf;fhd rpy cjhuzq;fs;tupAU tbtikg;GfSf;fhd rpy cjhuzq;fs;tupAU tbtikg;GfSf;fhd rpy cjhuzq;fs;tupAU tbtikg;GfSf;fhd rpy cjhuzq;fs;tupAU tbtikg;GfSf;fhd rpy cjhuzq;fs;

Emphasis (Usually Italics)

Stronger emphasis (Usually bold)

Boldface where available (Browser may render

line in another manner if boldface is not

possible)

Italic (may be rendered as started in some

cases)

Underline (Maybe rendered as started in

some cases)

Bigger text

Smaller text

Subscripted text

Superscripted text

cU 5.7 ntt;NtW tupAU tbtikg;Gf;fs;

Flashing text


'HTML' ,y; milahs xl;Lld; mjd; cg milahs

xl;Lf;fisAk; gad;gLj;jp tupAUf;fspd; (vOj;Jf;fspd;) gUkidAk;

(Size) epwj;ijAk; (Color) khw;wyhk;. mj;NjhL cg milahs xl;Lf;fisg;

gad;gLj;jp tz;z ,izag;gf;fq;fis cUthf;Fk; trjpfSk; cs;sd.

vOj;JUtif msTvOj;JUtif msTvOj;JUtif msTvOj;JUtif msTvOj;JUtif msT (Font Size)

,jw;fhf ,uz;L Kiwfisg; gad;gLj;jyhk;.

vOj;JUtpd; msit jpl;ltl;lkhff; Fwpg;gpLjy; mtw;Ws;

KjyhtJ KiwahFk;. ,q;F vOj;JUtpd; gUkdpd; (n) (Font Size)

ngWkhdk; 1 njhlf;fk; 7 tiuapy; NtWgLk;.

vOj;JUtpd; ngWkhdk; 1> 2 vd;gd rpwpa gUkd;fshfTk;

(Small Size)

vOj;JUtpd; ngWkhdk; 3 rhjhuz gUkdhfTk; (Normal Size)

vOj;JUtpd; ngWkhdk; 4> 5> 6> 7 vd;gd ngupa gUkd;fshfTk;

(Large Size) gad;gLj;jg;gLfpd;wd.

vOj;JUtpd; msT rhu;Gj; njhlu;G (Relatively) %yk; fhl;LtJ,uz;lhtJ KiwahFk;.

— The tag used to control the appearance of the text

it encloses.

SIZE = Value Size of the font in points, it can be absolute or relative.

Specifying SIZE=5 sets the font size to 5 points.

Specifying SIZE=+5 set the font size 5 points larger than

default tag.

COLOR = Colour The colour of the enclosed text.

FACE=List The font faces of the text. Multiple font face can be specified,

separated by commas. The browser will try to render the

text in the order specified by the list.

vOj;JUf;fspd; msTk;; epwKk; (tz;zKk;)vOj;JUf;fspd; msTk;; epwKk; (tz;zKk;)vOj;JUf;fspd; msTk;; epwKk; (tz;zKk;)vOj;JUf;fspd; msTk;; epwKk; (tz;zKk;)vOj;JUf;fspd; msTk;; epwKk; (tz;zKk;)

kw;Wk;


,e;j cg milahs xl;Lf ;fisg; gad;gLj;Jk;NghJvOj;JUf;fspd; gUkd; ngupjhjy; my;yJ rpwpjhjyhdJ mg;NghJmaypy; gad;gLj;jg;gLk; vOj;Jf;fspd; gUkDf;F rhu;ghf epfOk;.cjhuzkhf n 2 MFk;NghJ vOj;Jg; gUkd; 2 msTfspdhy; rpwpajhFk;.

n +2 MFk;NghJ vOj;Jg; gUkd; ,uz;L msTfshy; ngupajhFk;.

cU 5.8 vOj;Jf;fspd; msT> tz;zk; vd;gtw;iw NtWgLj;jy;

vOj;JUf;fspd; tz;zj;ij milahs xl;LfSld; 'COLOR'vDk; cg milahs xl;ilg; gad;gLj;Jtjhy; khw;wpf; nfhs;syhk;.


cjhuzk; 5.6

Font size and colour

This font is in Blue

This font is in size 6

This font is in size 3 and Black

color

vOj;JUf;fspd; tz;zk; vOj;JUf;fspd; tz;zk; vOj;JUf;fspd; tz;zk; vOj;JUf;fspd; tz;zk; vOj;JUf;fspd; tz;zk; (Font Color)


vOj;JUf;fspd; tz;zj;ij (Color) khw;Wtjw;fhf %d;W gjpdWk(Hexadecimal) vz;fisg; gad;gLj;j Ntz;Lk;. rptg;G> gr;ir> ePytz;zq;fSf;fhf ntt;Ntwhf gjpdWk vz;fisg; gad;gLj;j Ntz;Lk;.mt;ntht;nthU tz;zj;jpdJk; ngWkhdj;ij gjpd;k vz;; 0 - 255tiu khw;wf;$bathW cs;sJ. ,g;gjpd;k vz;fs; ;'HTML' gf;fq;fisjahupf;ifapy; gjpdWk vz;fshy; fhl;lg;gLjy; Ntz;Lk;. NkNy Fwpg;gpl;lgjpd;k vz;fs; 0 njhlf;fk; 255 tiuapyhd ngWkhdq;fs; gjpdWkvz; Kiwg;gb z00Z njhlf;fk; 'FF' apy; tiuahd ngWkhdq;fshfTk;Nkw;Fwpg;gpl;l cjhuzj;jpd;gb 'RR' (rptg;G tz;zq;fs;) 'GG' (gr;irtz;zq;fs;) 'BB' (ePy tz;zq;fs;) ntt;Ntwhf gjpdWk vz;ngWkhdq;fisg; gpujpaPL nra;jy; Ntz;Lk;. cjhuzkhf gjpdWkngWkhdkhfpa '00 00 FF' (KiwNa 0> 0 255 Mfpa gjpd;k vz;ngWkhdq;fs;) ePytz;zj;jpw;fhf gad;gLj;jg;gLk;. mjd; 00 ngWkhdk;rptg;G tz;zj;Jf;ffhfTk; ,uz;lhtJ gjpdWk vz;zhfpa 00 gr;irepwj;jpw;fhfTk; %d;whtJ gjpdWk vz;zhfpa FF ePy tz;zj;jpw;fhfTk;gad;gLj;jg;gLk;. ,q;F rptg;G tz;zj;jpw;fhfTk; gr;ir tz;zj;jpw;fhTk;00 gad;gLj ;jg ;gl ;bUg ;gjd ; %yk ; ,t ;t puz;L e pwq ;fSk;gad;gLj;jg;gltpy;iy vd;gJ fhl;lg;gLfpd;wJ. ePy tz;zk; Vidatz;zq;fNshL Nru;khdk; Mftpy;iy vd;gijf; ftdj;jpy; nfhs;sNtz;Lk;. NkYk;> ,e;j gjpdWk vz;Zf;Fg; gjpyhf tz;zj;jpw;FupangaiuAk; gad;gLj;j KbAk;. (ml;ltiz ,yf;fk; 5.1 Ig; ghUq;fs;),y. 5.1 ,y; rptg;G> gr;ir> ePy tz;zq;fSld; Nru;khdj;jpyhdtz;zq;fisAk; fhzyhk;.

cjhuzkhfcjhuzkhfcjhuzkhfcjhuzkhfcjhuzkhf

(Light Steel Blue tz;zj;jpw;fhf) (ePy tz;zj;jpw;fhf)

Fwpg ;GFwpg ;GFwpg ;GFwpg ;GFwpg ;G

• milahs xl;bd; fPOs;s vOj;Jf;fspd; tz;zj;ijAk;gUkidAk; khw;Wtjw;fhf Fwpj;j milahs xl;Lf;fisg;gpd;tUkhW gad;gLj;jyhk;.

• tz;zg; gad;ghl;bd; NghJ ePq;fs; tpUk;Gk; tz;zk;(epwk;)ml;ltiz 5.1 ,y; cs;sjhapd; mjw;Fupa gjpdWk vz;izml;ltizapypUe;J ngwyhk;.

• ml;ltiz 5.1 ,y; ,y;yhj NtW tz;zq;fisg; gad;gLj;Jk;NghJmjw;Fupa gjpdWk vz;ngWkhdk; ahJ vd;gij 'AdobePhotoshop' iag; gad;gLj;jpg; ngwyhk; vd Kd;ida mj;jpahaj;jpy;fw;Nwhk;. mJnjhlu;ghf kPz;Lk; ftdk; nrYj;Jq;fs;.


ml;ltiz ,yf;fk; 5.1 tz;zq;fSk; ngWkhdq;fSk; ngau;fSk;ml;ltiz ,yf;fk; 5.1 tz;zq;fSk; ngWkhdq;fSk; ngau;fSk;ml;ltiz ,yf;fk; 5.1 tz;zq;fSk; ngWkhdq;fSk; ngau;fSk;ml;ltiz ,yf;fk; 5.1 tz;zq;fSk; ngWkhdq;fSk; ngau;fSk;ml;ltiz ,yf;fk; 5.1 tz;zq;fSk; ngWkhdq;fSk; ngau;fSk;


1234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121

xg;gil5.4 xg;gil5.4 xg;gil5.4 xg;gil5.4 xg;gil5.4

1' ePq;fs; xg;gil 5.3 ,y; jahupj;j 'Heritage.html'

,izag;gf;fj;ij kPz;Lk; 'Notepad' ,y; jpwe;J

mjd; moif mjpfupf;fj;jf;f tpjk; njhlu;ghf

ftdk; nrYj;Jq;fs;.

2' mjd; moif mjpfupg ;gjw;fhf> tupAU tbtikg;Gfs;

fpilf;NfhLfs; kw;Wk; ntt;NtW tz;zq;fis nghUj;jkhdthW

gad;gLj;Jq;fs;. tz;zq;fisg; gad;gLj;Jk;NghJ nghUj;jkhd

tz;zq;fis ml;ltiz ,yf;fk; 5.1 ,ypUe;J njupT nra;J

nfhs;Sq;fs;.

3' cq;fsJ 'Heritage.html' ,izag; gf;fj;ij kPz;L;k; fzpdpapy;

NrkpAq;fs;.

gl;bay;fs;gl;bay;fs;gl;bay;fs;gl;bay;fs;gl;bay;fs; (Lists)

,izag; gf;fq;fspid cUthf;Fk;NghJ ngUkstpw;Fj;

Njitg;gLk; xU tplakhf ml;ltizfspid (List) ; Fwpg;gplyhk;.

jfty;fis mwpf;ifg;gLj;Jifapy; ml;ltizfs; jahupg;gJ mtrpakhd

xd;whFk;. mt;thwhd gl;bay;fs; jahupf;Fk;NghJ gad;gLj;jf;$ba

milahs xl;LfSk; me;j milahs xl;LfSld; gad;gLj;jf;$ba

cg milahs xl;Lf;fSk; cjhuzk; 5.7 ,y; jug;gl;Ls;sd. mJ

tiyNkNyhb (Web Browser) xd;wpy; fhl;rpaspf;Fk; tpjk; cU 5.9 ,y;

fhl;lg;gl;Ls;sJ.


cU 5.9 ,izag; gf;fq;fspy; gl;bay;fs;


cjhuzk; 5.07

Ordered and Unordered

Ordered List

First Item

Second Item

Third Item

Unordered List

First Item

Second Item

Third Item

Nested Item 1

Nested Item 2

Nested Item 3

Nested Item 1

Nested Item 2

Nested Item 3

Back to Square Nested Item 4


— The tag encloses an ordered list of items.

Typically ordered list are rendered as numbered list

START=value The values of the starting number in the ordered list

TYPE=Option Specifies how ordered items are to be marked.

(A|a|I|i|1) A=uppercase letters,

a=lowercase letter,

I=uppercase Roman numerals,

i=lowercase Roman numerals,

1=Digits, the default is 1.

,yf;f xOq;Fg;gb gl;bay;fs; jahupj;jy;,yf;f xOq;Fg;gb gl;bay;fs; jahupj;jy;,yf;f xOq;Fg;gb gl;bay;fs; jahupj;jy;,yf;f xOq;Fg;gb gl;bay;fs; jahupj;jy;,yf;f xOq;Fg;gb gl;bay;fs; jahupj;jy;

(Ordered List) vDk; milahs xl;bd; %yk; xOq;ifg;

gad;gLj;jp my;yJ FwpaPLfisg; gad;gLj;jp (cjhuzk; 1" 2" 3 ''''''

kw;Wk; i, ii, iii, ... a, b, c, ... vd;wthwhf& gl;bay;fs; jahupf;fg;gLk;. ,t;thwhfg;

gl;bay;fisj; jahupf;Fk;NghJ vd;gJ gl;bay; njhlf;fj;jpy;

gad;gLj;jg;gLk;. gl;bay; Kbitf; Fwpg;gpl vd;gJ gl;bay;

gad;gLj;jg;gLk;. ,g;gl;baypy; xt;Nthu; cUg;gbiaAk; (Items)

gl;baw;gLj;Jtjw;fhf (List Item) milahs xl;L gad;gLj;jg;gLk;.


Item 1

Item 1

Item 2

,g;gl;bay;fspy; Kbitf; Fwpg;gpl milahs xl;L

Njitg;glhJ. ,g;gl;bay;fs; jahupf;Fk;NghJ milahs xl;Lld;

'TYPE' gz;gpid (attribute) mjd; cg milahs xl;lhfg; gad;gLj;jyhk;.

,jd;%yk; gl;bay;fSf;fhfg; gad;gLj;jg;gLk; ,yf;fj;ijNah

vOj;JUtpd; tz;zj;ijNah khw;wyhk;.



vd;wthwhfg; gad;gLj;jyhk;. gl;baiy ve;j ,yf;fj;jpy; my;yJ ve;j

vOj;jpy; Muk;gpf;f Ntz;Lk; vd;gijAk; ,jd; %yk; Fwpg;gplyhk;.


xOq;Fg;gLj;jg;glhj gl;baiyg; gad;gLj;Jjy;xOq;Fg;gLj;jg;glhj gl;baiyg; gad;gLj;Jjy;xOq;Fg;gLj;jg;glhj gl;baiyg; gad;gLj;Jjy;xOq;Fg;gLj;jg;glhj gl;baiyg; gad;gLj;Jjy;xOq;Fg;gLj;jg;glhj gl;baiyg; gad;gLj;Jjy;

gl;bay;fs; jahupf;Fk;NghJ ,yf;fq;fNsh vOj;Jf;fNsh

gad;gLj;jg;glhj re;ju;g;gq;fspy;> mjw;Fg; gjpyhff; FwpaPLfs;

gad;gLj;jg;gLk; re;ju;g;gq;fis ePq;fs; ghu;j;jpUg;gPu;fs;. mt;thwhd

FwpaPLfs; gad;gLj;jg;gLk; re;ju;g;gq;fspy; mjw;fhf (Unordered List)

milahs xl;L gad;gLj;jg;gLk;. ,jd; Kbitf; Fwpg;gjw;fhf Nrhb

milahs xl;ilf; Fwpg;gpLjy; Ntz;Lk;. vdNt mjw;fhf Ig;

gad;gLj;j Ntz;Lk;.


Item 1

Item 2

,t;thwhfg; gad;gLj;jg;gLk; FwpaPl;L tifia khw;Wtjw;fhf

milahs xl;Lld; 'TYPE' cg milahs xl;Lf;Fupa 'DISK',

'CIRCLE' my;yJ 'SQUARE' FwpaPl;L tifiag; gad;gLj;jyhk;.

cjhuzkhf>

vd;gijf; Fwpg;gplyhk;.

— The tag enclose an an ordered list of items.

Typically ordered list are rendered as symbolic list.

TYPE=Option TYPE specifies how ordered items are to be marked.

(DISK|CIRCLE|SQUARE)


1234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121nraw;ghL 5.5nraw;ghL 5.5nraw;ghL 5.5nraw;ghL 5.5nraw;ghL 5.5

fiyr;nrhy; mfuhjp Nghd;w gl;bay;fspid jahupg;gjw;F

,tw;wpid gad;gLj;jyhk;. mfuhjpapy; xU tupapy; jiyg;Gk; mjdJ

tpguKk; jug;gLk;. gl;baypid tiuaWg;gjw;F (Definition List) ck;

mjd; Kbitf; Fwpg;gjw;fhf ck; gad;gLj;jg;gLfpd;wd. tptuz

jiyg;gpw;fhf (Definition Title) ck; tptuzj;jpw;fhf (Definition

Description) ck; gad;gLj;jg;gLfpd;wd.

cjhuzk;

Title 1

Description 1

Title 2

Description 2

ePq;fs; Vw;fdNt 'UNESCO' epWtdj;jpdhy; ngauplg;gl;Ls;s

,yq;ifapy; mike;Js;s gz;ghl;L kw;Wk; VO ,aw;if

cyf mUQ;nry;tq;fs; 7 gw;wpa tpguq;fisj; jpul;b

'heritage.html' ,izag;gf;fnkhd;iwj; jahupj;Js;sPu;fs;. ,yq;ifapy;

mike;Js;s ,e;j Vopy; MW mUQ;nry;tq;fs; gz;ghl;L mUQ;

nry;tq;fshf> tifg;gLj;jg;gl;Ls;sd. xd;W ,aw;if mUQ; nry;tkhf

tifg;gLj;jg;gl;Ls;sJ.

kPz;Lk; 'heritage.html' ,izag; gf;fj;ij vspikahd ghlg; gjpg;Gf;

fUtpapdhy; jpwTq;fs;. gpd;du; mg;gf;fj;jpy; Muk;gj;jpy; ,lg;gl;Ls;s

mwpKfj;jpd; fPo; MW gz;ghl;L mUQ;nry;tq;fSs; xU ,aw;if

mUQ; nry;tKk; mikAkhW jahupAq;fs;. ,yf;fkplg;gl;l

gl;bay;fisj; jahupAq;fs;.

gpd;du; xt;nthd;Wk; njhlu;ghf ePz;l tpguq;fis cg

jiyg;Gf;fspd; fPo; Kd;du; fhzg;gl;lthNw itAq;fs;. gl;bay;fisj;

jahupj;j gpd;du; 'heritage.html' ,izag;gf;fj;ij fzpdpapy; NrkpAq;fs;.

tiuaiw gl;bay;fs;tiuaiw gl;bay;fs;tiuaiw gl;bay;fs;tiuaiw gl;bay;fs;tiuaiw gl;bay;fs; (Definition Lists)


Fwpg;GFwpg;GFwpg;GFwpg;GFwpg;G

,yq;ifapYs;s> cyf mUQ;nry;tq;fs; gw;wpa tpguq;fis

'http://whc.UNESCO.org/en/statesparties/lk' ,izaj;jsj;jpypUe;J ngwyhk;.

.

5.3.8 tpNrl $w;Wf;fs;5.3.8 tpNrl $w;Wf;fs;5.3.8 tpNrl $w;Wf;fs;5.3.8 tpNrl $w;Wf;fs;5.3.8 tpNrl $w;Wf;fs;

Fwpg;Giufs; Fwpg;Giufs; Fwpg;Giufs; Fwpg;Giufs; Fwpg;Giufs; (Comments)

'HTML' ,dhy ; ahNjDk ; t pguj ;ij my ;yJ $w ;iw

,izag;gf;fq;fs; jahupg;Nghupd; trjpf;fhf khj;jpuk; Fwpj;J itf;f

Ntz;ba Njit Vw;gl;Ls;sjhapd; mjw;fhf vDk;

FwpaPLfisg; gad;gLj;j Ntz;Lk;. mf;FwpaPLfSf;F ,ilNa cs;s

vJTk; tiyNkNyhbapdhy; (Web browser) fhl;lg;glkhl;lhJ.

cjhuzk; cjhuzk; cjhuzk; cjhuzk; cjhuzk; 5'8 5'8 5'8 5'8 5'8

cjhuzk; 5.08

Special Formats

be displayed in the display - —>

This text block indented and

displayed as a separate paragraph.

When display this text it

will look exactly as it

does here ....

I can be contacted at

[email protected]


Fwpg;Giufis ntspf;fhl;Ljy; Fwpg;Giufis ntspf;fhl;Ljy; Fwpg;Giufis ntspf;fhl;Ljy; Fwpg;Giufis ntspf;fhl;Ljy; Fwpg;Giufis ntspf;fhl;Ljy; (Blockquotes)

'HTML' ,y; rpwg;ghd Xu; milahs xl;lhf

vd;gJ gad;gLj;jg;gLfpd;wJ. rpwg;ghd Fwpg;Giufisj; jdpahd xU

ge;jpapy; njs;sj;njspthf fhl;Ltjw;fhf ,J gad;gLj;jg;gLfpd;wJ.

This text block indented and displayed

as a separate paragraph.

epiyj;jtbtikg;G epiyj;jtbtikg;G epiyj;jtbtikg;G epiyj;jtbtikg;G epiyj;jtbtikg;G (Pre-formated Text)

Vw;fdNt xU re;ju;g;gj;jpy; Fwpg;gplg;gl;ljpw;fpzq;f 'HTML' %yk;

rfy ntWk; tupfSk; Njitaw;w ,lq;fSk; vg;NghJk; iftplg;gl;Nl

fhl;rpg;gLj;jg;gLk;. vdpDk;> rpy re;ju;g;gq;fspy; ehk; cl;gLj;jpa

cU 5.10 Fwpg;Giufisj; njspthff; fhl;Ljy;.

— The tag retains the per-formatted appearance of

the text in the HTML file, including any line breaks or

spaces. Text is usually displayed in a fixed width font.


tbtikg;G mNj tbtj;jpy; NgzNtz;bapUg;gpd; mjw;fhf rpwg;ghd

(PRE-format) milahs xl;ilg; gad;gLj;jyhk;. mt;thW

gad;gLj;Jtjhy; ehk; vkJ Njitf;fhfj; jhgpj;j ntWk; tupfSk;

ntWk; ,lq;fSk; mt;thNw Ngzpr; nry;yg;gLk;.

When displayed this text

will look exactly

as it does here ....

Kftupnahd;wpidf; fhl;Ljy;Kftupnahd;wpidf; fhl;Ljy;Kftupnahd;wpidf; fhl;Ljy;Kftupnahd;wpidf; fhl;Ljy;Kftupnahd;wpidf; fhl;Ljy;

rpy re;ju;g;gq;fspy; ,izag;gf;fq;fis mikj;jtu; ahu; vd;gijf;

Fwpg;gpl Ntz;ba Njit Vw;gLtJz;L. mt;thwhd re;ju;;g;gq;fspy;

mf;Fwpg;Gfis rpwg;ghd tifapy; rha;T vOj;Jf;fisg; (Italics)

gad;gLj;jp mikg;gJ Vw;Wf; nfhs;sgl;l xU KiwahFk;. mjw;fhf

(Address) milahs xl;ilg; gad;gLj;jyhk;. ,t;thwhd

Fwpg;Gfs; ngUk;ghyhd re;ju;g;gq;fspy; ,izag;gf;fj;jpd; ,Wjpapy;

fhl;lg;gLk;.

I can be contacted at

[email protected]

— The tag is used for information

such as addresses, authorship, and so forth. The

text is usually italicized and in some browsers it

is indented.


'HTML' ,y;,y;,y;,y;,y; tiutpay;fisAk; glq;fisAk; tiutpay;fisAk; glq;fisAk; tiutpay;fisAk; glq;fisAk; tiutpay;fisAk; glq;fisAk; tiutpay;fisAk; glq;fisAk; gad;gad;gad;gad;gad;gLj;jygLj;jygLj;jygLj;jygLj;jy ;; ;; ;

,izag;gf;fq;fspy; tiutpay;fisAk; (Graphics) xspg;glq;fisAk;;>

(Photos) gbkq;fisAk; (Images) nrUf (Insert) trjp fpilj;Js;sikahy;

jfty;fspd; ngWkhdKk; mjpfupj;Js;sJ. jfty;fis Kd;itf;Fk;NghJ

juKk; mjw;fhf tiutpay;fs;> xspg;glq;fs;> gbkq;fs; Nghd;wtw;iwAk;

gad;gLj;Jtjhy; cq;fsJ ,izag; gf;fq;fSf;F rpwg;ghd

ngWkhdj;ij toq;f KbAk;. tiutpay;fs;> xspg;glq;fs;> gbkq;fisg;

gad;gLj;Jtjd; %yk; mj;jfty;fisg; gupkhwpf; nfhs;tjw;F mjpf

Neuk; nrythFk; vd;gijAk; ePq;fs; kdjpy; ,Uj;jpf; nfhs;s Ntz;Lk;.

,izag; gf;fq;fisj; jahu;g;gLj;Jtjw;fhf gad;gLj;jg;gLk;

gbkq;fis (tiutpay;fisNah> xspg;glq;fisNah) fzpdpapy; Nrkpj;J

itg;gjw;fhf kpfTk; gpugy;akhd mq;fPfupf;fg;gl;l ,uz;L Nfhg;GKiwfs;

(File Format) cs;sd. 'GIF' (Graphics Interchange Format) kw;Wk; 'JPEG' (Joint

Photographic Expert Group), my;yJ 'JPG' (J-peg) vd;gitNa mitahFk;.

,t;tiutpay;fis my;yJ xspg;glq;fis ,izag;gf;fq;fs; cs;s

ciwapd; (Folder) cs;NsNa Nrkpf;fyhk;. ,t;thwhd tiutpay;fis

(Graphics) Nrkpg;gjw;fhf Ntwhf Xu; ciw (Folders) gad;gLj;jg;gLtijAk;

ngUk;ghYk; fhzKbfpd;wJ. ,t;tiutpay;fs; jdJ fzpdpapy;

khj;jpukpd;wp gpwpNjhu; ,lj;jpYs;s xU fzpdpapNyh ,izaj;Jld;

,ize;Js;s NtWnkhU fzpdpapNyh mlq;fp ,Uf;fyhk;. mt;thwhd

re;ju;g;gq;fspy; mt;tiutpay;fis cq;fsJ ,izag; gf;fq;fspy;

vt;thW nrUFtJ vd;gJ gw;wpg; gpd;du; Nehf;FNthk;.

fzpdpapy; cs;s Xu; xspg;glj;ij cq;fsJ ,izag;gf;fj;jpy;

nrUf vjpu;ghu;g;gjhff; fUJNthk;. me;j xspg;glj;jpd; ngau;

'Polonnaruwa.jpg' vdf; fUJNthk;. me;j xspg;glj;ij cq;fsJ ,izag;

gf;fj;jpy; (Web Text) nrUFtjw;fhfg; gad;gLj;jf;$ba (for IMAGE)

vDk; milahs xl;ilg; gad;gLj;jf;$ba tpjk; tUkhW:

,q;F milahs xl;bd; fPo; 'SRC' (for Source) cg milahs

xl;bd; ngWkhdkhf ePq;fs; nrUf vjpu;ghu;f;fg;gLk; xspg;glj;jpd; ngaiu

mjpy; gpujpaPL nra;jy; Ntz;Lk;.


mJ kl;Lkpd;wp nrUf vjpu;ghu;f;fg;gLk; glk; my;yJ xspg;glk;

(Graphics) ,izaj;jpy; NtNwhu; ,izaj;jsj;jpy; cs;sjhapd; mjid

cq;fsJ ,izag;gf;fj;jpy; nrUFk; re;ju;g;gj;jpy; mjw;fhf me;j

,izaj;jsj;jpd; ngaiug; gad;gLj;j Ntz;Lk;.

cjhuzkhf

If; Fwpg;gplyhk;.


cjhuzk; 5.9

Inserting Image

Sinharaja Forest

Sinharaja is the country’s last viable area of

primary tropical rainforest. More than 60% of the trees

are endemic and many of them are considered rare. There

is much endemic wildlife, especially birds, but the reserve

is also home to over 50% of Sri Lanka’s endemic species

of mammals and butterflies. As well as many kinds of

insects, reptiles and rare amphibians.


gbkk; xd;Wf;F gjpyhd gpujpaPLgbkk; xd;Wf;F gjpyhd gpujpaPLgbkk; xd;Wf;F gjpyhd gpujpaPLgbkk; xd;Wf;F gjpyhd gpujpaPLgbkk; xd;Wf;F gjpyhd gpujpaPL

rpy re;ju;g;gq;fspy; ,izaj;jpy; jfty; Njbr; nry;Yk;NghJ

ngUk;ghyhNdhu; gbkq;fs; (Images) jkJ fzpdpf;F ,wf;fQ; nra;J

nfhs;shJ mtw;wpd; jfty;fis khj;jpuk; Njbr; nry;tJz;L. ,jw;fhf

NkNyhbapy; (Browser) cs;s 'Graphic Turn Off' re;ju;g;gj;ijg; gad;gLj;jyhk;.

mt;thwhd re;ju;g;gj;jpy; gbkq;;fshy; fhl;lg;gLtJ ahJ vd;gJ gw;wp

mwpa Ntz;ba Njit Vw ;gLk ;NghJ mjw;fhf RUf;fkhd

nrhw;nwhlnuhd;wpid gad;gLj;jyhk;. ,e;j FWk; RUf;fkhd

nrhw;nwhlupid 'ALT' (ALTernate image) cg milahs xl;il

milahs xl;bd; fPo; gad;gLj;jyhk;.

cU 5.11 rpq;fuh[tdj;jpd; glj;ij cs;slf;fpa ,izag;gf;fnkhd;W


ge;jpfisAk; gbkq;;fisAk; Neu;g;gLj;jy;. ge;jpfisAk; gbkq;;fisAk; Neu;g;gLj;jy;. ge;jpfisAk; gbkq;;fisAk; Neu;g;gLj;jy;. ge;jpfisAk; gbkq;;fisAk; Neu;g;gLj;jy;. ge;jpfisAk; gbkq;;fisAk; Neu;g;gLj;jy;.

ngUk;ghyhd re;ju;g;gq;fspy; gbkq;fSld; ge;jpfs; mikf;f

Ntz;bNaw;gLtJz;L. mt;thNw ge;jpfspy; gbkq;fis mikf;f

Ntz;bVw;gLtJKz;L. mt;thwhd re;ju;g;gq;fspy; Ald;

gad;gLj;jf;$ba rpy cg milahs xl;Lf;fs; cjhuzk; 5.10 ,y;

jug;gl;Ls;sd. 'ALIGN', 'WIDTH' vd;gditNa mitahFk;.

Neu;g;gLj;jy;Neu;g;gLj;jy;Neu;g;gLj;jy;Neu;g;gLj;jy;Neu;g;gLj;jy;

,jw;fhf 'HTML' ,d; milahs xl;lhfpa ,d; cg

milahs xl;L 'ALIGN' mjw;Fupa ngWkhdj;ijg; gpujpaPL nra;a

Ntz;ba tpjKk; gpd;gw;w Ntz;ba tpjpAk; xOq;FKiwAk; tUkhW.

Nkw;gb 5'10 cjhuzj;jpy; 'ALIGN' cg milahs xl;by; gpujpaPL

nra;j 'TOP' ngWkhdKk; mjw;F xg;ghd> gpujpaPL nra;aj;jf;f NkYk;

rpy ngWkhdq;fSk; jug;gl;L;s;sd.

cjhuzk; 5.10 cjhuzk; 5.10 cjhuzk; 5.10 cjhuzk; 5.10 cjhuzk; 5.10

cjhuzk; 5'10

Aligning Text & Images

The text aligns with the top of the

image.

Galle Port


TOP The text aligns with the top of image

TEXTTOP The image is aligned with the top of the

tallest text in the line.

MIDDLE The text aligns with the middle of the

image

BOTTOM The text aligns with the bottom of the

image

LEFT The image aligns with the left margin,

and the text wraps around the right.

RIGHT The image aligns with the right margin,

and the text wraps around the left.

cU 5.12 gbkq;fisAk; ge;jpfisAk; Neu;g;gLj;jy;


gbkq;fspd; mfyj;ijAk; cauj;ijAk; khw;Wjy;gbkq;fspd; mfyj;ijAk; cauj;ijAk; khw;Wjy;gbkq;fspd; mfyj;ijAk; cauj;ijAk; khw;Wjy;gbkq;fspd; mfyj;ijAk; cauj;ijAk; khw;Wjy;gbkq;fspd; mfyj;ijAk; cauj;ijAk; khw;Wjy;(Width and Height)

gbtnkhd;wpd; mfyj;ijAk; ̂Width& cauj;ijAk; ̂Height& 'WIDTH'

kw;Wk; 'HEIGHT' Mfpa cg milahs xl;Lf;fisg; gad;gLj;jp

khw;wpaikf;fyhk;. mt;thW Fwpj;j mfyj;ijAk; cauj;ijAk; 'WIDTH'

kw;Wk;; 'HEIGHT' Mfpa cg milahs xl;Lf;fspd; fPo;f; Fwpg;gjd;

%yk; gbkj;ij kpfj; Jupjkhfg; ngw;Wf; nfhs;s KbAk;.

(Value = No of Pixels)

cjhuzk; 5.12 Ig; ghUq;fs;.

vy;iy mikj;jy; vy;iy mikj;jy; vy;iy mikj;jy; vy;iy mikj;jy; vy;iy mikj;jy; (Border)

,jidf; nfhz;L gbkj;ijr; Rw;wptu Xuj;ij Vw;gLj;jyhk;

mj;Jld; Xuj;jpd; jbg;gpidAk; khw;wyhk;.

(n = No of Pixel)

gbkj;ijr; Rw;wptu ,ilntsp mikj;jy; gbkj;ijr; Rw;wptu ,ilntsp mikj;jy; gbkj;ijr; Rw;wptu ,ilntsp mikj;jy; gbkj;ijr; Rw;wptu ,ilntsp mikj;jy; gbkj;ijr; Rw;wptu ,ilntsp mikj;jy; (Space)

gbknkhd;iwj; jhgpf;Fk;NghJ mg;gbkj;ijr; Rw;wptu ,Uf;f

Ntz;ba ,lj;jpd; msT vt;tsT vdf; Fwpg;gplyhk;. mjw;fhf VSPACE'

(VERTICAL SPACE) kw;Wk; 'HSPACE' (HOROZONTAL SPACE) cg milahs

xl;Lf;fisg; gad;gLj;jyhk;. epiyf;Fj;jhf ,lj;ij mikg;gjw;fhfg;

gad;gLj;jg;gLk; VSPACE %yk; tiutpaypd; ,lJ Gwj;NjAk; tyJ

Gwj;NjAk; ,lk; mikf;fg;gLk;. HSPACE %yk; tiutpaypd; Nky;> fPo;

,lq;fisAk; mikf;fyhk;.

(n = No of Pixel)


gpd;dzpapdJk; vOj;Jf;fspdJk; tz;zj;ij khw;wpaikj;jy;gpd;dzpapdJk; vOj;Jf;fspdJk; tz;zj;ij khw;wpaikj;jy;gpd;dzpapdJk; vOj;Jf;fspdJk; tz;zj;ij khw;wpaikj;jy;gpd;dzpapdJk; vOj;Jf;fspdJk; tz;zj;ij khw;wpaikj;jy;gpd;dzpapdJk; vOj;Jf;fspdJk; tz;zj;ij khw;wpaikj;jy;

,izag;gf;fq;fspd; gpd;dzp tz;zj;ijAk; (Background Color)

Kd;dzp tz;zj;ijAk; (Foreground Color) my;yJ vOj;Jf;fspd;epwj;ijAk; (Text Color) khw;Wtjw;fhfTk; 'HTML' ,y; gad;gLj;jg;gLk;milahs xl;bd; fPo; cg milahs xl;Lf;fs; gad;gLj;jg;gLk;. gpd;dzptz;zj;ij khw;Wtjw;fhf 'BGCOLOR' (for Background) vDk; milahsxl;L milahs xl;bd; fPo; gad;gLj;jg;gLk;. 'TEXT' vd;Dk;cg milahs %yk; vOj;jpd; tz;zj;ij khw;wyhk;. NkYk;> milahs xl;bd; fPo; 'COLOR' cgmilahs xl;Lf;fhf> tz;zj;jpw;FupagjpdWk vz;zpd; ngWkhdj;ijg; gpujpaPL nra;tjhy; vOj;JU

tz;zj;ij khw;wyhk;. (cjhuzk; 5.11 Ig; ghUq;fs;)


cjhuzk; 5'11

Set Background & Text Color

Green Copper Background & Light Blue Text

Galle Port

cU 5.13

gpd;dzpapdJk;

vOj;Jf;fspdJk; tz;zk;

khw;wpaikf;fg;gl;l xU

,izag;gf;fk;


gpd;dzp tz;zj;ij khw;wpaikj;jy; gpd;dzp tz;zj;ij khw;wpaikj;jy; gpd;dzp tz;zj;ij khw;wpaikj;jy; gpd;dzp tz;zj;ij khw;wpaikj;jy; gpd;dzp tz;zj;ij khw;wpaikj;jy;

gpd;dzp tz;zj;ij khw;wpaikf;f Ntz;bAs;sNghJ mt;tz;zj;ij

khw;wpaikg;gjw;fhfg; gad;gLj;jg;gLk; cg milahs xl;lhfpa

'BGCOLOR' (BACKGROUND COLOR) vDk; milahs xl;il ePq;fs;

milahs xl;LlNdNa gad;gLj;j Ntz;Lk;.

,q;F 'RRGGBB' vd;gJ ,uz;L ,yf;fq;fs; tPjk; nfhz;l gjpdWk

(Hexadecimal) vz;fs; %d;whFk;. ,q;F 'RR' vd;gJ rptg;G epwj;ijAk;

'GG' vd;gJ gr;ir epwj;ijAk; 'BB' vd;gJ ePy epwj;ijAk; Fwpf;fg;

gad;gLj;jg;gLfpd;wJ. vdNt> me;je;j tz;zj;Jf;Fj; Njitahd

ngWkhdq;fis toq;fyhk;. mk;%d;W tz;zq;fspd; Nru;khdk; %yk;

ngWk; tz;zk; gpd;dzpahfg; gad;gLj;jg;gLk;. cjhuzkhf gpd;tUkhW

Light Steel Blue tz;zj;jpw;fhf '8F8FBD' Ig; gad;gLj;jyhk;.

vOj;Jf;fspd; tz;zj;ij khw;Wjy;vOj;Jf;fspd; tz;zj;ij khw;Wjy;vOj;Jf;fspd; tz;zj;ij khw;Wjy;vOj;Jf;fspd; tz;zj;ij khw;Wjy;vOj;Jf;fspd; tz;zj;ij khw;Wjy;

vOj;Jf;fspd; tz;zj;ij khw;Wtjw;fhf Nkw;Fwpg;gpl;l

tifapNyNa tz;zq;fs; gad;gLj;jg;gLk;. mjw;fhfg; gad;gLj;jg;gLk;

cg milahs xl;L 'TEXT' MFk;.

gpd;dzp tz;zj;ijAk; vOj;Jf;fspd; tz;zj;ijAk; Vffhyj;jpy; khw;w

KbAk;. mjw;fhf cg milahs xl;Lf;fspuz;ilAk; Vf fhyj;jpy;

gad;gLj;jyhk;. gpd;tUk; cjhuzj;jpYs;sJ Nghd;W tz;zj;jpd;

ngaiuAk; $l gad;gLj;jp tz;z khw;wj;ij Vw;gLj;jyhk;.


12345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121


1. tz;zg; ngau;g; gl;bay; ml;ltiz 5.1 ,y; jug;gl;Ls;sJ.

2. tz;zg; gad;ghl;bd;NghJ ePq;fs; epidtpy; itj;jpUf;f Ntz;ba

Kf;fpakhd xU tplak; cs;sJ. thrpg;gtUf;F vspjhf

njupaf;$bathwhd tz;zq;fis khj;jpuNk ,izaj; jsq;fspy;

gad;gLj;j Ntz;Lnkd;gNj mJthFk;.

1.e Pq ;fs; Vw;fdNt jahupj ;Js;s 'heritage.html'

,izag;gf;fj;ij kPz;Lk; 'Notepad' ,y; jpwe;J

nfhs;Sq;fs;.

2. ,izaj;jpypUe;Njh NtW ahNjDk; topapNyh ,yq;ifapy;

cs;s cyf mUQ; nry;tq;fshd VO ,lq;fSld; njhlu;Gila

VO xspg;glq;fisg; ngw;Wf; nfhs;Sq;fs;. me;j VO

xspg;glq;fSf;Fk; 'GIF' my;yJ 'JPG' tbtj;jpy; nghUj;jkhd

ngau;fis ,l;L cq;fsJ fzpdpapy; Nrkpj;Jf; nfhs;Sq;fs;.

Njitahapd; "Adobe Photoshop" gad;gLj;jp rupahf xOq;FgLj;jpf;

nfhs;syhk;. me;j xspg;glq;fisAk; 'Heritage' td;tl;L

tyaj;jpDs; Nrkpj;Jf; nfhs;Sq;fs;.

3. ePq;fs; Vw;fdNt jahupj;Js;s 'heritage.html' ,izag;gf;fj;jpy;

cyf mUQ;nry;tq;fSf;fhd cg jiyg;Gf;fspd; fPo; xt;nthU

xspg;glkhf mikAk; tifapy; NkNy jahu;g;gLj;jpa 7

xspg;glq;fisAk; nrUfpf; nfhs;Sq;fs;. cq;fsJ xspg;glq;fis

nrUFtjw;fhf ePq;fs; fw;w milahs xl;ilAk; mjd;

cg milahs xl;ilAk; rupahdthW gad;gLj;Jq;fs;.

tupAUf;fSf;F (vOj;Jf;fSf;F) nghUj;jkhdthW tz;z%l;b

cq;fsJ ,izag;gf;fj;ij moFgLj;jpf; nfhs;Sq;fs;.

4. ,Wjpahf cq;fsJ ,izag;gf;fj;ij kPz;Lk; 'heritage.html' vd

Nrkpj;J cq;fsJ tiyNkNyhb %yk; (Web Browser) Nrhjpj;Jf;

nfhs;Sq;fs;.

xg;gil 5.6xg;gil 5.6xg;gil 5.6xg;gil 5.6xg;gil 5.6


gpd;dzpf;fhf gbkq;fisg; gad;gLj;jy;gpd;dzpf;fhf gbkq;fisg; gad;gLj;jy;gpd;dzpf;fhf gbkq;fisg; gad;gLj;jy;gpd;dzpf;fhf gbkq;fisg; gad;gLj;jy;gpd;dzpf;fhf gbkq;fisg; gad;gLj;jy;

gpd;dzpf;fhf tz;zq;fisg; gad;gLj;Jtjw;Fg; gjpyhf

gbkq;fisAk; gad;gLj;jyhk;. gpd;dzpf;fhf tz;zq;fisg;

gad;gLj;Jtijg; Nghd;Nw 'BODY' milahs xl;bd; cg milahs

xl;lhfpa 'BACKGROUND' xl;L %yk; gbkq;fis gpujpaPL nra;ayhk;.

cU 5. 14 - gpd;dzpf;fhf gbkq;fisg; gad;gLj;jy;

,yq;ifj; Njapiyj; Njhl;lq;fs;


cjhuzk; 5.125.125.125.125.12

,yq;ifj; Njapiyj; Njhl;lq;fs;


,e;j gbkk; ,izag;gf;fj;jpd; gpd;dzpf;fhf vy;yh ,lq;fspYk;

guk;gp miktij ePq;fs; fhzyhk;.


1. moFkpf;f gpd;dzp tz;zq;fisf; nfhz;l gbkq;fis

cUthf;Ftjw;fhf 'Adobe Photoshop' Nghd;w fzpdp gbk

nkd;nghUs;fisg; gad;gLj;jyhk;.

2. ,e;j gpd;dzp gbkq;fisg; gad;gLj;Jifapy; mjd; kPJ

vOj;Jf;fisg; gjpf;Fk;NghJ mit ,yFthf thrpf;fj; jf;fjhf

,Uf;FkhW ftdpj;Jf; nfhs;tJ mtrpakhdjhFk;.

NtW ,izag; gf;fq;fSlDk; ,izaj; jsq;fSlDk;NtW ,izag; gf;fq;fSlDk; ,izaj; jsq;fSlDk;NtW ,izag; gf;fq;fSlDk; ,izaj; jsq;fSlDk;NtW ,izag; gf;fq;fSlDk; ,izaj; jsq;fSlDk;NtW ,izag; gf;fq;fSlDk; ,izaj; jsq;fSlDk;,izg;ig Vw;gLj;jpf; nfhs;sy;,izg;ig Vw;gLj;jpf; nfhs;sy;,izg;ig Vw;gLj;jpf; nfhs;sy;,izg;ig Vw;gLj;jpf; nfhs;sy;,izg;ig Vw;gLj;jpf; nfhs;sy;

,izaj;jsj;jpid cUthf;Ftjw;fhfg; gad;gLj;j Ntz;ba

Kf;fpakhd mk;rk; ,izaj;jsq;fSlNdh ,izag;gf;fq;fSlNdh

,izg;Gfis cUthf;fpf ; nfhs;syhFk;. ,e;j ,izg;ig

Vw;gLj;Jtjw;fhf rpwg;ghd trjpfs;> ,izg;Gfs; (Links) 'HTML'

Clhf toq;fg;gLtij ,q;F Fwpg;gplhkypUf;f KbahJ. ,jd;%yk;

caupa ngWkhdKila typikahd jfty; Kiwiknahd;wpid

cUthf;fpf; nfhs;syhk;. mt;thwhdtw;iw cUthf;Ftjw;fhf 'HTML'

,y; milahs xl;LKiw fl;bnaOg;gg;gl;Ls;sik NgUjtpahf

mike;Js;sJ.

,izaj;jsnkhd;wpw;fhd my;yJ ,izag;gf;fnkhd;wpw;fhd

,izg;ig cUthf;fpf; nfhs;s Ntz;bAs;sjhapd; me;j ,izaj;

jsk; my;yJ gf;fq;fs; cs;s cz;ik ciw (actual folder) ,lk; my;yJ

URL ,id mwpe;J nfhs;tJ mtrpakhFk;. Links Ig; gad;gLj;jp

,izg;ig Vw;gLj;Jtjw;fhf milahs xl;ilg; gad;gLj;j Ntz;ba

tpjj;ijg; gpd;tUkhW fhl;lyhk;.

(HREF: HYPERTEXT REFERENCE)


,e;j 'HREF' cg milahs xl;ilg; gad;gLj;Jk; re;ju;g;gq;fspy;

mjd; Muk;gk; (for ANCHOR) MFk;. mJ KbtilAk; ,lj;ijAk;

Fwpg;gply; Ntz;Lk;. mJ MFk;. mg;gpizg;G Vd; Vw;gL;j;jg;gLfpd;wJ

vd;gijf; Fwpf;Fk; nrhy; my;yJ nrhw;nwhliu my;yJ ge;jpia

,w;Fk; ,w;Fk; ,ilNa mikj;jy;

Ntz;Lk;. cjhuzkhf click

here

to make a link.

cjhuzk; 5.13 ,y; cUthf;fg;gl;Ls;s nghydWitf; fy;tpfhiu

njhlu;ghd ,izag;gf;fk; tiyNkNyhbapy; (Web Browser) fhl;rpaspf;Fk;

tpjk; cU 5.15 ,y; fhl;lg;gl;Ls;sJ.

,jpy; cs;s 'Read more about Polonnaruwa' vDk; nrhw;nwhlupd; fPo;

my;yJ mjd; fPo; cs;s 'here' vd;Dk; nrhy;ypd; fPo; xU NfhL

gjpthFk;. mr;nrhw;nwhlupd; my;yJ nrhy;ypd; kPJ Rl;bapd; (mouse)

,lJ nghj;jhid mOj;Jtjhy; Fwpj;j ,izag;ghlj;ij my;yJ

,izag;gf;fj;ij milayhk;.

— The tag marks the beginning and end of hypertext link.

HREF=URL Indicates the target, file name, or URL that the hypertext point to.

NAME=Text Specified a name for an enclosed text, allowing it to be target of a

hyperlink.

REL=Text Specified the relationship between the current page and link specified by

HREF property.

REV=Text Specified the reverse relationship between the current page and link

specified by HREF property.

TARGET=Text Specifies the default target window or frame for the hyperlink.

TITLE=Text Provide a title for the document whose address is given by the HREF

property.


cjhuzk;cjhuzk;cjhuzk;cjhuzk;cjhuzk; 5'13 5'13 5'13 5'13 5'13

cjhuzk; 5.13

Creating Links with other source

Sinharaja Forest

Read more about

Sinharaja

Click

here

to read more about eBooks

cU 5.15 NtW ,izag; gf;fq;fSldhd ,izg;ig Vw;gLj;Jk; tpjk;


,izg;ig Vw;gLj;Jtjw;fhfg; gad;gLk; milahs,izg;ig Vw;gLj;Jtjw;fhfg; gad;gLk; milahs,izg;ig Vw;gLj;Jtjw;fhfg; gad;gLk; milahs,izg;ig Vw;gLj;Jtjw;fhfg; gad;gLk; milahs,izg;ig Vw;gLj;Jtjw;fhfg; gad;gLk; milahsxl;Lf;fsxl;Lf;fsxl;Lf;fsxl;Lf;fsxl;Lf;fs;

nghJthf ,t;tpizg;G Vw;gLk; ,lj;jpy; cs;s nrhy; my;yJ

nrhw;nwhlu; tz;z %l;lg;gLk;. mjd;gb ,izg;G cz;L vd;gij

czu;j;Jtw;fhf ePy epwk; gad;gLj;jg;gLk;. ePq;fs; Vw;fdNt nrd;Ws;s

my;yJ ,izg;ig Vw;gLj;jpAs;s ,;lq;fs; Cjh epwj;jpdhy; fhl;lg;gLk;.

cq;fsJ Njitapd;gb ePq;fs; tpUk;Gk; xU tz;zj;ij ,jw;fhfg;

gpujpaPL nra;J nfhs;syhk;. mt;thwhd Njit Vw;gLkhdhy;

mt;tz;zj;ijf; Fwpg;gpLtjw;fhf milahs xl;bd; fPo;

Fwpj;j cg milahs xl;ilg; gad;gLj;jp khw;wq;fisr; nra;jy;

Ntz;Lk;.

cjhuzkhfcjhuzkhfcjhuzkhfcjhuzkhfcjhuzkhf

'LINK' (UN-VISITED LINK) %yk; Muk;gj;jpy; gad;gLj;jpa tz;zk;

jPu;khdpf;fg;gLk;. 'VLINK' (VISITED LINK) %yk; mt;tpizg;igf; nfhz;l

,izaj;jsj;jpDs; Eioe;j gpd;du; gad;gLj;j Ntz;ba tz;zk;

jPu;khdpf;fg;gLk;. 'ALINK' (ACTIVATED LINK) tz;zk; %yk; ePq;fs;

njupTnra;j gf;fk; ,d;dKk; ePq;fhJ ,Uf;Fk;NghJ ,izg;G

fhz;gpf;fg;gLk;.

,izaj;jsj;jpy; ,t;thwhd ,izg;Gfis Vw;gLj;Jk;NghJ

gpujhdkhf %d;W Kiwfs; gad;gLj;jg;gLk;.

1. ,izaj;jsj;jpd; NtNwhu; ,lj;jpy; ,izg;ig Vw;gLj;Jjy;

2. ,izaj;jsj;jpy; NtW gf;fq;fspy; ,izg;ig Vw;gLj;jy;

3. NtW ,izaj;jsnkhd;Wld; my;yJ mt;thwhd NtW

,izaj;jsnkhd;;wpd; ,izag;gf;fq;fSld; ,izg;ig Vw;gLj;jy;.

,J njhlu;ghd Nkyjpf tptuq;fs; gpd;du; Kd;itf;fg;gLk;.


,izag; gf;fj;jpy; mike;Js;s gFjpfSld;,izag; gf;fj;jpy; mike;Js;s gFjpfSld;,izag; gf;fj;jpy; mike;Js;s gFjpfSld;,izag; gf;fj;jpy; mike;Js;s gFjpfSld;,izag; gf;fj;jpy; mike;Js;s gFjpfSld;,izg;ig,izg;ig,izg;ig,izg;ig,izg;ig Vw;gLj;jy;Vw;gLj;jy;Vw;gLj;jy;Vw;gLj;jy;Vw;gLj;jy;

rpy re;ju;g;gq;fspy; ,izg;ig ,izag;gf;fj;jpd; gFjpfspy;

Vw;gLj;j Ntz;Lk; vd;gij ngUk;ghYk; ePq;fs; czu;e;jpUg;gPu;fs;.

ngUe;njhifahd gf;fq;fisf; nfhz;l xU ,izag;gf;fj;jpd;

cggFjpfspd; ghy; Jupjkhf nrd;wilaf; $bathW ,izg;ig toq;f

Ntz;ba ,izaj;jsq;fspy; ,k;Kiw gad;gLj;jg;gLtij ePq;fs;

mwptPu;fs;. ,e;j ,izag;gf;fq;fspy; Kjypy; gf;fj;jpd; jiyg;Gk;

mLj;jjhf cs;slf;fg; gl;baYk; fhzg;gLk;. ,izg;G mg;gl;baY}lhfg;

gpuNahfpf;fg;gLk;.

,t;thwhd ,izg;nghd;wpid toq;Fk;NghJ Fwpg;ghf kdjpy;

,Uj;jpf; nfhs;s Ntz;ba ,uz;L tplaq;fs; cs;sd.

1. Rl;bapdhy; (mouse) mOj;jpaJk; (Click) ,izg;ig (Link) Vw;gLj;j

Ntz;ba ,lk;.

2' ,izg;ig Vw;gLj;jpf; nfhz;l gpd;du; kPsg;gpuNtrpf;f Ntz;ba

,lk; - jhq;FGs;sp (Anchor Point).


cjhuzk; 5'14

Linking Within a Document

This document contains some links

to other sections within itself.

Click the Section that you wish to view.

Part 2


'Anchor' ,lj;ij mikj;Jf; nfhs;sy;,lj;ij mikj;Jf; nfhs;sy;,lj;ij mikj;Jf; nfhs;sy;,lj;ij mikj;Jf; nfhs;sy;,lj;ij mikj;Jf; nfhs;sy;

Vw;fdNt jPu;khdpf;fg;gl;;;l Xu; ,lj;jpw;F ,izg;G %yk; ePq;fs;

nfhz;L nry;yg;gLjw;fhf (ANCHOR) milahs xl;ilg;

gad;gLj;jyhk;. mjw;fhf 'NAME' vDk; cg milahs xl;L

gad;gLj;jg;gLk;. cjhuzk; 5.14 ,d;gb mt;thwhf ,izg;ig Vw;gLj;jpa

gpd;du; gpuNtrpf;f Ntz;ba ,lj;ij ,dq;fhz;gjw;fhf Ig;

gad;gL;j;j Ntz;ba tpjk; fPNo fhl;lg;gl;Ls;sJ.

c-k; 5.16 Ig; ghUq;fs;.


12345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121

nraw;ghL 5.6nraw;ghL 5.6nraw;ghL 5.6nraw;ghL 5.6nraw;ghL 5.6

,izg;ig Vw;gLj;jy;,izg;ig Vw;gLj;jy;,izg;ig Vw;gLj;jy;,izg;ig Vw;gLj;jy;,izg;ig Vw;gLj;jy;

,izg;ig (Link) Vw;gLj;Jtjw;fhf cq;fsJ ,izag;gf;fj;jpd;

ahNjDNkhu; ,lj;jpy; milahs xl;il gad;gLj;jyhk;. mjw;fhf

rpwg;ghd 'HREF' (Hypher Reference) cg milahs xl;ilAk; gad;gLj;j

yhk;.

Part 1

,izg;ig gpwpnjhU gf;fj;jpd; gFjpnahd;Wf;F toq;f

Ntz;bAs;sjhapd; mt; ,izag; gf;fj;jpd; ngaiu mjw;F Kd;du;

Fwpg;gpl Ntz;Lk;.

Part 1

nraw;ghL 5.5 ,y; ePq;fs; ,yq;ifapy; mike;Js;s cyf

mUQ;nry;tq;fis gl;baw;gLj;jpdPu;fs;. gpd;du; mg;gf;fq;fs;

gw;wp ntt;Ntwhf cgjiyg;Gf;fspd; fPo; tpguq;fisf; Fwpg;gp;l;Bu;fs;.

mg;gl;bay;fisAk; tpguq;fisAk; gad;gLj;jp NkNy Fwpg;gpl;lthW

,izg;Gfis Vw;gLj;jpf; nfhs;Sq;fs;. gpd;du; me;j ,izg;Gfs;

njhopw;gLk; tpjj;ij mtjhdpAq;fs;.

gbkq;fspy; nghj;jhd;fis gad;gLj;jp ,izg;iggbkq;fspy; nghj;jhd;fis gad;gLj;jp ,izg;iggbkq;fspy; nghj;jhd;fis gad;gLj;jp ,izg;iggbkq;fspy; nghj;jhd;fis gad;gLj;jp ,izg;iggbkq;fspy; nghj;jhd;fis gad;gLj;jp ,izg;ig

Vw;gLj;jy;Vw;gLj;jy;Vw;gLj;jy;Vw;gLj;jy;Vw;gLj;jy;

,izag; gf;fnkhd;wpy; cs;s nrhy;nyhd;Wf;F my;yJ

nrhw;nwhlnuhd;Wf;F ,izg;ig toq;FtJ gw;wp Kd;ida gFjpapy;

fw;Nwhk;. ,e;j ,izg;ig gbkk; %yk; mikf;fg;gl;l nghj;jhd;fSf;Fk;

(Button) toq;fyhk;. mg;NghJ> mt;tiutpaypd; kPJ Rl;bapd; (mouse)

,lJ nghj;jhid mOj;Jtjd; %yk; mg;gf;fj;jpd; Fwp;j;j ,lj;jpNyh

NtW ,izag;gf;fnkhd;wpNyh gpuNtrp;f;fyhk;.


ePq;fs; nra;aNtz;banjy;yhk; ,d; fPo; Njitahd

tiutpay;fisr; Nru;g;gjhFk;. cjhuzkhf nghj;jhd; tbtj;jpy;

mikj;Jf; nfhs;sg;gl;l gbkj;jpd; ngau; 'part1.jpg' vdf; fUJNthkhdhy;

xNu gf;fj;jpYs;s ,izg;GfSf;fhf ,jid


cU 5.17 gbkk; Nghd;W jahupf;fg;gl;l nghj;jhndhd;wpd; %yk; ,izg;igg; ngwy;

ePq;fs; gad;gLj;Jk; gbkk; nghj;jhd;fis (Button) Njitnadpy;

Neu;g;gLj;jpf; nfhs;syhk;. gf;fj;jpd; ikaj;jpy; my;yJ ,lJ Gwj;jpy;

my;yJ tyJ Gwj;jpy; mikg;gjw;fhf vd;w milahs xl;Lld;

cg milahs xl;Lf;fisg; gad;gLj;Jjy; Ntz;Lk;.

gbkg; nghj;jhd;fspd; Xuq;fis mikj;jy;gbkg; nghj;jhd;fspd; Xuq;fis mikj;jy;gbkg; nghj;jhd;fspd; Xuq;fis mikj;jy;gbkg; nghj;jhd;fspd; Xuq;fis mikj;jy;gbkg; nghj;jhd;fspd; Xuq;fis mikj;jy;

Njitnadpd; gbkj;ijr; Rw;wptu cs;s Xuj;ijAk; mg;nghj;jhdpd;

gUkidAk; Fwpg;gplyhk;.

BORDER = 0 no border

gbkg; nghj;jhd;fis Neu;g;gLj;jy; gbkg; nghj;jhd;fis Neu;g;gLj;jy; gbkg; nghj;jhd;fis Neu;g;gLj;jy; gbkg; nghj;jhd;fis Neu;g;gLj;jy; gbkg; nghj;jhd;fis Neu;g;gLj;jy;


12345678901234567890123456789012123456789012345678901234567890121234567890123456789012345678901212345678901234567890123456789012123456789012345678901234567890121234567890123456789012345678901212345678901234567890123456789012123456789012345678901234567890121234567890123456789012345678901212345678901234567890123456789012


BORDER = 1 thin border

BORDER = 2 thick border

,e;j cg milahs xl;Lf;fis xNu milahs xl;bNyNa

gad;gLj;jyhk;.

ePq;fs; nraw;ghL 5.6 ,y; jahupj;j ,yq;ifapYs;s cyf

mUq;nry;tq;fs; njhlu;ghd ,izagf;fj;jpy; ,izg;Gfis

Vw;gLj;Jtjw;fhfg; gad;gLj;Jk; gl;baYf;F NkNy Adobe

Photoshop' %yk; jahupf;fg;gl;l 7 gbkg; nghj;jhd;fisr; nrUfp

mjpypUe;J Njitahd ,izg;Gfis cjhuzk; 5.15 ,y;

fhl;lg;gl;lthW toq;Fq;fs;. ,izg;ig ,izag;gf;fj;jpd; gFjpfSf;F

topgLj;Jq;fs;.

Nritg; gadu; gf;fg; gbkg; glq;fs; Nritg; gadu; gf;fg; gbkg; glq;fs; Nritg; gadu; gf;fg; gbkg; glq;fs; Nritg; gadu; gf;fg; gbkg; glq;fs; Nritg; gadu; gf;fg; gbkg; glq;fs; (Client Side ImageMaps)

rpy re;ju;g;gq;fspy; xU gbkj;jpDs; ntt;NtW ,lq;fspy; gy

,izg;Gfis Vw;gLj;j Ntz;b Vw;gLk;. mt;thwhd re;ju;g;gq;fspy;

Fwpg;ghf gl;b cUg;gbfis (Menu Items) njupT nra;jy; Nghd;w

re;ju;g;gq;fspy; ,k;Kiw gad;gLj;jg;gLk;. cjhuzkhf gpd;tUk;

gbkj;ijf; ftdpg;Nghk;. mjpy; ntt;NtW re;ju;g;gq;fSf;F Njitahd

,izg;Gfis Vw;gLj;Jtjw;fhf ,k;Kiwiag; gad;gLj;jyhk;.

,jw;fhf ePq;fs; nra;a Ntz;ba gzpfs; ,uz;L cs;sd.1. gad;gLj;Jk; gbkk; vJ vd;gJ gw;wp mwpe;J nfhs;s Ntz;Lk;.

2. gpd;du; mg;gbkj;jpd; ve;j ,lj;jpy; ,izg;ig Vw;gLj;j Ntz;Lk;vd;gijf; Fwpj;jy; Ntz;Lk;.,t;thwhf jahu;g;gLj;jpa fzpdp ,izag; gf;fnkhd;wpd;khjpupnahd;W cjhuzk; 5.16 ,y; jug;gl;Ls;sJ. mJ fzpdpj;jpiuapy; fhl;rpaspf;Fk; tpjk; cU 5.18 ,y; fhl;lg;gl;Ls;sJ.



cjhuzk; 5'16

Linking Using Image Map

This document contains Image Maps links to other

sections. Click the section that you wish to view.

Part 2
Blah, Blah, Blah

Part 4
Blah, Blah, Blah

Part 6
Blah, Blah, Blah

cU 5.18 cjhuzk; 5.16 ,d; jpiuf; fhl;rp


gbkg;gl mwptpg;G gbkg;gl mwptpg;G gbkg;gl mwptpg;G gbkg;gl mwptpg;G gbkg;gl mwptpg;G (Declaring image map)

Kjypy; gad;gLj;jg;gLk; gbkj;ij 'HTML' ,d;fPo; 'IMAGE MAP'

%yk; gpuNahfpg;gjhapd; ,dq;fhz;gjw;fhf> mg;gbkq;fSf;fhf xU

ngaiu ,l;Lf;nfhs;s Ntz;Lk;. mg;ngaiuf; nfhz;l gbkk;

gad;gLj;jg;gLfpd;wikia 'USEMAP' cgmilahs xl;bd; %yk; fhl;l

Ntz;Lk;. ,jid milahs xl;bd; fPo; gpd;tUkhW nra;jy;

Ntz;Lk;.

Setting Map Details (gltptuj;ij topg;gLj;jy;)(gltptuj;ij topg;gLj;jy;)(gltptuj;ij topg;gLj;jy;)(gltptuj;ij topg;gLj;jy;)(gltptuj;ij topg;gLj;jy;)

,izg;ig Vw;gLj;j Ntz;ba tpjj;ij> jug;gl;l ngaiug; gad;gLj;jp

milahs xl;bd; fPo;f; Fwpg;gpLjy; Ntz;Lk;. gbkj;jpy; ,izg;ig

Vw;gLj;j Ntz;ba xt;nthU gFjpf;Fk; jdpj;jdpahf milahs

xl;bd; f Po ; 'HREF', 'COORDS' , 'SHAPE' Mfpa cg milahs

xl;LfSf;fhfj; Njitahd ngWkhdq;fisg; gpujpaPL nra;J

gpuNjrj;jpw;fhd ,izg;ig Vw;gLj;j Ntz;Lk;. ,g;gpuNjrj;ijf;

Fwpg;gpLk;NghJ gbkj;jpd; Ms;$Wfisf; (Pixel coordinates) Fwpg;gpLjy;

Ntz;Lk;. gpd;du; ,izf;f Ntz;ba ,izag;gf;fj;jpd; gFjpiaNah

,izag; gf;fj;ijNah ,izaj;jsj;ijNah Fwpg;gplyhk;.


Ms;$Wfisf; fzpf;Fk; tpjk;Ms;$Wfisf; fzpf;Fk; tpjk;Ms;$Wfisf; fzpf;Fk; tpjk;Ms;$Wfisf; fzpf;Fk; tpjk;Ms;$Wfisf; fzpf;Fk; tpjk;

ntt;Ntwhff; Fwpf;fg;gLk; 'Image MAP' xt;nthd;Wf;Fk; xg;ghd

,UNrhb Ms;$Wfs; (Coordinates) tPjk; Njit. xU Nrhbapy; cs;s

,uz;L ngWkhdq;fs ; %yk; 'X' ck; 'Y' ck; fhl ;lg ;gLk ; .

mr;Nrhbfspuz;Lk; ,lJGw Nky;me;jKk; (Top left) tyJ Gw fPo; me;jKk;

(Bottom Right) MFk;. KOikahd gbkj;jpd; ,lJGw Nky; me;jj;jpd;

(Top left) Ms;$Wfs; 0"0 vdTk; tyJGw fPo;me;jj;jpd; (Bottom Right)

Ms;$Wfs; 450,28 vdTk; nfhz;lhy; mjd; tbtk; gpd;tUkhW mikAk;.

'Part 1' ,w;fhfg; gad;gLj;Jk; gpuNjrj;jpd; Ms;$Wfs;.

Top left Corner 40,0 (40 across" 0 Down)

Bottum Right Corner 100,28 (100 across" 28 Down)

'Part 2' ,w;fhf

Top left Corner 110, 0 (110 across" 0 Down)

Bottum Right 170,28 (200 across" 28 Down)

vd;wthW mikAk;.

PART 1 PART 2

Top Left corner (x = 0, y = 0)

y = 0

x = 0

Bottom Right

Corner (x = 100, y = 28)


Fwpg;G Fwpg;G Fwpg;G Fwpg;G Fwpg;G

'Image map' gad;gLj;JtJ kpfg; gpugy;akhd xU KiwahFk;.

gbkj;jpd; kPJ Rl;bapd; (mouse) nghj;jhid mOj;Jk;NghJ

(click) Njitahd jftYf;F ,yFthfTk; JupjkhfTk; nry;yyhk;.

'Image map' gad;gLj;Jk; gpujhd ,uz;L Kiwfs; cs;sd. mtw;Ws;

xd;W Server-side' MFk;. mjw;fhf milahs xl;L

gad;gLj;jg;gLk;. kw;iwa Kiw ehk; Kd;du; gad;gLj;jpa

'Client-side' MFk;. mjw;fhf vd;Dk; milahs xl;L

gad;gLj;jg;gLk;. 'Client-side' Ig; gad;gLj;Jk;NghJ Jupjkhfj;

jfty;fisg; ngwyhk;. 'Server-side' Ig; gad;gLj;Jtjhy; rw;Wj;

jhkjk; Vw;gLk;.

• kPz;Lk; 'heritage.html' ,izag; gf;fj;ij Note Pad,y;

jpwe;J nfhs;Sq;fs;. cq;fsJ ,izag; gf;fj;jpw;Fg;

nghUj;jkhd msTilajhfj; jahupf;fg;gl;l ,yq;ifg;

glnkhd;wpy; cyf mUQ; nry;tq;fshf ,yq;ifapy;

fhzg;gLk; ,lq;fis (efuq;fis) milahskpLq;fs;.

mjw;fhf 'Adobe Photoshop' fzpdpg; gbkg; gjpg;Gg; gpuNahf

nkd;nghUis gad;gLj;Jq;fs;.

• gpd;du; mg;glj;jpy; milahskpl;Lf; nfhz;l ,lq;fSf;fhf 'Image

map' Ig; gad;gLj;jp> Njitahd ,izg;Gfis Vw;gLj;Jq;fs;.

• my;yJ Vw;gLj;jpa ,izg;gpd; kPJ Rl;bapd; (Mouse) ,lJGw

nghj ;jhid mOj ;j p Njitahd gFj ptiu e Pq ;fs ;

topg;gLj;Jfpd;wPu;fsh vd;gJ Fwpj;Jf; ftdk; nrYj;Jq;fs;.

'HTML' Ig; gad;gLj;jp ml;ltiz jahupj;jy;.Ig; gad;gLj;jp ml;ltiz jahupj;jy;.Ig; gad;gLj;jp ml;ltiz jahupj;jy;.Ig; gad;gLj;jp ml;ltiz jahupj;jy;.Ig; gad;gLj;jp ml;ltiz jahupj;jy;.

,izag;gf;fq;fis cUthf;Fk;NghJ ml;ltizfisg; (Table)

gad;gLj;jf; $bajhf ,Uj;jy; ,jpy; kw;WnkhU Kf;fpakhd trjpahFk;

ml;ltizfisj; jahupg;gjw;fhff; fhzg;gLk; milahs xl;Lf;fs;

typikahd Mw;wiyf; nfhz;lit. ml;ltizfs; jahupg;gjw;fhf

'HTML' Mw;wy;fspd;gb ntt;NtW msTila fyq;fs; (Cells) nfhz;Ls;s

12345678901234567890123456789012123456789012345678901234567890121123456789012345678901234567890121234567890123456789012345678901211234567890123456789012345678901212345678901234567890123456789012112345678901234567890123456789012123456789012345678901234567890121



ntt;NtW msTila tupfs;> epuy;fSld; me;epuy;;fSf;F ntt;NtW

tz;zq;fis ,l;L ml;ltizfisj; jahupf;fyhk;. ml;ltizapYs;s

xt;nthU fyj;Jf;fhfTk; ntt;NtW vOj;JUf;fisg; gad;gLj;jyhk;.

me;je;jf; fyj;Jf;fhf ntt;NtWgl;l gbkq;fisNah gbkg;gFjpfisNah

gad;gLj;Jk; trjpAk; cz;L.

ml;ltizfis cUthf;Fk;NghJ milahs xl;ilg;

gad;gLj;Jjy; Ntz;Lk;. mt;tl;ltizia Kbg;gjw;fhf

milahs xl;ilg; gad;gLj;j Ntz;Lk;. xt;nthU tupiaAk; mwpKfQ;

nra;tjw;fhf (Table Row) milahs xl;ilg; gad;gLj;j Ntz;Lk;.

xt;nthU fyq;fSf;fhfTk; mjhtJ juTfisj; jdpj;jdpahfr;

nrUFtjw;fhf (Table Data) milahs xl;ilg; gad;gLj;j Ntz;Lk;.

,t;thwhf cUthf;fg;gLk; ml;ltizapy; tupfSf;fhf iag;

gad;gLj;Jtjd; %yk; juT nrUfyhk;. Njitahd re;ju;g;gq;fspy;

(Table Heading) vd;Dk ; milahs xl ;ilg ; gad;gLj ;j p

ml;ltizf;fhd jfty;fis ,lyhk;.

Num 1 Num 2

5 6



cjhuzk; 5'17

Tables in HTML

100,000,000 mjpf

jhlug; hd tpsff; k; khop gw;wpa vspikahd mwpT › moodle...,ytr tpepNahfjj; pwf; hf 141,e;j...

Documents

Transcript of jhlug; hd tpsff; k; khop gw;wpa vspikahd mwpT › moodle...,ytr tpepNahfjj; pwf; hf 141,e;j...