HTML: تفاوت بین نسخه‌ها   

از دانشنامه جوملا فارسی - مامبو فارسی
پرش به: ناوبری، جستجو
جز (معرفي مختصر html به Html منتقل شد)
 
(۵ نسخه‌ٔ میانی ویرایش شده توسط ۱ کاربر نشان داده نشده)
سطر ۱: سطر ۱:
−
<p class="MsoNormal" dir="RTL"><b>
+
=HTML چیست ؟=
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1670;&#1610;&#1587;&#1578; &#1567;</span></b></p>
+
مخفف کلمه hyper text markup language می‌باشد و عموماً فایل‌های این کدنویسی با پسوند html و htm معرفی می‌شوند.
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1582;&#1601;&#1601; &#1603;&#1604;&#1605;&#1607; </span>
+
هر فایل [[HTML]] حاوی برچسب‌های (تگ‌ها) کوچک نشانه گذاریست و این برچسب‌ها هستند که به [[مرورگر]] بیان می‌کنند که صفحه را چگونه نمایش دهند و یک فایل [[HTML]] می‌تواند توسط یک ویرایشگر متنی ساده همچون notepad ساخته شود.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">hyper text markup  
+
 
−
language</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
کدنویسی در این زبان بسیار ساده هست و نیاز به صرف زمان اندکی دارد و می‌توانید در مدت یک هفته به این زبان نسبتاً مسلط شوید.
−
&#1605;&#1610;&#8204;&#1576;&#1575;&#1588;&#1583; &#1608; &#1593;&#1605;&#1608;&#1605;&#1575;&#1611; &#1601;&#1575;&#1610;&#1604;&#1607;&#1575;&#1610; &#1575;&#1610;&#1606; &#1603;&#1583;&#1606;&#1608;&#1610;&#1587;&#1610; &#1576;&#1575; &#1662;&#1587;&#1608;&#1606;&#1583; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
برای شروع لازم است تا کد زیر را تحلیل کنیم :
−
&#1608; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">htm</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1605;&#1593;&#1585;&#1601;&#1610; &#1605;&#1610;&#8204;&#1588;&#1608;&#1606;&#1583;.</span></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
<source lang="php">
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1607;&#1585; &#1601;&#1575;&#1610;&#1604; </span>
+
/* (...) */
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
<html>
−
&#1581;&#1575;&#1608;&#1740; &#1576;&#1585;&#1670;&#1587;&#1576;&#8204;&#1607;&#1575;&#1740; (&#1578;&#1711;&#8204;&#1607;&#1575;) &#1705;&#1608;&#1670;&#1705; &#1606;&#1588;&#1575;&#1606;&#1607; &#1711;&#1584;&#1575;&#1585;&#1740;&#1587;&#1578; &#1608; &#1575;&#1610;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576;&#8204;&#1607;&#1575; &#1607;&#1587;&#1578;&#1606;&#1583; &#1603;&#1607; &#1576;&#1607; &#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1576;&#1610;&#1575;&#1606;
+
<head>
−
&#1605;&#1610;&#8204;&#1603;&#1606;&#1606;&#1583; &#1603;&#1607; &#1589;&#1601;&#1581;&#1607; &#1585;&#1575; &#1670;&#1711;&#1608;&#1606;&#1607; &#1606;&#1605;&#1575;&#1610;&#1588; &#1583;&#1607;&#1606;&#1583; &#1608; &#1740;&#1705; &#1601;&#1575;&#1740;&#1604; </span>
+
<title>عنوان صفحه</title>
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
</head>
−
&#1605;&#1740;&#8204;&#1578;&#1608;&#1575;&#1606;&#1583; &#1578;&#1608;&#1587;&#1591; &#1740;&#1705; &#1608;&#1740;&#1585;&#1575;&#1740;&#1588;&#1711;&#1585; &#1605;&#1578;&#1606;&#1740; &#1587;&#1575;&#1583;&#1607; &#1607;&#1605;&#1670;&#1608;&#1606; </span>
+
<body>
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">notepad</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
متن معمولی<b> متن درشت خط </b>
−
&#1587;&#1575;&#1582;&#1578;&#1607; &#1588;&#1608;&#1583;.</span></p>
+
</body>
−
<p class="MsoNormal" dir="RTL">
+
</html>
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1603;&#1583;&#1606;&#1608;&#1610;&#1587;&#1610; &#1583;&#1585; &#1575;&#1610;&#1606; &#1586;&#1576;&#1575;&#1606;
+
/* (...) */
−
&#1576;&#1587;&#1610;&#1575;&#1585; &#1587;&#1575;&#1583;&#1607; &#1607;&#1587;&#1578; &#1608; &#1606;&#1610;&#1575;&#1586; &#1576;&#1607; &#1589;&#1585;&#1601; &#1586;&#1605;&#1575;&#1606; &#1575;&#1606;&#1583;&#1603;&#1610; &#1583;&#1575;&#1585;&#1583; &#1608; &#1605;&#1610;&#8204;&#1578;&#1608;&#1575;&#1606;&#1610;&#1583; &#1583;&#1585; &#1605;&#1583;&#1578; &#1610;&#1603; &#1607;&#1601;&#1578;&#1607; &#1576;&#1607; &#1575;&#1610;&#1606;
+
</source>
−
&#1586;&#1576;&#1575;&#1606; &#1605;&#1587;&#1604;&#1591; &#1588;&#1608;&#1610;&#1583;.</span></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
اگر دقت کنید هر کدی که آغاز می‌شود در خط‌های بعدی به کد خاتمه خود ختم می‌شود.
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1575;&#1610; &#1588;&#1585;&#1608;&#1593; &#1604;&#1575;&#1586;&#1605; &#1607;&#1587;&#1578;&#1588;
+
 
−
&#1603;&#1607; &#1603;&#1583; &#1586;&#1610;&#1585; &#1585;&#1575; &#1578;&#1581;&#1604;&#1610;&#1604; &#1603;&#1606;&#1610;&#1605; :</span></p>
+
''بطور مثال:'' برچسب <html> که با </html> به پایان می‌رسد.
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
 
−
<font color="#008080">
+
در واقع اولین برچسب در فایل [[HTML]] شما ، <nowiki><html></nowiki> است.این برچسب به [[مرورگر]] می‌فهماند که این آغاز یک فایل [[HTML]] است، آخرین برچسب در فایل شما <nowiki><html/></nowiki> است.این برچسب به فایل شما می‌فهماند که این انتهای یک فایل [[HTML]] است.
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
 
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
مطالب واقع در میان برچسب head در نمای کلی صفحه نمایش داده نمی‌شوند و کاربرد خارج از قسمت نمایش اصلی (body) هستند. همانگونه که مشاهده می‌کنید برچسب title در دل این برچسب قرار گرفته است و وظیفه نمایش عنوان صفحه را دارد.
−
<font color="#008080">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">head</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
محتویات سایت شما در بین برچسب body قرار می‌گیرد و  متنی که در میان <nowiki><b></nowiki> قرار می‌گیرد به شکل درشت خط و یا Bold نمایش داده می‌شود.
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
 
−
<font color="#008080">
+
''توجه:'' در کدنویسی به این سبک B و b تفاوتی ندارند ولی بهتر است خود را با حروف کوچک عادت دهید.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;title&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1593;&#1606;&#1608;&#1575;&#1606;
+
 
−
&#1589;&#1601;&#1581;&#1607;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;/title&gt;</span></font></p>
+
=برچسب‌ها و عناصر دیگر=
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
 
−
<font color="#008080">
+
حال زمان آنست که با برخی از برچسب‌ها و عناصر دیگر html آشنا شوید:
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;/</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">head</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
 
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
عنصر Bgcolor به منظور معرفی یک زمینه برای صفحه یا جدول شما کاربرد دارد و در body به این شکل اضافه می‌شود :
−
<font color="#008080">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">body</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
<source lang="php">
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
/* (...) */
−
<font color="#008080">
+
<div dir=ltr><body bgcolor="green"></div>
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1578;&#1606; &#1605;&#1593;&#1605;&#1608;&#1604;&#1610;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;b&gt;
+
/* (...) */
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1578;&#1606; &#1583;&#1585;&#1588;&#1578; &#1582;&#1591;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
</source>
−
&lt;/b&gt;</span></font></p>
+
 
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
و در بین برچسب body قرار می‌گیرد.
−
<font color="#008080">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;/</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">body</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
''توجه:'' عناصر همیشه به برچسب شروع عناصر [[HTML]] اضافه می‌شوند.
−
<p class="MsoNormal" align="right" dir="RTL" style="text-align: left">
+
 
−
<font color="#008080">
+
برچسب table به منظور ایجاد یک جدول در صفحه می‌باشد.
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;/</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
عنصر border برای تعیین اندازه لبه‌های جدول کاربرد دارد و در میان برچسب جدول مورد نظر قرار می‌گیرد. برای قرار گرفتن در بین جدول مورد نظر باید به صورت زیر کدها را وارد کنید.
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1575;&#1711;&#1585; &#1583;&#1602;&#1578; &#1603;&#1606;&#1610;&#1583; &#1607;&#1585;&#1603;&#1583;&#1610;
+
 
−
&#1603;&#1607; &#1570;&#1594;&#1575;&#1586; &#1605;&#1610;&#8204;&#1588;&#1608;&#1583; &#1583;&#1585; &#1582;&#1591;&#1607;&#1575;&#1610; &#1576;&#1593;&#1583;&#1610; &#1576;&#1607; &#1603;&#1583; &#1582;&#1575;&#1578;&#1605;&#1607; &#1582;&#1608;&#1583; &#1582;&#1578;&#1605; &#1605;&#1610;&#8204;&#1588;&#1608;&#1583;. &#1576;&#1591;&#1608;&#1585; &#1605;&#1579;&#1575;&#1604; : &#1576;&#1585;&#1670;&#1587;&#1576; &lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;
+
<source lang="php">
−
&#1603;&#1607; &#1576;&#1575; &lt;/</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;
+
/* (...) */
−
&#1576;&#1607; &#1662;&#1575;&#1610;&#1575;&#1606; &#1605;&#1610;&#8204;&#1585;&#1587;&#1583;.</span></p>
+
<div dir=ltr><table border="0"></div>
−
<p class="MsoNormal" dir="RTL">
+
/* (...) */
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1583;&#1585; &#1608;&#1575;&#1602;&#1593; &#1575;&#1608;&#1604;&#1740;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576;
+
</source>
−
&#1583;&#1585; &#1601;&#1575;&#1740;&#1604; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">  
+
 
−
&#1588;&#1605;&#1575; &#1548; &lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;
+
''توجه:'' عناصر همیشه در یک زوج نام/مقدار می‌آیند، مانند : نام="مقدار"
−
&#1575;&#1587;&#1578;.&#1575;&#1740;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; &#1576;&#1607; &#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1588;&#1605;&#1575; &#1605;&#1610;&#8204;&#1601;&#1607;&#1605;&#1575;&#1606;&#1583; &#1705;&#1607; &#1575;&#1740;&#1606; &#1570;&#1594;&#1575;&#1586; &#1740;&#1705; &#1601;&#1575;&#1740;&#1604; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
==سرتیتر‌ها==
−
&#1575;&#1587;&#1578;&#1548; &#1570;&#1582;&#1585;&#1740;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; &#1583;&#1585; &#1601;&#1575;&#1740;&#1604; &#1588;&#1605;&#1575; &lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">/&gt;
+
 
−
&#1575;&#1587;&#1578;.&#1575;&#1740;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; &#1576;&#1607; &#1601;&#1575;&#1740;&#1604; &#1588;&#1605;&#1575; &#1605;&#1740;&#8204;&#1601;&#1607;&#1605;&#1575;&#1606;&#1583; &#1705;&#1607; &#1575;&#1740;&#1606; &#1575;&#1606;&#1578;&#1607;&#1575;&#1610; &#1740;&#1705; &#1601;&#1575;&#1740;&#1604; </span>
+
سر تیترها با برچسب‌های <nowiki><h1></nowiki>تا<nowiki><h6></nowiki> معرفی می‌شوند. <nowiki><h1></nowiki> بیانگر بزرگترین سرتیتر و <nowiki><h6></nowiki> بیانگر کوچکترین سرتیتر است.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1575;&#1587;&#1578;.</span></p>
+
==پاراگراف‌ها==
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1591;&#1575;&#1604;&#1576; &#1608;&#1575;&#1602;&#1593; &#1583;&#1585; &#1605;&#1610;&#1575;&#1606;
+
پاراگراف‌ها با برچسب <nowiki><p></nowiki> معرفی می‌شوند. [[HTML]] بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.
−
&#1576;&#1585;&#1670;&#1587;&#1576; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">head</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1583;&#1585; &#1606;&#1605;&#1575;&#1610; &#1603;&#1604;&#1610; &#1589;&#1601;&#1581;&#1607; &#1606;&#1605;&#1575;&#1610;&#1588; &#1583;&#1575;&#1583;&#1607; &#1606;&#1605;&#1610;&#8204;&#1588;&#1608;&#1606;&#1583; &#1608; &#1603;&#1575;&#1585;&#1576;&#1585;&#1583; &#1582;&#1575;&#1585;&#1580; &#1575;&#1586; &#1602;&#1587;&#1605;&#1578; &#1606;&#1605;&#1575;&#1610;&#1588; &#1575;&#1589;&#1604;&#1610; (</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">body</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">)  
+
==پرش به خط بعد==
−
&#1607;&#1587;&#1578;&#1606;&#1583;. &#1607;&#1605;&#1575;&#1606;&#1711;&#1608;&#1606;&#1607; &#1603;&#1607; &#1605;&#1588;&#1575;&#1607;&#1583;&#1607; &#1605;&#1610;&#8204;&#1603;&#1606;&#1610;&#1583; &#1576;&#1585;&#1670;&#1587;&#1576; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">title</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
برچسب <nowiki><br></nowiki> هنگامی استفاده می‌شود که بخواهیم یک خط را پایان دهیم اما نمی‌خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <nowiki><br></nowiki> شما را از هر جا که قرار دارید به یک خط پایین‌تر می‌برد. برچسب <nowiki><br></nowiki> یک برچسب تکی است و هیچ برچسب پایانی ندارد.
−
&#1583;&#1585; &#1583;&#1604; &#1575;&#1610;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; &#1602;&#1585;&#1575;&#1585; &#1711;&#1585;&#1601;&#1578;&#1607; &#1575;&#1587;&#1578; &#1608; &#1608;&#1592;&#1610;&#1601;&#1607; &#1606;&#1605;&#1575;&#1610;&#1588; &#1593;&#1606;&#1608;&#1575;&#1606; &#1589;&#1601;&#1581;&#1607; &#1585;&#1575; &#1583;&#1575;&#1585;&#1583;.</span></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
برچسب <nowiki><hr></nowiki> نیز یک خط افقی را معرفی می کند.
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1581;&#1578;&#1608;&#1610;&#1575;&#1578; &#1587;&#1575;&#1610;&#1578; &#1588;&#1605;&#1575; &#1583;&#1585;
+
 
−
&#1576;&#1610;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
==برچسب Anchor و موجودیت Href :==
−
body</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma"> &#1602;&#1585;&#1575;&#1585;
+
 
−
&#1605;&#1610;&#8204;&#1711;&#1610;&#1585;&#1583; &#1608; &nbsp;&#1605;&#1578;&#1606;&#1610; &#1603;&#1607; &#1583;&#1585; &#1605;&#1610;&#1575;&#1606; </span>
+
[[HTML]] از برچسب <nowiki><a></nowiki> برای ساخت یک پیوند به پرونده‌های دیگر استفاده می‌کند. یک anchor می‌تواند به هر منبعی در [[وب]] اشاره کند.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;b&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1602;&#1585;&#1575;&#1585; &#1605;&#1610;&#8204;&#1711;&#1610;&#1585;&#1583; &#1576;&#1607; &#1588;&#1603;&#1604; &#1583;&#1585;&#1588;&#1578; &#1582;&#1591; &#1608; &#1610;&#1575; </span>
+
دستورالعمل:
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Bold</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1606;&#1605;&#1575;&#1610;&#1588; &#1583;&#1575;&#1583;&#1607; &#1605;&#1610;&#8204;&#1588;&#1608;&#1583;.</span><span style="font-size: 9pt; font-family: Tahoma">
+
<source lang="php">
−
</span><font color="#FF0000">
+
/* (...) */
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1578;&#1608;&#1580;&#1607; : &#1583;&#1585; &#1603;&#1583;&#1606;&#1608;&#1610;&#1587;&#1610; &#1576;&#1607;
+
<a href="url"> متن مورد نظر </a>
−
&#1575;&#1610;&#1606; &#1587;&#1576;&#1603; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">B</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
/* (...) */
−
&#1608; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">b</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
</source>
−
&#1578;&#1601;&#1575;&#1608;&#1578;&#1610; &#1606;&#1583;&#1575;&#1585;&#1606;&#1583; &#1608;&#1604;&#1610; &#1576;&#1607;&#1578;&#1585; &#1575;&#1587;&#1578; &#1582;&#1608;&#1583; &#1585;&#1575; &#1576;&#1575; &#1581;&#1585;&#1608;&#1601; &#1603;&#1608;&#1670;&#1603; &#1593;&#1575;&#1583;&#1578; &#1583;&#1607;&#1610;&#1583;. </span></font></p>
+
 
−
<p class="MsoNormal" dir="RTL">&nbsp;</p>
+
==موجودیت Target==
−
<p class="MsoNormal" dir="RTL"><b>
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1581;&#1575;&#1604; &#1586;&#1605;&#1575;&#1606; &#1570;&#1606;&#1587;&#1578; &#1603;&#1607; &#1576;&#1575;
+
با موجودیت هدف شما می‌توانید معرفی کنید که پرونده‌های پیوند داده شده کجا باز شوند. خط زیر پرونده‌ای را در یک پنجره [[مرورگر]] جدید باز خواهد کرد.
−
&#1576;&#1585;&#1582;&#1610; &#1575;&#1586; &#1576;&#1585;&#1670;&#1587;&#1576;&#8204;&#1607;&#1575; &#1608; &#1593;&#1606;&#1575;&#1589;&#1585; &#1583;&#1610;&#1711;&#1585; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
دستورالعمل:
−
&#1570;&#1588;&#1606;&#1575; &#1588;&#1608;&#1610;&#1583;:</span></b></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
<source lang="php">
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1593;&#1606;&#1589;&#1585;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Bgcolor
+
/* (...) */
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;&#1576;&#1607; &#1605;&#1606;&#1592;&#1608;&#1585;
+
<a href="url" target="_blank"> متن مورد نظر </a>
−
&#1605;&#1593;&#1585;&#1601;&#1610; &#1610;&#1603; &#1586;&#1605;&#1610;&#1606;&#1607; &#1576;&#1585;&#1575;&#1610; &#1589;&#1601;&#1581;&#1607;</span><span style="font-size: 9pt; font-family: Tahoma">
+
/* (...) */
−
<span lang="fa">&#1610;&#1575; </span></span>
+
</source>
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1580;&#1583;&#1608;&#1604; &#1588;&#1605;&#1575; &#1603;&#1575;&#1585;&#1576;&#1585;&#1583; &#1583;&#1575;&#1585;&#1583;
+
 
−
&#1608; &#1583;&#1585; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">body</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">  
+
توجه داشته باشید بسته به نیاز شما مقدار blank_ تغییر می‌کند و ممکن است new_ باشد.
−
&#1576;&#1607; &#1575;&#1610;&#1606; &#1588;&#1603;&#1604; &#1575;&#1590;&#1575;&#1601;&#1607; &#1605;&#1610;&#8204;&#1588;&#1608;&#1583; : </span><font color="#008080">
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;body
+
==سرتیترها در جداول==
−
bgcolor=&quot;green&quot;&gt;</span></font><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1608; &#1583;&#1585; &#1576;&#1610;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; </span>
+
سرتیترها در یک جدول با برچسب <nowiki><th></nowiki> مشخص می‌شوند.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">body</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1602;&#1585;&#1575;&#1585; &#1605;&#1610;&#8204;&#1711;&#1610;&#1585;&#1583;. </span><font color="#FF0000">
+
==لیست‌های نامرتب==
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1578;&#1608;&#1580;&#1607; : &#1593;&#1606;&#1575;&#1589;&#1585; &#1607;&#1605;&#1740;&#1588;&#1607;
+
 
−
&#1576;&#1607; &#1576;&#1585;&#1670;&#1587;&#1576; &#1588;&#1585;&#1608;&#1593; &#1593;&#1606;&#1575;&#1589;&#1585;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشانه گذاری می‌شوند (معمولا یک دایره سیاه کوچک). یک لیست نامرتب با یک برچسب <nowiki><ul></nowiki> آغاز می‌شوند. هر کدام از اقلام لیست با برچسب <nowiki><li></nowiki> آغاز می‌شوند.
−
HTML </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1575;&#1590;&#1575;&#1601;&#1607; &#1605;&#1740;
+
 
−
&#1588;&#1608;&#1606;&#1583;.</span></font></p>
+
==لیست‌های مرتب==
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1670;&#1587;&#1576; </span>
+
یک لیست مرتب شده نیز لیستی از اقلام است. اقلام لیست بوسیله شماره نشانه گذاری می‌شوند.یک لیست مرتب با برچسب <nowiki><ol></nowiki> آغاز می‌شود.هرکدام از اقلام لیست با برچسب <nowiki><li></nowiki> آغاز می‌شوند.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">table</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1576;&#1607; &#1605;&#1606;&#1592;&#1608;&#1585; &#1575;&#1610;&#1580;&#1575;&#1583; &#1610;&#1603; &#1580;&#1583;&#1608;&#1604; &#1583;&#1585; &#1589;&#1601;&#1581;&#1607; &#1605;&#1610;&#8204;&#1576;&#1575;&#1588;&#1583;.</span></p>
+
==فرم‌ها==
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1593;&#1606;&#1589;&#1585; </span>
+
یک فرم ، منطقه‌ای حاوی عناصر فرم است.عناصر فرم ، عناصری هستند که به کاربر اجازه می‌دهند تا اطلاعات را (مثل فیلدهای متنی ، فیلدهای text area ، لیست های پایین افتان، دکمه های رادیویی ، چک باکس‌ها و...) در فرم وارد کند.یک فرم با برچسب <nowiki><form></nowiki> معرفی می‌شود.
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">border</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1576;&#1585;&#1575;&#1610; &#1578;&#1593;&#1610;&#1610;&#1606; &#1575;&#1606;&#1583;&#1575;&#1586;&#1607; &#1604;&#1576;&#1607;&#8204;&#1607;&#1575;&#1610; &#1580;&#1583;&#1608;&#1604; &#1603;&#1575;&#1585;&#1576;&#1585;&#1583; &#1583;&#1575;&#1585;&#1583; &#1608; &#1583;&#1585; &#1605;&#1610;&#1575;&#1606; &#1576;&#1585;&#1670;&#1587;&#1576; &#1580;&#1583;&#1608;&#1604; &#1605;&#1608;&#1585;&#1583; &#1606;&#1592;&#1585; &#1602;&#1585;&#1575;&#1585;
+
در برچسب <nowiki><form></nowiki> برچسب <nowiki><input></nowiki> بیشترین استفاده را دارد.نوع ورودی با خواص آن تعیین می‌شود.
−
&#1605;&#1610;&#8204;&#1711;&#1610;&#1585;&#1583;. &#1576;&#1585;&#1575;&#1610; &#1602;&#1585;&#1575;&#1585; &#1711;&#1585;&#1601;&#1578;&#1606; &#1583;&#1585; &#1576;&#1610;&#1606; &#1580;&#1583;&#1608;&#1604; &#1605;&#1608;&#1585;&#1583; &#1606;&#1592;&#1585; &#1576;&#1575;&#1610;&#1583; &#1576;&#1607; &#1588;&#1603;&#1604; </span>
+
 
−
<font color="#008080">
+
===مثال===
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&nbsp;&lt;table border=&quot;0&quot;&gt;</span></font><span lang="FA" style="font-size: 9pt; font-family: Tahoma">  
+
 
−
&#1608;&#1575;&#1585;&#1583; &#1603;&#1606;&#1610;&#1583;. </span><font color="#FF0000">
+
<source lang="php">
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1578;&#1608;&#1580;&#1607; : &#1593;&#1606;&#1575;&#1589;&#1585; &#1607;&#1605;&#1740;&#1588;&#1607;
+
/* (...) */
−
&#1583;&#1585; &#1740;&#1705; &#1586;&#1608;&#1580; &#1606;&#1575;&#1605;/&#1605;&#1602;&#1583;&#1575;&#1585; &#1605;&#1740; &#1570;&#1740;&#1606;&#1583;&#1548; &#1605;&#1575;&#1606;&#1606;&#1583; : &#1606;&#1575;&#1605;=&quot;&#1605;&#1602;&#1583;&#1575;&#1585;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&quot;</span></font></p>
+
<input type="text" name="firstname" >
−
<p class="MsoNormal" dir="RTL">&nbsp;</p>
+
/* (...) */
−
<p class="MsoNormal" dir="RTL">
+
</source>
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma"><b>&#1587;&#1585;&#1578;&#1610;&#1578;&#1585;&#8204;&#1607;&#1575;</b> :</span></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
===دکمه‌های رادیویی===
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1587;&#1585; &#1578;&#1740;&#1578;&#1585;&#1607;&#1575; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;
+
 
−
&#1607;&#1575;&#1740;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma"> &lt;h1&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1578;&#1575;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;h6&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1593;&#1585;&#1601;&#1740;
+
<source lang="php">
−
&#1605;&#1740; &#1588;&#1608;&#1606;&#1583;. </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
/* (...) */
−
&nbsp;&lt;h1&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1740;&#1575;&#1606;&#1711;&#1585;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
<input type="radio" name="city" value="Tehran" > Tehran </form>
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1586;&#1585;&#1711;&#1578;&#1585;&#1740;&#1606;
+
/* (...) */
−
&#1587;&#1585;&#1578;&#1740;&#1578;&#1585;&nbsp; &#1608;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;h6&gt;
+
</source>
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1740;&#1575;&#1606;&#1711;&#1585;
+
 
−
&#1705;&#1608;&#1670;&#1705;&#1578;&#1585;&#1740;&#1606; &#1587;&#1585; &#1578;&#1740;&#1578;&#1585; &#1575;&#1587;&#1578;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
===چک باکس‌ها===
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma; font-weight: 700">
+
<source lang="php">
−
&#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601;&#8204;&#1607;&#1575; :</span></p>
+
/* (...) */
−
<p class="MsoNormal" dir="RTL">
+
<input type="checkbox" name="Text">
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601; &#1607;&#1575; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
/* (...) */
−
&lt;p&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1593;&#1585;&#1601;&#1740; &#1605;&#1740;
+
</source>
−
&#1588;&#1608;&#1606;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.HTML
+
 
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1591;&#1608;&#1585; &#1582;&#1608;&#1583;&#1705;&#1575;&#1585;
+
===دکمه ارسال فرم===
−
&#1601;&#1590;&#1575;&#1740; &#1582;&#1575;&#1604;&#1740; &#1575;&#1590;&#1575;&#1601;&#1740; &#1576;&#1607;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
 
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1602;&#1576;&#1604; &#1608; &#1576;&#1593;&#1583; &#1575;&#1586;
+
<source lang="php">
−
&#1740;&#1705; &#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601; &#1575;&#1590;&#1575;&#1601;&#1607; &#1605;&#1740; &#1705;&#1606;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
/* (...) */
−
<p class="MsoNormal" dir="RTL">
+
<input type="submit" value="Send">
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma; font-weight: 700">
+
/* (...) */
−
&#1662;&#1585;&#1588; &#1576;&#1607; &#1582;&#1591; &#1576;&#1593;&#1583; :</span></p>
+
</source>
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
==برچسب Images و موجودیت Src==
−
&lt;br&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1607;&#1606;&#1711;&#1575;&#1605;&#1740;
+
 
−
&#1575;&#1587;&#1578;&#1601;&#1575;&#1583;&#1607; &#1605;&#1740; &#1588;&#1608;&#1583; &#1705;&#1607; &#1576;&#1582;&#1608;&#1575;&#1607;&#1740;&#1605; &#1740;&#1705; &#1582;&#1591; &#1585;&#1575; &#1662;&#1575;&#1740;&#1575;&#1606; &#1583;&#1607;&#1740;&#1605; &#1575;&#1605;&#1575; &#1606;&#1605;&#1740;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
در [[HTML]] عکس‌ها با برچسب <nowiki><img ></nowiki> معرفی می‌شوند.برچسب <nowiki><img ></nowiki> خالی است بدین معنا که آن فقط حاوی موجودیت‌ها است و برچسب پایانی ندارد.
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1582;&#1608;&#1575;&#1607;&#1740;&#1605; &#1740;&#1705;
+
 
−
&#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601; &#1580;&#1583;&#1740;&#1583; &#1585;&#1575; &#1570;&#1594;&#1575;&#1586; &#1705;&#1606;&#1740;&#1605;.&#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
برای نمایش یک تصویر در یک صفحه، شما احتیاج دارید که از موجودیت Src استفاده کنید. Src مخفف source (منبع) است. محتوای موجودیت url ،  Src تصویری است که شما می خواهید در صفحه تان نمایش دهید. نحوه معرفی یک تصویر به صورت زیر است :
−
&lt;br&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1588;&#1605;&#1575; &#1585;&#1575;
+
 
−
&#1575;&#1586; &#1607;&#1585; &#1580;&#1575; &#1705;&#1607; &#1602;&#1585;&#1575;&#1585;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
<source lang="php">
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1583;&#1575;&#1585;&#1740;&#1583; &#1576;&#1607; &#1740;&#1705;
+
/* (...) */
−
&#1582;&#1591; &#1662;&#1575;&#1740;&#1740;&#1606; &#1578;&#1585; &#1605;&#1740; &#1576;&#1585;&#1583;. &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
<img src="url">
−
&lt;br&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1740;&#1705; &#1576;&#1585;&#1670;&#1587;&#1576;
+
/* (...) */
−
&#1578;&#1705;&#1740; &#1575;&#1587;&#1578; &#1608; &#1607;&#1740;&#1670; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
</source>
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1662;&#1575;&#1740;&#1575;&#1606;&#1740; &#1606;&#1583;&#1575;&#1585;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
url به محلی اشاره می‌کند که تصویر در آنجا قرار دارد . تصویری که "pic.gif" نامیده شده در دایرکتوری "images" در "www.yoursite" دارای این url است:
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1670;&#1587;&#1576; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;hr&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
<nowiki>http://yoursite/images/pic.gif</nowiki>
−
&#1606;&#1610;&#1586; &#1740;&#1705; &#1582;&#1591; &#1575;&#1601;&#1602;&#1740; &#1585;&#1575; &#1605;&#1593;&#1585;&#1601;&#1740; &#1605;&#1740; &#1705;&#1606;&#1583;.</span></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
[[مرورگر]] تصویر را جایی قرار می‌دهد که برچسب تصویر پرونده در آنجا قرار گرفته است.اگر شما برچسب تصویر را بین دو پاراگراف قرار دهید ، [[مرورگر]] ابتدا پاراگراف اول ، سپس تصویر و سپس پاراگراف دوم را نشان می دهد.
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;&nbsp;</span></p>
+
 
−
<p class="MsoNormal" dir="RTL"><b>
+
==موجودیت Alt==
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1670;&#1587;&#1576; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Anchor</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
برای معرفی متن جایگزین به جای یک تصویر استفاده می شود. محتوای موجودیت Alt یک متن توصیفی است:
−
&#1608; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
 
−
Href</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma"> :</span></b></p>
+
<source lang="php">
−
<p class="MsoNormal" dir="RTL">
+
/* (...) */
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">  
+
<img src="url" alt="My Picture">
−
&#1575;&#1586; &#1576;&#1585;&#1670;&#1587;&#1576; &lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">a</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;
+
/* (...) */
−
&#1576;&#1585;&#1575;&#1740; &#1587;&#1575;&#1582;&#1578; &#1740;&#1705; &#1662;&#1740;&#1608;&#1606;&#1583; &#1576;&#1607; &#1662;&#1585;&#1608;&#1606;&#1583;&#1607; &#1607;&#1575;&#1740; &#1583;&#1740;&#1711;&#1585; &#1575;&#1587;&#1578;&#1601;&#1575;&#1583;&#1607; &#1605;&#1740; &#1705;&#1606;&#1583;. &#1740;&#1705; </span>
+
</source>
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">anchor</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
 
−
&#1605;&#1740; &#1578;&#1608;&#1575;&#1606;&#1583; &#1576;&#1607; &#1607;&#1585; &#1605;&#1606;&#1576;&#1593;&#1740; &#1583;&#1585; &#1608;&#1576; &#1575;&#1588;&#1575;&#1585;&#1607; &#1705;&#1606;&#1583;.</span></p>
+
اگر [[مرورگر]] نتواند تصویری را بارگیری نماید ، موجودیت alt به خواننده می‌گوید که آن را در صفحه از دست داده است ، سپس [[مرورگر]] متن جایگزین را بجای آن نشان خواهد داد.
−
<p class="MsoNormal" dir="RTL">
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1583;&#1587;&#1578;&#1608;&#1585;&#1575;&#1604;&#1593;&#1605;&#1604; :</span><font color="#008080"><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
این مقاله برای درک بهتر مفاهیم html می‌باشد و جنبه آموزشی ندارد. برای آموزش این برنامه نویسی و درک بهتر مفاهیم مطرح شده، به سایت <nowiki>http://www.html.ir</nowiki> مراجعه کنید و این کدنویسی را همراه با مثال و مطالب گسترده‌تری فرا بگیرید.
−
&lt;a href=&quot;url&quot;&gt; </span>
+
 
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1578;&#1606; &#1605;&#1608;&#1585;&#1583; &#1606;&#1592;&#1585; </span>
+
----
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;/a&gt;</span></font></p>
+
 
−
<p class="MsoNormal" dir="RTL"><b>
+
'''منبع : سایت html.ir'''
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span>
+
 
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Target</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
{{کپی رایت}}
−
:</span></b></p>
+
 
−
<p class="MsoNormal" dir="RTL">
+
[[رده:زبان برنامه نویسی تحت وب]]
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1575; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; &#1607;&#1583;&#1601; &#1588;&#1605;&#1575;
+
−
&#1605;&#1740; &#1578;&#1608;&#1575;&#1606;&#1740;&#1583; &#1605;&#1593;&#1585;&#1601;&#1740; &#1705;&#1606;&#1740;&#1583; &#1705;&#1607; &#1662;&#1585;&#1608;&#1606;&#1583;&#1607; &#1607;&#1575;&#1740; &#1662;&#1740;&#1608;&#1606;&#1583; &#1583;&#1575;&#1583;&#1607; &#1588;&#1583;&#1607; &#1705;&#1580;&#1575; &#1576;&#1575;&#1586; &#1588;&#1608;&#1606;&#1583;. &#1582;&#1591; &#1586;&#1740;&#1585; &#1662;&#1585;&#1608;&#1606;&#1583;&#1607; &#1575;&#1740;
+
−
&#1585;&#1575; &#1583;&#1585; &#1740;&#1705; &#1662;&#1606;&#1580;&#1585;&#1607; &#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1580;&#1583;&#1740;&#1583; &#1576;&#1575;&#1586; &#1582;&#1608;&#1575;&#1607;&#1583; &#1705;&#1585;&#1583;.</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1583;&#1587;&#1578;&#1608;&#1585;&#1575;&#1604;&#1593;&#1605;&#1604; :</span><font color="#008080"><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
&lt;a href=&quot;url&quot; target=&quot;_blank&quot;&gt; </span>
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1578;&#1606; &#1605;&#1608;&#1585;&#1583; &#1606;&#1592;&#1585; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;/a&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1578;&#1608;&#1580;&#1607; &#1583;&#1575;&#1588;&#1578;&#1607; &#1576;&#1575;&#1588;&#1610;&#1583;
+
−
&#1576;&#1587;&#1578;&#1607; &#1576;&#1607; &#1606;&#1610;&#1575;&#1586; &#1588;&#1605;&#1575; &#1605;&#1602;&#1583;&#1575;&#1585; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">blank</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1578;&#1594;&#1610;&#1610;&#1585; &#1605;&#1610;&#8204;&#1603;&#1606;&#1583; &#1608; &#1605;&#1605;&#1603;&#1606; &#1575;&#1587;&#1578; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">new</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1576;&#1575;&#1588;&#1583;.</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma; font-weight: 700">&#1587;&#1585;
+
−
&#1578;&#1740;&#1578;&#1585;&#1607;&#1575; &#1583;&#1585; &#1580;&#1583;&#1575;&#1608;&#1604; :</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1587;&#1585;&#1578;&#1740;&#1578;&#1585;&#1607;&#1575; &#1583;&#1585; &#1740;&#1705; &#1580;&#1583;&#1608;&#1604;
+
−
&#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma"> &lt;th&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1588;&#1582;&#1589;
+
−
&#1605;&#1740; &#1588;&#1608;&#1606;&#1583;</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma; font-weight: 700">
+
−
&#1604;&#1740;&#1587;&#1578; &#1607;&#1575;&#1740; &#1606;&#1575;&#1605;&#1585;&#1578;&#1576; :</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1740;&#1705; &#1604;&#1740;&#1587;&#1578; &#1606;&#1575;&#1605;&#1585;&#1578;&#1576; &#1548;
+
−
&#1604;&#1740;&#1587;&#1578;&#1740; &#1575;&#1586; &#1575;&#1602;&#1604;&#1575;&#1605; &#1575;&#1587;&#1578;.&#1575;&#1602;&#1604;&#1575;&#1605; &#1604;&#1740;&#1587;&#1578; &#1576;&#1608;&#1587;&#1740;&#1604;&#1607; &#1711;&#1604;&#1608;&#1604;&#1607; &#1606;&#1588;&#1575;&#1606;&#1607; &#1711;&#1584;&#1575;&#1585;&#1740; &#1605;&#1740; &#1588;&#1608;&#1606;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">)
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1593;&#1605;&#1608;&#1604;&#1575; &#1740;&#1705;
+
−
&#1583;&#1575;&#1740;&#1585;&#1607; &#1587;&#1740;&#1575;&#1607; &#1705;&#1608;&#1670;&#1705;). &#1740;&#1705; &#1604;&#1740;&#1587;&#1578; &#1606;&#1575;&#1605;&#1585;&#1578;&#1576; &#1576;&#1575; &#1740;&#1705; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
&lt;ul&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1570;&#1594;&#1575;&#1586; &#1605;&#1740;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1588;&#1608;&#1606;&#1583;.&#1607;&#1585; &#1705;&#1583;&#1575;&#1605;
+
−
&#1575;&#1586; &#1575;&#1602;&#1604;&#1575;&#1605; &#1604;&#1740;&#1587;&#1578; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
&lt;li&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1570;&#1594;&#1575;&#1586; &#1605;&#1740;
+
−
&#1588;&#1608;&#1606;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma; font-weight: 700">
+
−
&#1604;&#1740;&#1587;&#1578; &#1607;&#1575;&#1740; &#1605;&#1585;&#1578;&#1576; :</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1740;&#1705; &#1604;&#1740;&#1587;&#1578; &#1605;&#1585;&#1578;&#1576; &#1588;&#1583;&#1607; &#1606;&#1740;&#1586;
+
−
&#1604;&#1740;&#1587;&#1578;&#1740; &#1575;&#1586; &#1575;&#1602;&#1604;&#1575;&#1605; &#1575;&#1587;&#1578;. &#1575;&#1602;&#1604;&#1575;&#1605; &#1604;&#1740;&#1587;&#1578; &#1576;&#1608;&#1587;&#1740;&#1604;&#1607; &#1588;&#1605;&#1575;&#1585;&#1607; &#1606;&#1588;&#1575;&#1606;&#1607; &#1711;&#1584;&#1575;&#1585;&#1740; &#1605;&#1740;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1588;&#1608;&#1606;&#1583;.&#1740;&#1705; &#1604;&#1740;&#1587;&#1578;
+
−
&#1605;&#1585;&#1578;&#1576; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">  
+
−
&lt;ol&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1570;&#1594;&#1575;&#1586; &#1605;&#1740;
+
−
&#1588;&#1608;&#1583;.&#1607;&#1585;&#1705;&#1583;&#1575;&#1605; &#1575;&#1586; &#1575;&#1602;&#1604;&#1575;&#1605; &#1604;&#1740;&#1587;&#1578; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
&lt;li&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1570;&#1594;&#1575;&#1586; &#1605;&#1740;
+
−
&#1588;&#1608;&#1606;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma; font-weight: 700">
+
−
&#1601;&#1585;&#1605;&#8204;&#1607;&#1575; :</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1740;&#1705; &#1601;&#1585;&#1605; &#1548; &#1605;&#1606;&#1591;&#1602;&#1607; &#1575;&#1740;
+
−
&#1581;&#1575;&#1608;&#1740; &#1593;&#1606;&#1575;&#1589;&#1585; &#1601;&#1585;&#1605; &#1575;&#1587;&#1578;.&#1593;&#1606;&#1575;&#1589;&#1585; &#1601;&#1585;&#1605; &#1548; &#1593;&#1606;&#1575;&#1589;&#1585;&#1740; &#1607;&#1587;&#1578;&#1606;&#1583; &#1705;&#1607; &#1576;&#1607; &#1705;&#1575;&#1585;&#1576;&#1585; &#1575;&#1580;&#1575;&#1586;&#1607;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1740; &#1583;&#1607;&#1606;&#1583; &#1578;&#1575;
+
−
&#1575;&#1591;&#1604;&#1575;&#1593;&#1575;&#1578; &#1585;&#1575; (&#1605;&#1579;&#1604; &#1601;&#1740;&#1604;&#1583;&#1607;&#1575;&#1740; &#1605;&#1578;&#1606;&#1740; &#1548; &#1601;&#1740;&#1604;&#1583;&#1607;&#1575;&#1740;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
text area </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1548;
+
−
&#1604;&#1740;&#1587;&#1578; &#1607;&#1575;&#1740; &#1662;&#1575;&#1740;&#1740;&#1606;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1575;&#1601;&#1578;&#1575;&#1606;&#1548; &#1583;&#1705;&#1605;&#1607;
+
−
&#1607;&#1575;&#1740; &#1585;&#1575;&#1583;&#1740;&#1608;&#1740;&#1740; &#1548; &#1670;&#1705; &#1576;&#1575;&#1705;&#1587; &#1607;&#1575; &#1608;...) &#1583;&#1585; &#1601;&#1585;&#1605; &#1608;&#1575;&#1585;&#1583; &#1705;&#1606;&#1583;.&#1740;&#1705; &#1601;&#1585;&#1605; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
&lt;form&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1593;&#1585;&#1601;&#1740;
+
−
&#1605;&#1740; &#1588;&#1608;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1583;&#1585; &#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
&lt;form&gt; </span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1670;&#1587;&#1576;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">  
+
−
&lt;input&gt;</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1740;&#1588;&#1578;&#1585;&#1740;&#1606;
+
−
&#1575;&#1587;&#1578;&#1601;&#1575;&#1583;&#1607; &#1585;&#1575; &#1583;&#1575;&#1585;&#1583;.&#1606;&#1608;&#1593; &#1608;&#1585;&#1608;&#1583;&#1740; &#1576;&#1575;</span><span lang="FA" dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1582;&#1608;&#1575;&#1589; &#1570;&#1606; &#1578;&#1593;&#1740;&#1740;&#1606;
+
−
&#1605;&#1740; &#1588;&#1608;&#1583;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">.</span></p>
+
−
<p class="MsoNormal" dir="RTL"><font color="#008080">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;&#1605;&#1579;&#1575;&#1604; : </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;input type=&quot;text&quot;
+
−
name=&quot;firstname&quot; &gt;</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma"><b>&#1583;&#1603;&#1605;&#1607;&#8204;&#1607;&#1575;&#1610; &#1585;&#1575;&#1583;&#1610;&#1608;&#1610;&#1610;</b>  
+
−
: </span><font color="#008080">
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;input type=&quot;radio&quot;
+
−
name=&quot;city&quot; value=&quot;Tehran&quot; &gt; Tehran &lt;/form&gt;</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma"><b>&#1670;&#1603; &#1576;&#1575;&#1603;&#1587;&#8204;&#1607;&#1575;</b> :
+
−
</span><font color="#008080">
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;input
+
−
type=&quot;checkbox&quot; name=&quot;Text&quot;&gt;</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma"><b>&#1583;&#1603;&#1605;&#1607; &#1575;&#1585;&#1587;&#1575;&#1604; &#1601;&#1585;&#1605;</b>  
+
−
: </span><font color="#008080">
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&lt;input type=&quot;submit&quot;
+
−
value=&quot;Send&quot;&gt;</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;</span></p>
+
−
<p class="MsoNormal" dir="RTL"><b>
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1576;&#1585;&#1670;&#1587;&#1576; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Images</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1608; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Src</span></b><span lang="FA" style="font-size: 9pt; font-family: Tahoma"><b>
+
−
</b>:</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1583;&#1585; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">HTML</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">  
+
−
&#1593;&#1705;&#1587; &#1607;&#1575; &#1576;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576; &lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">img</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&gt; &#1605;&#1593;&#1585;&#1601;&#1740; &#1605;&#1740; &#1588;&#1608;&#1606;&#1583;.&#1576;&#1585;&#1670;&#1587;&#1576; &lt;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">img</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&gt; &#1582;&#1575;&#1604;&#1740; &#1575;&#1587;&#1578; &#1576;&#1583;&#1740;&#1606; &#1605;&#1593;&#1606;&#1575; &#1705;&#1607; &#1570;&#1606; &#1601;&#1602;&#1591; &#1581;&#1575;&#1608;&#1740; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578;&#8204;&#1607;&#1575; &#1575;&#1587;&#1578; &#1608; &#1576;&#1585;&#1670;&#1587;&#1576; &#1662;&#1575;&#1740;&#1575;&#1606;&#1740; &#1606;&#1583;&#1575;&#1585;&#1583;.<br>
+
−
&#1576;&#1585;&#1575;&#1740; &#1606;&#1605;&#1575;&#1740;&#1588; &#1740;&#1705; &#1578;&#1589;&#1608;&#1740;&#1585; &#1583;&#1585; &#1740;&#1705; &#1589;&#1601;&#1581;&#1607;&#1548; &#1588;&#1605;&#1575; &#1575;&#1581;&#1578;&#1740;&#1575;&#1580; &#1583;&#1575;&#1585;&#1740;&#1583; &#1705;&#1607; &#1575;&#1586; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Src</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1575;&#1587;&#1578;&#1601;&#1575;&#1583;&#1607; &#1705;&#1606;&#1740;&#1583;. </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Src</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1605;&#1582;&#1601;&#1601; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">source</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
(&#1605;&#1606;&#1576;&#1593;) &#1575;&#1587;&#1578;. &#1605;&#1581;&#1578;&#1608;&#1575;&#1740; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">url
+
−
</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1548; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">&nbsp;Src</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1578;&#1589;&#1608;&#1740;&#1585;&#1740; &#1575;&#1587;&#1578; &#1705;&#1607; &#1588;&#1605;&#1575; &#1605;&#1740; &#1582;&#1608;&#1575;&#1607;&#1740;&#1583; &#1583;&#1585; &#1589;&#1601;&#1581;&#1607; &#1578;&#1575;&#1606; &#1606;&#1605;&#1575;&#1740;&#1588; &#1583;&#1607;&#1740;&#1583;. &#1606;&#1581;&#1608;&#1607; &#1605;&#1593;&#1585;&#1601;&#1740; &#1740;&#1705; &#1578;&#1589;&#1608;&#1740;&#1585;&#1576;&#1607; &#1588;&#1603;&#1604;
+
−
&#1586;&#1610;&#1585; &#1575;&#1587;&#1578; :</span></p>
+
−
<p class="MsoNormal" dir="RTL" style="text-align: left"><font color="#008080">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;&quot;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">img  
+
−
src=&quot;url</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma"> &gt;</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">url</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1576;&#1607; &#1605;&#1581;&#1604;&#1740; &#1575;&#1588;&#1575;&#1585;&#1607; &#1605;&#1740; &#1705;&#1606;&#1583; &#1705;&#1607; &#1578;&#1589;&#1608;&#1740;&#1585; &#1583;&#1585; &#1570;&#1606;&#1580;&#1575; &#1602;&#1585;&#1575;&#1585; &#1583;&#1575;&#1585;&#1583; . &#1578;&#1589;&#1608;&#1740;&#1585;&#1740; &#1705;&#1607; &quot;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">pic.gif</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&quot;
+
−
&#1606;&#1575;&#1605;&#1740;&#1583;&#1607; &#1588;&#1583;&#1607; &#1583;&#1585; &#1583;&#1575;&#1740;&#1585;&#1705;&#1578;&#1608;&#1585;&#1740; &quot;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">images</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&quot;
+
−
&#1583;&#1585; &quot;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">www.yoursite</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&quot;
+
−
&#1583;&#1575;&#1585;&#1575;&#1740; &#1575;&#1740;&#1606; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">url</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1575;&#1587;&#1578;: </span></p>
+
−
<p class="MsoNormal" dir="RTL" style="text-align: left"><font color="#008080">
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
http://yoursite/images/pic.gif</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1578;&#1589;&#1608;&#1740;&#1585; &#1585;&#1575; &#1580;&#1575;&#1740;&#1740;
+
−
&#1602;&#1585;&#1575;&#1585; &#1605;&#1740; &#1583;&#1607;&#1583; &#1705;&#1607; &#1576;&#1585; &#1670;&#1587;&#1576; &#1578;&#1589;&#1608;&#1740;&#1585; &#1662;&#1585;&#1608;&#1606;&#1583;&#1607; &#1583;&#1585; &#1570;&#1606;&#1580;&#1575; &#1602;&#1585;&#1575;&#1585; &#1711;&#1585;&#1601;&#1578;&#1607; &#1575;&#1587;&#1578;.&#1575;&#1711;&#1585; &#1588;&#1605;&#1575; &#1576;&#1585;&#1670;&#1587;&#1576; &#1578;&#1589;&#1608;&#1740;&#1585; &#1585;&#1575;
+
−
&#1576;&#1740;&#1606; &#1583;&#1608; &#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601; &#1602;&#1585;&#1575;&#1585; &#1583;&#1607;&#1740;&#1583; &#1548; &#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1575;&#1576;&#1578;&#1583;&#1575; &#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601; &#1575;&#1608;&#1604; &#1548; &#1587;&#1662;&#1587; &#1578;&#1589;&#1608;&#1740;&#1585; &#1608; &#1587;&#1662;&#1587; &#1662;&#1575;&#1585;&#1575;&#1711;&#1585;&#1575;&#1601;
+
−
&#1583;&#1608;&#1605; &#1585;&#1575; &#1606;&#1588;&#1575;&#1606; &#1605;&#1740; &#1583;&#1607;&#1583;.</span></p>
+
−
<p class="MsoNormal" dir="RTL"><b>
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Alt</span></b><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
:&#1576;&#1585;&#1575;&#1740; &#1605;&#1593;&#1585;&#1601;&#1740; &#1605;&#1578;&#1606; &#1580;&#1575;&#1740;&#1711;&#1586;&#1740;&#1606; &#1576;&#1607; &#1580;&#1575;&#1740; &#1740;&#1705; &#1578;&#1589;&#1608;&#1740;&#1585; &#1575;&#1587;&#1578;&#1601;&#1575;&#1583;&#1607; &#1605;&#1740; &#1588;&#1608;&#1583;. &#1605;&#1581;&#1578;&#1608;&#1575;&#1740; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">Alt</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">  
+
−
&#1740;&#1705; &#1605;&#1578;&#1606; &#1578;&#1608;&#1589;&#1740;&#1601;&#1740; &#1575;&#1587;&#1578;: </span></p>
+
−
<p class="MsoNormal" dir="RTL" style="text-align: left"><font color="#008080">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&lt;&quot;</span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">img  
+
−
src=&quot;url&quot; alt=&quot;My Picture</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&gt;</span></font></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1575;&#1711;&#1585; &#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1606;&#1578;&#1608;&#1575;&#1606;&#1583;
+
−
&#1578;&#1589;&#1608;&#1740;&#1585;&#1740; &#1585;&#1575; &#1576;&#1575;&#1585;&#1711;&#1740;&#1585;&#1740; &#1606;&#1605;&#1575;&#1740;&#1583; &#1548; &#1605;&#1608;&#1580;&#1608;&#1583;&#1740;&#1578; </span>
+
−
<span dir="LTR" style="font-size: 9pt; font-family: Tahoma">alt</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1576;&#1607; &#1582;&#1608;&#1575;&#1606;&#1606;&#1583;&#1607; &#1605;&#1740; &#1711;&#1608;&#1740;&#1583; &#1705;&#1607; &#1570;&#1606; &#1585;&#1575; &#1583;&#1585; &#1589;&#1601;&#1581;&#1607; &#1575;&#1586; &#1583;&#1587;&#1578; &#1583;&#1575;&#1583;&#1607; &#1575;&#1587;&#1578; &#1548; &#1587;&#1662;&#1587; &#1605;&#1585;&#1608;&#1585;&#1711;&#1585; &#1605;&#1578;&#1606; &#1580;&#1575;&#1740;&#1711;&#1586;&#1740;&#1606; &#1585;&#1575;
+
−
&#1576;&#1580;&#1575;&#1740; &#1570;&#1606; &#1606;&#1588;&#1575;&#1606; &#1582;&#1608;&#1575;&#1607;&#1583; &#1583;&#1575;&#1583;.</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;</span></p>
+
−
<p class="MsoNormal" dir="RTL">-<span lang="fa">------------------------------------------------------------------------------</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">&nbsp;</span></p>
+
−
<p class="MsoNormal" dir="RTL">
+
−
<span lang="FA" style="font-size: 9pt; font-family: Tahoma">&#1575;&#1610;&#1606; &#1605;&#1602;&#1575;&#1604;&#1607; &#1576;&#1585;&#1575;&#1610; &#1583;&#1585;&#1603;
+
−
&#1576;&#1607;&#1578;&#1585; &#1605;&#1601;&#1575;&#1607;&#1610;&#1605; </span><span dir="LTR" style="font-size: 9pt; font-family: Tahoma">
+
−
html</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma"> &#1583;&#1585; &#1602;&#1575;&#1604;&#1576;
+
−
&#1605;&#1575;&#1605;&#1576;&#1608; &#1608; &#1580;&#1608;&#1605;&#1604;&#1575; &#1605;&#1610;&#8204;&#1576;&#1575;&#1588;&#1583; &#1608; &#1580;&#1606;&#1576;&#1607; &#1570;&#1605;&#1608;&#1586;&#1588;&#1610; &#1606;&#1583;&#1575;&#1585;&#1583;. &#1576;&#1585;&#1575;&#1610; &#1570;&#1605;&#1608;&#1586;&#1588; &#1575;&#1610;&#1606; &#1603;&#1583;&#1606;&#1608;&#1610;&#1587;&#1610; &#1608; &#1583;&#1585;&#1603; &#1576;&#1607;&#1578;&#1585;
+
−
&#1605;&#1601;&#1575;&#1607;&#1610;&#1605; &#1605;&#1591;&#1585;&#1581; &#1588;&#1583;&#1607; &#1576;&#1607; &#1587;&#1575;&#1610;&#1578; </span>
+
−
<span style="font-size: 9pt; font-family: Tahoma">http://www.html.ir</span><span lang="FA" style="font-size: 9pt; font-family: Tahoma">
+
−
&#1605;&#1585;&#1575;&#1580;&#1593;&#1607; &#1603;&#1606;&#1610;&#1583; &#1608; &#1575;&#1610;&#1606; &#1603;&#1583;&#1606;&#1608;&#1610;&#1587;&#1610; &#1585;&#1575; &#1607;&#1605;&#1585;&#1575;&#1607; &#1576;&#1575; &#1605;&#1579;&#1575;&#1604; &#1608; &#1605;&#1591;&#1575;&#1604;&#1576; &#1711;&#1587;&#1578;&#1585;&#1583;&#1607;&#8204;&#1578;&#1585;&#1610; &#1601;&#1585;&#1575; &#1576;&#1711;&#1610;&#1585;&#1610;&#1583;.</span></p>
+
−
<p class="MsoNormal" dir="RTL">&nbsp;</p>
+
−
<p class="MsoNormal" dir="RTL"><span lang="fa">
+
−
<font face="Tahoma" style="font-size: 9pt">&#1605;&#1608;&#1601;&#1602; &#1576;&#1575;&#1588;&#1610;&#1583;.</font></span></p>
+

نسخهٔ کنونی تا ‏۹ مارس ۲۰۱۱، ساعت ۱۶:۳۴

HTML چیست ؟

مخفف کلمه hyper text markup language می‌باشد و عموماً فایل‌های این کدنویسی با پسوند html و htm معرفی می‌شوند.

هر فایل HTML حاوی برچسب‌های (تگ‌ها) کوچک نشانه گذاریست و این برچسب‌ها هستند که به مرورگر بیان می‌کنند که صفحه را چگونه نمایش دهند و یک فایل HTML می‌تواند توسط یک ویرایشگر متنی ساده همچون notepad ساخته شود.

کدنویسی در این زبان بسیار ساده هست و نیاز به صرف زمان اندکی دارد و می‌توانید در مدت یک هفته به این زبان نسبتاً مسلط شوید.

برای شروع لازم است تا کد زیر را تحلیل کنیم :


<source lang="php"> /* (...) */ <html> <head> <title>عنوان صفحه</title> </head> <body> متن معمولی متن درشت خط </body> </html> /* (...) */ </source>

اگر دقت کنید هر کدی که آغاز می‌شود در خط‌های بعدی به کد خاتمه خود ختم می‌شود.

بطور مثال: برچسب <html> که با </html> به پایان می‌رسد.

در واقع اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر می‌فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می‌فهماند که این انتهای یک فایل HTML است.

مطالب واقع در میان برچسب head در نمای کلی صفحه نمایش داده نمی‌شوند و کاربرد خارج از قسمت نمایش اصلی (body) هستند. همانگونه که مشاهده می‌کنید برچسب title در دل این برچسب قرار گرفته است و وظیفه نمایش عنوان صفحه را دارد.

محتویات سایت شما در بین برچسب body قرار می‌گیرد و متنی که در میان <b> قرار می‌گیرد به شکل درشت خط و یا Bold نمایش داده می‌شود.

توجه: در کدنویسی به این سبک B و b تفاوتی ندارند ولی بهتر است خود را با حروف کوچک عادت دهید.

برچسب‌ها و عناصر دیگر

حال زمان آنست که با برخی از برچسب‌ها و عناصر دیگر html آشنا شوید:

عنصر Bgcolor به منظور معرفی یک زمینه برای صفحه یا جدول شما کاربرد دارد و در body به این شکل اضافه می‌شود :

<source lang="php"> /* (...) */

<body bgcolor="green">

/* (...) */ </source>

و در بین برچسب body قرار می‌گیرد.

توجه: عناصر همیشه به برچسب شروع عناصر HTML اضافه می‌شوند.

برچسب table به منظور ایجاد یک جدول در صفحه می‌باشد.

عنصر border برای تعیین اندازه لبه‌های جدول کاربرد دارد و در میان برچسب جدول مورد نظر قرار می‌گیرد. برای قرار گرفتن در بین جدول مورد نظر باید به صورت زیر کدها را وارد کنید.

<source lang="php"> /* (...) */

</div>

/* (...) */ </source>

توجه: عناصر همیشه در یک زوج نام/مقدار می‌آیند، مانند : نام="مقدار"

سرتیتر‌ها

سر تیترها با برچسب‌های <h1>تا<h6> معرفی می‌شوند. <h1> بیانگر بزرگترین سرتیتر و <h6> بیانگر کوچکترین سرتیتر است.

پاراگراف‌ها

پاراگراف‌ها با برچسب <p> معرفی می‌شوند. HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.

پرش به خط بعد

برچسب <br> هنگامی استفاده می‌شود که بخواهیم یک خط را پایان دهیم اما نمی‌خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین‌تر می‌برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.

برچسب <hr> نیز یک خط افقی را معرفی می کند.

برچسب Anchor و موجودیت Href :

HTML از برچسب <a> برای ساخت یک پیوند به پرونده‌های دیگر استفاده می‌کند. یک anchor می‌تواند به هر منبعی در وب اشاره کند.

دستورالعمل:

<source lang="php"> /* (...) */ <a href="url"> متن مورد نظر </a> /* (...) */ </source>

موجودیت Target

با موجودیت هدف شما می‌توانید معرفی کنید که پرونده‌های پیوند داده شده کجا باز شوند. خط زیر پرونده‌ای را در یک پنجره مرورگر جدید باز خواهد کرد.

دستورالعمل:

<source lang="php"> /* (...) */ <a href="url" target="_blank"> متن مورد نظر </a> /* (...) */ </source>

توجه داشته باشید بسته به نیاز شما مقدار blank_ تغییر می‌کند و ممکن است new_ باشد.

سرتیترها در جداول

سرتیترها در یک جدول با برچسب <th> مشخص می‌شوند.

لیست‌های نامرتب

یک لیست نامرتب ، لیستی از اقلام است.اقلام لیست بوسیله گلوله نشانه گذاری می‌شوند (معمولا یک دایره سیاه کوچک). یک لیست نامرتب با یک برچسب <ul> آغاز می‌شوند. هر کدام از اقلام لیست با برچسب <li> آغاز می‌شوند.

لیست‌های مرتب

یک لیست مرتب شده نیز لیستی از اقلام است. اقلام لیست بوسیله شماره نشانه گذاری می‌شوند.یک لیست مرتب با برچسب <ol> آغاز می‌شود.هرکدام از اقلام لیست با برچسب <li> آغاز می‌شوند.

فرم‌ها

یک فرم ، منطقه‌ای حاوی عناصر فرم است.عناصر فرم ، عناصری هستند که به کاربر اجازه می‌دهند تا اطلاعات را (مثل فیلدهای متنی ، فیلدهای text area ، لیست های پایین افتان، دکمه های رادیویی ، چک باکس‌ها و...) در فرم وارد کند.یک فرم با برچسب <form> معرفی می‌شود.

در برچسب <form> برچسب <input> بیشترین استفاده را دارد.نوع ورودی با خواص آن تعیین می‌شود.

مثال

<source lang="php"> /* (...) */ <input type="text" name="firstname" > /* (...) */ </source>

دکمه‌های رادیویی

<source lang="php"> /* (...) */ <input type="radio" name="city" value="Tehran" > Tehran </form> /* (...) */ </source>

چک باکس‌ها

<source lang="php"> /* (...) */ <input type="checkbox" name="Text"> /* (...) */ </source>

دکمه ارسال فرم

<source lang="php"> /* (...) */ <input type="submit" value="Send"> /* (...) */ </source>

برچسب Images و موجودیت Src

در HTML عکس‌ها با برچسب <img > معرفی می‌شوند.برچسب <img > خالی است بدین معنا که آن فقط حاوی موجودیت‌ها است و برچسب پایانی ندارد.

برای نمایش یک تصویر در یک صفحه، شما احتیاج دارید که از موجودیت Src استفاده کنید. Src مخفف source (منبع) است. محتوای موجودیت url ، Src تصویری است که شما می خواهید در صفحه تان نمایش دهید. نحوه معرفی یک تصویر به صورت زیر است :

<source lang="php"> /* (...) */ <img src="url"> /* (...) */ </source>

url به محلی اشاره می‌کند که تصویر در آنجا قرار دارد . تصویری که "pic.gif" نامیده شده در دایرکتوری "images" در "www.yoursite" دارای این url است:

http://yoursite/images/pic.gif

مرورگر تصویر را جایی قرار می‌دهد که برچسب تصویر پرونده در آنجا قرار گرفته است.اگر شما برچسب تصویر را بین دو پاراگراف قرار دهید ، مرورگر ابتدا پاراگراف اول ، سپس تصویر و سپس پاراگراف دوم را نشان می دهد.

موجودیت Alt

برای معرفی متن جایگزین به جای یک تصویر استفاده می شود. محتوای موجودیت Alt یک متن توصیفی است:

<source lang="php"> /* (...) */ <img src="url" alt="My Picture"> /* (...) */ </source>

اگر مرورگر نتواند تصویری را بارگیری نماید ، موجودیت alt به خواننده می‌گوید که آن را در صفحه از دست داده است ، سپس مرورگر متن جایگزین را بجای آن نشان خواهد داد.

این مقاله برای درک بهتر مفاهیم html می‌باشد و جنبه آموزشی ندارد. برای آموزش این برنامه نویسی و درک بهتر مفاهیم مطرح شده، به سایت http://www.html.ir مراجعه کنید و این کدنویسی را همراه با مثال و مطالب گسترده‌تری فرا بگیرید.

منبع : سایت html.ir

8.pngاستفاده از مطالب دانشنامه جوملا فارسی - مامبو فارسی با ذکر منبع ( دانشنامه جوملا فارسی ) و لینک مستقیم به http://docs.joomlafarsi.com بلامانع است.
برگرفته از «https://docs.joomlafarsi.com/index.php?title=HTML&oldid=1980»