HTML SHORT NOTE

 HTML kue;s flá fhÿfuka y÷kajk Hyper Text Markup Language hkq f,dal jHdma; cd,h i|yd f,aLk ieliSug Ndú;
flfrk uQ,sl NdIdjhs'
 fjí w;ßlaiqjla wdOdrfhka ixo¾Ykh l< yels wdldrfha HTML f,aLkhla" fjí msgqjla f,i ye¢kaúh yel.
 HTML hkq mß.Kl NdIdjla fkdj úia;r lsÍfï NdIdjla (Markup/Descriptive Language) f,i y÷kajkq ,nhs'
 fjí msgqj ;=<;a úh hq;= iEu fohla u body fldgi ;=< igyka l< hq;= fõ'
 HTML Wiq,khl uQ,sldx.h (element), .=Kdx.h (attribute) yd w.h (value) f,i fldgia ;=kla we;'
 rEmhla fjí msgqjg iïnkaO lsÍu i|yd image Wiq,kh f,i y÷kajk <img> Wiq,kh Ndú; fõ'
 rEmhla fjí msgqjg iïnkaO lsÍu
 <img src = ''C:\Users\Pictures\srilanka.jpg''
alt =''Map'' width =''100'' height =''200''
border =''3'' align =''middle''>
 paragraph Wiq,kh
 Wiq,kfhaa align f,i y÷kajk .=Kdx.hg —left˜" —right˜" —center˜ iy —justify˜ hk w.hhka Ndú; lr
fjkia tfl,a, iajrEm y;rla ,nd Èh yelshs'
 WÞ ; < p align = ''left'' > jug
< p align = ''center'' > ueog
< p align = ''right'' > ol=Kg
< p align = ''justify'' > fofl<jrg iudka;rj
 jdlHhl jpk w;r mr;rh ilia lrk whqre
 Character entity Wiq,kh f,i y÷kajk j¾.hg wh;a &nbsp: Wiq,kh fh§fuka jpk w;r mr;rh ilia lr .; yels h'
 WÞ ;

 fma<s lsysmhla we;=<;a lsÍu

 fma<s ì÷u i|yd Tn Ndú; l< Line break f,i y÷kajk <br/> Wiq,kh Tn fuhg fmr Ndú; l< <img> Wiq,kh
mßÈ u blank tag /empty tag j¾.hg wh;a fõ'
 ,ehsia;= we;=<;a lsÍu
 HTML NdIdj ;=< Ndú; jk m%Odk ,ehsia;= j¾. ;=kla we;'
 Anchor Wiq,kh
 HTML fla;j, jQ Wiq,kh Ndú; lr hï mdGhla fyda rEmhla i|yd wêikaOdk ,nd Èh yelshs' fuu Wiq,khg
wod< .=Kdx. lsysmhla o we;' jeo.;a u .=Kdx.h jk href u.sska iïnkaOh we;s l< hq;= ia:dkh fmkajd fohs' th tu fjí
msgqj wvx.= f*da,avrfha u jQ fjk;a f.dkqjla kï f.dkq kduh" f.dkq È.=j;a iu. u oelaùu m%udKj;a h'
 WodyrK ( <a href=“President.jpeg”>President </a>
<a href=“President.html”>President </a>
 tfy;a fjk;a fjí msgqjlg iïnkaO l< hq;= kï wod< ud¾.h ^path& ksjerÈ j oelaúh hq;=hs'
 WodyrK ( <a href=“http://www.president.gov.lk/president”>President </a>
 Table Wiq,kh

 Caption Wiq,kh
 j.=jg ud;Dldjla fyda úia;rhla tys by<;a lsÍug Ndú; flf¾' .=Kdx. lsisjla fkdue;s jqj;a mdG yev .ekaùug wod<
Wiq,k fhdod fuu ud;Dld mdGh yev .ekaúh yel'
WodyrK ( < Caption><b><u>Principle Forms of Land use </ u></ b></ Caption>
 <tr> Wiq,kh
 <tr> f,i olajk fuu uQ,sldx.h u.ska j.=jg w¨;a fma<shla tl;= l< yels h' <table> ys § fuka u fma<s i|yd o fjk fjk u
align, bgcolor, bordercolor wdÈ .=Kdx. fjkia f,i fhÈh yel'
 <td> Wiq,kh
 fma<shla ;=< o;a; we;=<;a lsÍu i|yd jQ fldaI ^Cells& ks¾udKhg fhdod .efka' fma<s i|yd fuka u fldaI i|yd o
fjka fjka f,i .=Kdx. tla l< yels h'
 WodyrK ( <td width = ''4'' bordercolor= ''green'' bgcolor = ''yellow'' background
=''image.png''>
 <th> Wiq,kh
 Table header Wiq,kh f,i y÷kajk fuh j.=fõ ;Srej, YS¾I oelaùug Ndú; flfrhs' tfy;a j.=fõ ´kE u fldaIhlg wod< j
<td> Wiq,kh fjkqjg fhÈh yels h' fuys úfYaI;ajh jkafka fldaIh ;=< we;=<;a mdGh ;o meye wl=ßka ixo¾Ykh
ùuhs' Colspan, rowspan we;=¿ j <td> Wiq,khg wod< .=Kdx. ish,a, u fuu Wiq,kh i|yd o Ndú; l< yels h'