Professional Documents
Culture Documents
�.��யா
ஆ��ய� – �.��யா –
nithyadurai87@gmail.com
வ�வைம��: த.��வாச�
http://kaniyam.com/learn-html-in-tamil எ�ற
�கவ��� இ��� இ�த �ைல ப��ற�க�
ெச�யலா�. உ�க� க���கைள�� இ�ேக
ப�ரலா�.
ப��� பய� ெபற��, �ற�ட� ப����
ம�ழ�� ேவ���ேறா�.
த.��வாச�
tshrinivasan@gmail.com
ஆ��ய�
க�ய�
editor@kaniyam.com
உ�ைம
�� �ல� :
http://static.kaniyam.com/ebooks/Learn-HTML-in-
Tamil.odt
�� கா��,
இ��லா��.,
21 ஏ�ர� 2015
��ன�ச�: nithyadurai87@gmail.com
HTML - அ��க�
HTML tags
இ� ேபா�� <html></html>,<title></title>,<head>
</head>,<body></body> ேபா�ற ஒ�ெவா� tag-�
/-ஐ� ெதாட��� அேத வா��ைதகைள�
ெப�� ���க�ப�வைத இைண tags அ�ல�
ேஜா� tags எ�ப�. html-� இட�ெப��
ஒ�ெவா� tag-��� இைண tag எ�ெறா��
இ��க ேவ��ய அவ�ய��ைல. இைவ
இ�லாம�� ஒ��ல tags உ�ளன.
File: sample.html
<html>
<head>Rhymes</head>
<body>
</body>
</html>
Paragraph
File: paragraph.html
<html>
<head><title>Nursery Rhymes</title></head>
<body>
</html>
இ�� body tag-��� உ�ளைவ browser-�
ெவ��ப���ள�. ஆனா� அேத வ���
paragraph-ஆக அைவ ெவ��பட��ைல.
ஏென�� body tag-��� உ�ளைவ browser-�
ெவ��படேவ��� எ�ப� ம��ேம இ��
க�டைள. அைவ paragraphs-ஆக
ெவ��படேவ��� எ�� க�டைளைய
அ��கேவ இ�த <p> tag பய�ப��ற�.
File: paragraph.html
<html>
<head><title>Nursery Rhymes</title></head>
<body>
</body>
</html>
இ�ேபா� ப��க� browser-� ெவ��ப�வைத�
காணலா�.
align attribute:
இ�த align எ�� attribute, <p> tag-�ட�
இைண�க�ப��ேபா�, அைவ ப��கைள
browser-� எ�த� ப�க��� ெவ��ப��த
ேவ��� எ�பைத உண��த� பய�ப��ற�.
இ�த align attribute-�� அ��க�ப�� ���
�தமான ம���கைள� (left, right, center)
ெபா���, அைவ ப��கைள இட��ற��ேலா,
வல��ற��ேலா அ�ல� ம���ேலா
ெவ��ப����. இ� ��வ�மா�.
File: pattribute.html
<html>
<head><title>Nursery Rhymes</title></head>
<body>
</body>
</html>
4
Line Break
File: lines.html
<html>
<body>
Chubby cheeks, dimple chin
</body>
<html>
இ��� body tag-��� உ�ளைவ browser-�
ெவ��ப����ட�. ஆனா� அைவ
அ��த��த வ�களாக ெவ��பட��ைல.
இைவ அ��த��த வ�களாக
ெவ��படேவ��� எ�� க�டைளைய
அ��கேவ இ�த <br> tag பய�ப��ற�.
File: lines.html
<html>
<body>
</body>
<html>
இ�ேபா� <br> tag-ஐ ஒ�ெவா� வ���
இ����� அைம�க��. இத�� இைண tag
இ�ைல.
Headings
File : heading.html
<html>
<head><title></title></head>
<body>
<html>
File: bi.html
<html>
<head><title></title></head>
<body>
</body>
</html>
இ�� �த� வ� bold எ����க���,
இர�டாவ� வ� சா�ெவ����க���,
��றாவ� வ� அ��ேகா����
ெவ��ப���ள�.
7
File: bs.html
<html>
<body>
<big>Kaniyam is a free monthly E-Magazine in
tamil for foss.</big><br>
</body>
<html>
Font
File: font.html
<html>
<head><title></title></head>
<body>
</body>
<html>
இ�� �த� வ� ப�ைச �ற��� ெவ��பட
ேவ��� எ�� ம��� ெகா��க�ப���ள�.
இர�டாவ� வ��� அள� 5-ஆக இ��க
ேவ��� எ�� ெகா��க�ப���ள�.
��றாவ� வ��� எ����க� �ல
�ற����, 12 அள���, Arial
எ����களாக�� ெவ��பட ேவ��� எ��
��� attributes-� ெகா��க�ப���ள�.
எனேவ இத� ெவ��பா� ��வ�மா�
இ����.
9
<html>
<head><title></title></head>
<body>
An expression: x<sup>2</sup>+y<sup>2</sup>
</body>
<html>
10
Preservative tag
File: pre.html
<html>
<head><title></title></head>
<body>
<center>Kannan Store</center>
Product Price
Sugar Rs.50
Rice Rs.150
</body>
</html>
File: pre.html
<html>
<head><title></title></head>
<body>
<pre>
<center>Kannan Store</center>
Product Price
Rice Rs.150
</pre>
</body>
</html>
இ�ேபா� நா� ெகா��த எ���� வ�வ�
�ட மாறாம�, அைவ browser-�
ெவ��ப�வைத� காணலா�. எனேவதா�
<pre> tag �க�� பய��ளதாக�
க�த�ப��ற�.
11
Lists
File: list1.html
<html>
<head><title></title></head>
<body>
Types of Testing
<ol>
<li>Functional Testing</li>
<li>Non-functional testing</li>
</ol>
<ul>
<li>Performance testing</li>
<li>Automation testing</li>
</ul>
<dl>
<dt>Functional Testing</dt>
</dl>
</body>
<html>
Combined Lists
ஒ�் main list-� �வர�கைள
ப��ய���ேபா�, அத��� sublist-ஐ
உ�வா��வேத combined listsஎன�ப��.
��வ�� உதார���� ordered list-� ��
ப��ய�ட�ப���ள Functional Testing எ��
�வர��� �� ஒ��ல தகவ�க� Unordered list
�ைற�� ப��ய�ட�ப���ளைத�
காணலா�. அ�வாேற Non-functional testing
எ�� �வர��� ��� தகவ�க� unordered list
�ைற�� ப��ய�ட�ப���ளன.
File: list2.html
<html>
<head><title></title></head>
<body>
Types of Testing
<ol>
<li>Functional Testing</li>
<ul><li>Integration testing</li><li>System
testing</li></ul>
<li>Non-functional testing</li>
<ul><li>Automation testing</li><li>Regression
testing</li></ul>
</ol>
</body>
<html>
Tables
File: table1.html
<html>
<head><title></title></head>
<body>
<table>
<tr>
<th>Name</th>
<th>Marks</th>
<th>Rank</th>
</tr>
<tr>
<td>Viyan</td>
<td>1200/1200</td>
<td>First</td>
</tr>
<tr>
<td>Harini</td>
<td>1180/1200</td>
<td>Second</td>
</tr>
</table>
</body>
</html>
File: table2.html
<html>
<head><title></title></head>
<body>
<table border width=”60%” height=”40%”>
<tr>
<th>Name</th>
<th>Marks</th>
<th>Rank</th>
</tr>
<tr>
<td>Viyan</td>
<td>1200/1200</td>
<td>First</td>
</tr>
<tr>
<td>Harini</td>
<td>1180/1200</td>
<td>Second</td>
</tr>
</table>
</body>
</html>
File: table3.html
<html>
<head><title></title></head>
<body>
<tr>
<th>Name</th>
<th>Marks</th>
<th>Rank</th>
</tr>
<tr>
<td>1200/1200</td>
<td bgcolor=”White”>First</td>
</tr>
<tr>
<td align=”center”>Harini</td>
<td>1180/1200</td>
<td>Second</td>
</tr>
</table>
</body>
</html>
13
Links
File: link1.htm
<html>
<head><title>Nursery Rhymes</title></head>
<body>
<br>
<br>
Most children love being told Nursery Rhymes. The
most popular rhymes are listed here. Even elders
love to hear these rhymes. They are sweet to our
ears forever. These rhymes speak volumes about the
interest shown by the education department to
enthuse the children to speak out.
<br>
<br>
</body>
</html>
link2.htm ��வ�மா�.
File: links2.htm
<html>
<body>
<br>
</html>
File: internallink.html
<html>
<head><title>Internal Links</title></head>
<body>
<a name=”bottom”></a>
</body>
</html>
External Links
நா� உ�வா��ய program-க���ைட��
links-ஐ உ�வா��வத���, ப�ேவ�
வைலதள�ப�க�க��� links-ஐ
உ�வா��வத��� ெப�ய ���யாச� ஒ���
இ�ைல. ெவ�� href-� ம��� ம��ேம
மா��. ப�ேவ� வைலதள ப�க�க���மான
���கவ�ைய�� href-� ம��பாக�
ெகா����ேபா�, அ� ந�ைம ப�ேவ�
வைலதள�க���� ெகா�� ெச���.
File: externallinks.htm
<html>
<head><title></title></head>
<body>
<a href=”http://www.kaniyam.com/all-releases
/”>Click here for Kaniyam magazines</a><br>
<a href=”http://www.kaniyam.com/mysql-book-in-
tamil/”>Click here for MySQL book</a><br>
<a href=”mailto:nithyadurai87@gmail.com”>send me
your comments</a><br>
</body>
</html>
Frames
<frameset> tag
இ� �ைரைய பல ���களாக� ���க
உத��ற�. இத� cols-எ�� attribute �ைரைய
இட���� வலமாக��, rows-எ�� attribute
�ைரைய ேம���� �ழாக�� ���க
உத��ற�. இ�தைகய ப��க�� ம���கைள
சத�த��� ெகா��ப� ���� ெகா�ள ச��
�லபமாக இ����. இ� <body> tag-��
ப�லாக� பய�ப��த�ப��ற�. எனேவ
இத��� <body> tag-��� பய�ப���ய
tags-�� இட��ைல.
<noframes> tag
frames-ஐ� ���� ெகா�ள ��யாத
browser-க� <noframes> tag-��� உ�ளவ�ைற
execute ெச�� அத� ெவ��ப�ைட browser-�
கா���. இத��� body tag-��� பய�ப���ய
commands-ஐ பய�ப��தலா�.
<frames> tag
�ைரயான� எ�தைன ப��களாக�
���க�ப���ளேதா அ�தைன <frames> tag,
frameset-��� காண�ப��. இத� src எ��
ப��, ஒ�் frame-��� எ�ன இட�ெபற
ேவ��� எ�பைத� ����ட� பய�ப��ற�.
அ��ததாக name எ�� ப�� ஒ�ெவா�
frame-��� ெபய�ட உத��ற�.
File: frame1.htm
<html>
<head><title></title></head>
<frameset cols=”30%,*”>
</frameset>
<noframes>
</body>
</html>
File: frame2.htm
<html>
<head><title></title></head>
<body>
</body>
</html>
இ�த program-� உ�ள 3 links-� left எ��
ெபய�ட�ப�ட �த� frame-��� ெவ��ப��.
Forms
<form> tag
ஒ�் ப�வ�ைத உ�வா�க <form> tag-ஐ
<body>-��� ெகா��க ேவ���. இத�கான
இைண tag ப�வ� ����ேபா� இட�ெப��.
இ�த <form>-�� method ம��� action எ��
இர�� ப��க� உ�ளன. method-�� post
எ�� ம����, action-�� ப�வ��� ����
ெச�ய�ப�ட �வர�கைள எ�� அ��ப
ேவ��� எ�� ம���� ெப������. இ�
��வ�மா�.
<form method=”post”
action=”mailto:nithyadurai87@gmail.com“>
Text box
Name = Kaviyan
Ph = 4839403892
Radio button
sex = F
Checkboxes
Language = Tamil
Language = English
<input type=”submit”/>
<input type=”reset”/>
<select> tag
ஒ�் drop-down list-ஐ உ�வா�� அ�����
ம����கைள ேத�� ெச�ய ����னா�,
<select> tag-ஐ� பய�ப��தலா�. இத��
இைண tag உ��. ேம�� name ம��� size
எ�� இர�� �தமான ப��கைள�
ெப������. name-� நா� ேத��ெத����
option-�� ஒ�் ெபய��, size-� எ�தைன
option-கைள� ெகா��க� ேபா�ேறா� எ��
எ���ைக�� இ����. list-���
இட�ெபற�ேபா�� ஒ�ெவா� �வர��
<option> எ�� இைண tag-��� காண�ப��.
<option>Chengalpattu</option>
<option>Kanchipuram</option>
<option>Tambaram</option>
</select>
<option selected>Chengalpattu</option>
<textarea> tag
ஒ����� ேம�ப�ட பல வ�கைள� ெகா�ட
“க����க�” அ�ல� “�கவ�” ேபா�ற
�வர�கைள� பயன�க�ட����
ெப���ெகா�ள <textarea> tag பய�ப��.
இத�� இைண tag உ��. ேம�� rows ம���
cols எ�� இர�� ப��கைள� ெப������.
rows-� வ�க�� எ���ைக��, cols-�
அவ��� அகல�� இட�ெப��.
File: form.htm
<html>
<head><title></title></head>
<body>
<form method=”post”
action=”mailto:nithyadurai87@gmail.com”>
<pre>
Sex:
Languages Known:
City:
<option selected>Chengalpattu</option>
<option>Kanchipuram</option>
<option>Tambaram</option></select>
Address:
</pre>
</form>
</body>
</html>
16
HTML5
�ல� – https://commons.wikimedia.org
/wiki/File:Logozyrtare.jpg
<!DOCTYPE html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
HTML5-� ��யன
Geolocation API:
Local storage:
��ய canvas:
<header>
<hgroup>
<h1>Header 1</h1>
<h2>Sub Header 2</h2>
</hgroup>
</header>
<figure>
<figcaption>
<a href="http://kaniyam.com/logo.png">
Kaniyam Logo</a>, visit the web site for more
info.
</figcaption>
</figure>
<footer>
</footer>
<h2>Menu</h2>
<ul>
<li><a href="#Page1">Page1</a></li>
<li><a href="#Page2">Page2</a></li>
<li><a href="#Page3">Page3</a></li>
</ul>
</nav>
<html>
<head>
<meta charset="UTF-8">
<script src="samplefile.js"></script>
</head>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
</html>
19
ஊடக�(Media) : –
<source> – இ� ஒ� / ஒ� உ���ட
ப�ேவ� ஊடக �ல�கைள� ���க�
பய�ப��ற�.
<track> – இ� ஒ��ேகா�� /
ஒ��ேகா��க��கான உைரைய text track-ஐ�
பய�ப��� ெவ��ப��த உத��ற�.
Drawing :-
<canvas> – இ� �ைர�� 2D / 3D
பட�கைள� கா�ட/வைரய உத��ற�.
https://commons.wikimedia.org
/wiki/File:HTML5_canvas_example.png
HTML5 – மா�ற�க��
��க�க��
மா�ற�க� :-
<a href="kaniyam.com">
<h1>..</h1>
<p>..</p>
</a>
��க�க� :-
<acronym> , <applet> ேபா�றைவ
��க�ப���ளன. <applet>-�� ப�லாக
<object>-ஐ� பய�ப��தலா�. ேம��
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframe>
<strike>
HTML5 attributes
1. Basic attributes:
id :-
இ� html file-� உ�ள ஒ�ெவா� tag-���
ஒ� ெபயைர� த��ற�. இ�த ெபயைர�
பய�ப��� css ம��� javascript-� ஒ�ெவா�
tag-ஐ�� அ�கலா�.
Class :-
Style :-
உதாரண�:
</div>
உதாரண�:
/*...*/
</div>
ஒ� attribute-� ம���ைன javascript (js)
ெகா�� ெப�த�:
var
mydiv=document.getElementById('customDiv')
/*...*/
</div>
1. getattribute() method
var
mydiv=document.getElementById('customDiv')
var type=mydiv.getAttribute("data-type");
//returns "programming"
customDiv.setAttribute("data-type",
"testing"); //changes "data-type" to "testing"
customDiv.removeAttribute("data-type");
//removes "data-type" attribute entirely
customDiv.dataset.type=testing; //changes
"data-brand" to "testing"
�� உதாரண� இ�ேக
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
</div>
<script>
var type=mydiv.getAttribute("data-type");
customDiv.setAttribute("data-type",
"testing");
customDiv.removeAttribute("data-type");
</script>
</body>
</html>
22
உதாரண� :
<div>
<h3>type=”color”</h3>
</div>
<div>
<h3>type=”date”</h3>
</div>
<div>
<h3>type=”datetime”</h3>
</div>
<div>
<h3>type=”datetime-local”</h3>
</div>
<div>
<h3>type=”email”</h3>
</div>
<div>
<h3>type=”month”</h3>
<input type=”month” name=”month”>
</div>
<div>
<h3>type=”number”</h3>
</div>
<div>
<h3>type=”range”</h3>
</div>
<div>
<h3>type=”search”</h3>
<input type=”search” name=”search” results=”5″
autosave=”saved-searches”>
</div>
<div>
<h3>type=”tel”</h3>
</div>
<div>
<h3>type=”time”</h3>
</div>
<div>
<h3>type=”url”</h3>
<input type=”url” name=”url”>
</div>
<div>
<h3>type=”week”</h3>
</div>
<div>
</div>
HTML5-� �� input attributes
ேச��க�ப���ளன.
������ற�.
height : உயர�
width : அகல�
உதாரண�க�
HTML5 <datalist>
உதாரண�
<!DOCTYPE html>
<html>
<body>
<datalist id="colors">
<option value="Red">
<option value="Blue">
<option value="Green">
<option value="Pink">
<option value="Black">
</datalist>
<input type="submit">
</form>
</body>
</html>
HTML5 <keygen>
பயனைர login ெச�ய username, password
ேக���ேபாேத, keygen �ல� private key, public
key-ஐ உ�வா�க உத��ற�.
HTML5 <output>
இ� ப�ேவ� �ர�க�� output-ஐ இைணய�
ப�க��� கா�ட உத��ற�.
24
HTML5 – Storage
3. பா�கா�� காரண�க��காக
ஒ�ெவா�வ�� cookie-ஐ தம� browser-�
�ட�� ைவ����பா�.
localStorage.clear();
உதாரண� :
<script>
localStorage.setItem("name", "kaniyam");
//saves to the database, key/value
document.write(localStorage.getItem("name"));
//kaniyam!
localStorage.name= "kaniyam";
</script>
var storedData =
localStorage.getItem("complexdata");
if (storedData) {
complexdata = JSON.parse(storedData);
Session Storage:
Browser window ��� வைர ம��ேம
ேச��க�ப�� �வர�கைள session storage-�
ேச��கலா�. Local storage ேபாலேவ ேச��த�,
மா��த�, அ��த� ப�கைள ெச�யலா�.
JSON வைக� தகவைல�� ேச��கலா�.
உதாரண�
<script>
sessionStorage.setItem("name", "kaniyam");
//saves to the database, key/value
document.write(sessionStorage.getItem("name"));
//kaniyam!
sessionStorage.removeItem("name"); //deletes
the matching item from the database
sessionStorage.name= "kaniyam";
</script>
25
உதாரண�
<html manifest="mysample.appcache">
// ...
</html>
உதாரண�
CACHE MANIFEST
# 2013-03-19 v3.0.0
CACHE:
home.html
stylesheet.css
scripts/main.js
NETWORK:
login.apsx
FALLBACK:
default.html
images/offline.jpg
Cache-ஐ மா��த�:
HTML5 Canvas
உதாரண�
/*..*/
</canvas>
உதாரண�
var canvas =
document.getElementById("sampleCanvas");
பட� வைரத�: getcontext(2d) எ�ற
function-ஆன� canvas-ஐ தயா� ெச��ற�. x,y
coordinate த�வத� �ல� எ��� வைரயலா�.
var canvas =
document.getElementById("sampleCanvas");
var context=canvas.getContext("2d");
var canvas =
document.getElementById("sampleCanvas");
var context=canvas.getContext("2d");
context.fillRect(0,0,100,200);
Moveto(x,y) – line ெதாட�க�
<!DOCTYPE html>
<html>
<body>
</canvas>
<script>
var
c=document.getElementById("sampleCanvas");
var context=c.getContext("2d");
context.moveTo(0,0);
context.lineTo(200,100);
context.strokeStyle = '#ff00ff'
context.lineWidth = 10;
context.stroke();
</script>
</body>
</html>
27
File: svg.htm
<!DOCTYPE html>
<head>
<title>SVG</title>
</head>
<body>
<svg xmlns=”http://www.w3.org/2000/svg”>
<line x1=”0″ y1=”0″ x2=”200″ y2=”100″
style=”stroke:red;stroke-width:2″/>
</svg>
<svg xmlns=”http://www.w3.org/2000/svg”>
</svg>
<svg xmlns=”http://www.w3.org/2000/svg”>
</svg>
</body>
</html>
இ�� svg tag-��� உ�ள <line >tag ஒ�்
ேகா��ைன வைரவத���, <circle> tag
வ�ட�ைத வைரவத���, <rect> tag
ெச�வக�ைத வைரவத���
பய�ப��த�ப���ளைத� காணலா�. இைவ
���� self-closing tags ஆ��.
Embed tag
File: Audio.htm
<!DOCTYPE html>
<head>
</head>
<body>
<h2>Audio</h2>
<embed src=”/home/nithya/Music/mahadevaya.mp3″>
<h2>Video</h2>
<embed src=”/usr/share/help/sl/mahjongg/figures
/mahjongg-video.ogv”>
</body>
</html>
29
<!DOCTYPE HTML>
<html>
<head>
<style>
#div1
{width:350px;height:70px;padding:10px;border:1px
solid #aaaaaa;}
</style>
<script>
function allowDrop(ev) {
ev.preventDefault();
function drag(ev) {
ev.dataTransfer.setData(“text”, ev.target.id);
function drop(ev) {
ev.preventDefault();
ev.target.appendChild(document.getElementById(data));
</script>
</head>
<body>
<br>
</body>
</html>
Geolocation
File: Geolocation.htm
<!DOCTYPE html>
<html>
<head>
<script>
function showPosition(position) {
+xy+”&zoom=14&size=400×300&sensor=false”;
document.getElementById(“mapholder”).innerHTML
= “<img src='”+img_url+”‘>”;
</script>
</head>
<body>
<button
onclick=”navigator.geolocation.getCurrentPosition(showPositi
It to get your position</button>
<div id=”mapholder”></div>
</body>
</html>
File: SSE.html
<!DOCTYPE html>
<html>
<head>
<script>
source.onmessage = function(event) {
document.getElementById(“result”).innerHTML +=
event.data + “<br>”;
};
</script>
</head>
<body>
<div id=”result”></div>
</body>
</html>
���ைர
http://howtocodeinhtml.com/
http://www.geekchamp.com/html5-tutorials
/introduction
ஆ��ய� ப��
�. ��யா
��ன�ச� – nithyadurai87@gmai.com
வைல�ப�� –
http://nithyashrinivasan.wordpress.com
34
ஆ��ய�� �ற ����க�
‘
http://freetamilebooks.com/ebooks/learn-mysql-
in-tamil/
http://freetamilebooks.com/ebooks/learn-gnulinux-
in-tamil-part1/
http://freetamilebooks.com/ebooks/learn-gnulinux-
in-tamil-part2/
http://freetamilebooks.com/ebooks/learn-mysql-
in-tamil-part-2/
35
க�ய� ப��
இல��க�
க�ட�ற க���ப��� எ�ய
�ஷய�க� ெதாட�� அ���பமான
அ�ச�க� வைர அ���ட �ைழ��
எவ���� ேதைவயான தகவ�கைள
ெதாட���யாக� த�� தளமா�
உ�ெப�வ�.
உைர, ஒ�, ஒ� என ப��டக
வைகக��� �வர�கைள த�வ�.
இ��ைற�� �க��கைள
எ���ைர�ப�.
எவ�� ப�க��க ஏ�வா�
யாவ���மான ெந��� �வர�கைள
வழ��வ�.
அ�� வ����, ��தக�களாக��,
வ���களாக�� �வர�கைள
ெவ���வ�.
ப�க��க
���ப��ள எவ�� ப�க��கலா�.
க�ட�ற க���ப� சா��த �ஷயமாக
இ��த� ேவ���.
ப�க��க� ெதாட��� ��ன�
க�ய���� உ�க�ைடய ப����ம�ைத
அ��க எ��பா��க�ப����க�.
editor@kaniyam.com �கவ��� ���க�ட
�வர�களட��ய மடெலா�ைற
உ��ெமா�யா� அ������ யா��
ப�க��க� ெதாட�கலா�.
மட�� ெபா��: ப����ம�
அ���
மட� உ�ளட�க�
எ�னா� க�ய���காக
அ��ப�ப�� பைட��க�
அைன��� க�ய���காக
�த��தலா�
பைட�க�ப�டதாக
உ��ய���ேற�.
இத�ெபா���
என����க���ய
ப����ம��ைன க�ய����
வழ���ேற�.
உ�க�டைய ���ெபய�,
ேத�.
தா�க� ப�க��க ����� ஒ�
ப���� ேவெறா�வ� ஏ�கனேவ
ப�க��� வ��றா� எ�� அவ�ட�
இைண�� ப�யா�ற �ைனய��.
க��ைரக� ெமா�ெபய���களாக��,
�ஷயம��த ஒ�வ� ெசா�ல� ேக��
க�� இய�ற�ப�டைவயாக��
இ��கலா�.
பைட��க� ெதாட�களாக�� இ��கலா�.
ெதா�� ��ப�, ெகா�ைக �ள�க�,
�ர�சார�, கைத, ேக�����ர�,
ைநயா�� என� பல�ைவக���
இ��ைற�� ெபா����ப�யான
ஆ�க�களாக இ��கலா�.
த�க��� இய�பான எ�தெவா�
நைட��� எ�தலா�.
த�கள� பைட��கைள எ�யெதா�
உைர ஆவணமாக editor@kaniyam.com
�கவ���அ���ைவ�க��.
தள பராம���, ஆதரவ��த� உ���ட
ஏைனய �த�க��� ப�க��கலா�.
ஐய�க����� editor@kaniyam.com
மட�ய�ற��.
��ண�ப�க�
க�� ெதா����ப�ைத அ�ய �ைழ��
ம�க��காக ேம�ெகா�ள�ப��
�ய��யா�� இ�.
இ�� ப�க��க தா�க� அ���ப
ஆ�ற� வா��தவராக இ��க ேவ���
எ�ற க�டாய��ைல.
த�க��� ெத��த �ஷய�ைத இய�ற
எ�ய �ைற�� எ���ைர�க ஆ�வ�
இ��தா� ேபா��.
இத� வள��� ந� ஒ�ெவா�வ��
ைக��ேம உ�ள�.
�ைறக������ �ைறயாக
ெத�ய�ப��� ��ேன�ற���� வ�
வ��க��.
ெவ���� �வர�
ப����ம� © 2013 க�ய�.
க�ய��� ெவ��ட�ப�� க��ைரக�
http://creativecommons.org/licenses/by-sa/3.0/
ப�க��� உ�ள ��ேய�� காம��
ெந�கைளெயா�� வழ�க�ப���றன.
இத�ப�,
க�ய��� ெவ�வ�� க��ைரகைள
க�ய����� பைட�த எ��தாள���� உ�ய
சா�ற���, நகெல��க, ��ேயா��க,
பைறசா�ற, ஏ�றப� அைம��� ெகா�ள,
ெதா�� ேநா��� பய�ப��த அ�ம�
வழ�க�ப��ற�.
ஆ��ய�: த. ��வாச� – editor@kaniyam.com
+91 98417 95468
ந�ெகாைட
வ�� �வர�க�.